.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea]{position:absolute;z-index:1000;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:0 6px 12px rgba(0,0,0,.175);-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item{font-size:14px;padding:1px 3px;border:0}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item a{text-decoration:none;display:block;height:100%;line-height:1.8em;padding:0 1.54em 0 .615em;color:#4f4f4f}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item.active,.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item:hover{background-color:#e4e4e4}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item.active a,.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item:hover a{color:#333}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item .emojioneemoji{font-size:inherit;height:2ex;width:2.1ex;min-height:20px;min-width:20px;display:inline-block;margin:0 5px .2ex 0;line-height:normal;vertical-align:middle;max-width:100%;top:0}.emojionearea,.emojionearea *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.emojionearea,.emojionearea.form-control{display:block;position:relative!important;width:100%;height:auto;padding:0;font-size:14px;background-color:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-transition:border-color .15s ease-in-out,-moz-box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.emojionearea.focused{border-color:#66afe9;outline:0;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.emojionearea .emojionearea-editor{display:block;height:auto;min-height:8em;max-height:15em;overflow:auto;padding:6px 24px 6px 12px;line-height:1.42857143;font-size:inherit;color:#555;background-color:transparent;border:0;cursor:text;margin-right:1px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.emojionearea .emojionearea-editor:empty:before{content:attr(placeholder);display:block;color:#bbb}.emojionearea .emojionearea-editor:focus{border:0;outline:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.emojionearea .emojionearea-editor .emojioneemoji,.emojionearea .emojionearea-editor [class*=emojione-]{font-size:inherit;height:2ex;width:2.1ex;min-height:20px;min-width:20px;display:inline-block;margin:-.2ex .15em .2ex;line-height:normal;vertical-align:middle;max-width:100%;top:0}.emojionearea.emojionearea-inline{height:34px}.emojionearea.emojionearea-inline>.emojionearea-editor{height:32px;min-height:20px;overflow:hidden;white-space:nowrap;position:absolute;top:0;left:12px;right:24px;padding:6px 0}.emojionearea.emojionearea-inline>.emojionearea-button{top:4px}.emojionearea .emojionearea-button{z-index:5;position:absolute;right:3px;top:3px;width:24px;height:24px;opacity:.6;cursor:pointer;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.emojionearea .emojionearea-button:hover{opacity:1}.emojionearea .emojionearea-button>div{display:block;width:24px;height:24px;position:absolute;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.emojionearea .emojionearea-button>div.emojionearea-button-open{background-position:0 -24px;filter:alpha(enabled=false);opacity:1}.emojionearea .emojionearea-button>div.emojionearea-button-close{background-position:0 0;-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);filter:alpha(Opacity=0);opacity:0}.emojionearea .emojionearea-button.active>div.emojionearea-button-open{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);filter:alpha(Opacity=0);opacity:0}.emojionearea .emojionearea-button.active>div.emojionearea-button-close{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);filter:alpha(enabled=false);opacity:1}.emojionearea .emojionearea-picker{background:#fff;position:absolute;-moz-box-shadow:0 1px 5px rgba(0,0,0,.32);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.32);box-shadow:0 1px 5px rgba(0,0,0,.32);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;height:236px;width:284px;top:-15px;right:-15px;z-index:90;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;filter:alpha(Opacity=0);opacity:0;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.emojionearea .emojionearea-picker.hidden{display:none}.emojionearea .emojionearea-picker .emojionearea-wrapper{position:relative;height:236px;width:284px}.emojionearea .emojionearea-picker .emojionearea-wrapper:after{content:"";display:block;position:absolute;background-repeat:no-repeat;z-index:91}.emojionearea .emojionearea-picker .emojionearea-filters{width:100%;position:absolute;background:#F5F7F9;padding:0 0 0 7px;height:40px;z-index:95}.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter{display:block;float:left;height:40px;width:32px;padding:7px 1px 0;cursor:pointer;-webkit-filter:grayscale(1);filter:grayscale(1)}.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active{background:#fff}.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active,.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter>i{width:24px;height:24px;top:0}.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter>img{width:24px;height:24px;margin:0 3px}.emojionearea .emojionearea-picker .emojionearea-scroll-area{height:196px;overflow:auto;overflow-x:hidden;width:100%;position:absolute;padding:0 0 5px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-emojis-list{z-index:1}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones{position:absolute;top:6px;right:10px;height:22px;z-index:2}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones>.btn-tone{display:inline-block;padding:0;border:0;vertical-align:middle;outline:0;background:0 0;cursor:pointer;position:relative}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones>.btn-tone.btn-tone-0,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones>.btn-tone.btn-tone-0:after{background-color:#ffcf3e}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones>.btn-tone.btn-tone-1,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones>.btn-tone.btn-tone-1:after{background-color:#fae3c5}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones>.btn-tone.btn-tone-2,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones>.btn-tone.btn-tone-2:after{background-color:#e2cfa5}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones>.btn-tone.btn-tone-3,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones>.btn-tone.btn-tone-3:after{background-color:#daa478}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones>.btn-tone.btn-tone-4,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones>.btn-tone.btn-tone-4:after{background-color:#a78058}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones>.btn-tone.btn-tone-5,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones>.btn-tone.btn-tone-5:after{background-color:#5e4d43}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-bullet>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-square>.btn-tone{width:20px;height:20px;margin:0;background-color:transparent}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-bullet>.btn-tone:after,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-square>.btn-tone:after{content:"";position:absolute;display:block;top:4px;left:4px;width:12px;height:12px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-bullet>.btn-tone.active:after,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-square>.btn-tone.active:after{top:0;left:0;width:20px;height:20px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-checkbox>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-radio>.btn-tone{width:16px;height:16px;margin:0 2px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-checkbox>.btn-tone.active:after,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-radio>.btn-tone.active:after{content:"";position:absolute;display:block;background-color:transparent;border:2px solid #fff;width:8px;height:8px;top:2px;left:2px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category:after,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category:before,.emojionearea .emojionearea-picker .emojionearea-scroll-area h1:after,.emojionearea .emojionearea-picker .emojionearea-scroll-area h1:before{content:" ";clear:both;display:block}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-bullet>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-bullet>.btn-tone:after,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-radio>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-radio>.btn-tone:after{-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-checkbox>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-checkbox>.btn-tone:after,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-square>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-square>.btn-tone:after{-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px}.emojionearea .emojionearea-picker .emojionearea-scroll-area h1{display:block;font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;font-size:13px;font-weight:400;color:#b2b2b2;background:#fff;line-height:20px;margin:0;padding:7px 0 5px 6px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category{padding:0 0 0 7px}.emojionearea .emojionearea-picker .emojionearea-scroll-area [class*=emojione-]{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;margin:0;width:24px;height:24px;top:0}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;width:24px;height:24px;float:left;display:block;margin:1px;padding:3px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn:hover{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background-color:#e4e4e4;cursor:pointer}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn i,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img{float:left;display:block;width:24px;height:24px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img.lazy-emoji{filter:alpha(Opacity=0);opacity:0}.emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-filters{top:0;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px}.emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-scroll-area{bottom:0}.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom .emojionearea-filters{bottom:0;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px}.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom .emojionearea-scroll-area{top:0}.emojionearea .emojionearea-picker.emojionearea-picker-position-top{margin-top:-246px;right:-14px}.emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after{width:19px;height:10px;background-position:-2px -49px;bottom:-10px;right:20px}.emojionearea .emojionearea-picker.emojionearea-picker-position-top.emojionearea-filters-position-bottom .emojionearea-wrapper:after{background-position:-2px -80px}.emojionearea .emojionearea-picker.emojionearea-picker-position-left,.emojionearea .emojionearea-picker.emojionearea-picker-position-right{margin-right:-294px;top:-8px}.emojionearea .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after,.emojionearea .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after{width:10px;height:19px;background-position:0 -60px;top:13px;left:-10px}.emojionearea .emojionearea-picker.emojionearea-picker-position-left.emojionearea-filters-position-bottom .emojionearea-wrapper:after,.emojionearea .emojionearea-picker.emojionearea-picker-position-right.emojionearea-filters-position-bottom .emojionearea-wrapper:after{background-position:right -60px}.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom{margin-top:10px;right:-14px;top:47px}.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after{width:19px;height:10px;background-position:-2px -100px;top:-10px;right:20px}.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom.emojionearea-filters-position-bottom .emojionearea-wrapper:after{background-position:-2px -90px}.emojionearea .emojionearea-button.active+.emojionearea-picker{filter:alpha(enabled=false);opacity:1}.emojionearea .emojionearea-button.active+.emojionearea-picker-position-top{margin-top:-229px}.emojionearea .emojionearea-button.active+.emojionearea-picker-position-left,.emojionearea .emojionearea-button.active+.emojionearea-picker-position-right{margin-right:-277px}.emojionearea .emojionearea-button.active+.emojionearea-picker-position-bottom{margin-top:-7px}.emojionearea .emojionearea-button>div,.emojionearea .emojionearea-picker .emojionearea-wrapper:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAABuCAYAAADMB4ipAAAHfElEQVRo3u1XS1NT2Rb+9uOcQF4YlAJzLymFUHaLrdxKULvEUNpdTnRqD532f+AHMLMc94gqR1Zbt8rBnUh3YXipPGKwRDoWgXvrYiFUlEdIkPPYZ/dAkwox5yQCVt/bzRrBPnt9e+211/etFeDQDu3ArL+/X37OeqmRWoH7+vpItfWawStF1tfXR+zW9xW5ne0p8loOcAKuCdwpRft60C8a+X5zTvebCqcAvmidf1GGHtqhHdpf1qqKzsrKipyensbi4iKWl5cBAMFgEG1tbYhGo2hpadlbmxseHpaDg4MAgI6ODng8HgBAPp/H/Pw8AODatWvo7e2tvUHrui7v3r2L+fl5XL58GVeuXIHH49m1N5/Py0ePHmF0dBQdHR24desWVFXdtYdXAn/48CHm5+dx8+ZNRKPRigEUDpuenpb3799H4YaOnWh5eVmOj48jFoshGo0STdPkwMCAXF5elqV7BgYGpKZpMhqNklgshrGxMbx580Y6gicSCTDGEIvFAADpdBqpVArJZLK4J5lMIpVKIZ1OAwBisRgYY0gkEs6Rp1IphMNh+Hw+AgCGYQAANE0r7in8Xfjm8/lIOBzGq1evnMHX19fR1NRU/D8UCoFzjnA4XFwLh8PgnCMUChXXmpqakM1mUfVBS62xsZHk83lZWi1nz579ZA0AhBDO4A0NDchkMsWSJIRAURRiVy26rktVVUkmk0EgEHAGP3XqFKamppDP56Vpmrhz5w5u374t/X4/OP+w3TRNZLNZ6LoO0zSRz+dlf38/Ll686Jzz8+fPQwiBeDwOt9tNrl+/jkwmU6yaQpVkMhncuHEDbrebxONxCCEQiUScIw8Gg+TBgwdyZGQEyWRSdnV1kVQqJYeGhrC6ugrGGEKhEHp7e3Hy5EmSTCblvXv30NPTg2AwSA6M/vF4HCMjI7b0/yzh8vv9AIBsNrt34aokuQsLC7skt729varkHtqftUFf++FHsrq0QN3eBvp68Tfvf9Mv12oFCYU7G//e9nVuO7dpNbe2W4M//yQr0p8yRvyBo1Zr++lwLcCt7afD/sBRizJGavrB1dDYYh47Htrq+Kb7jBNwxzfdZ44dD201NLaYVUkU7ozQpuAJBkARwnRZpunN5zaa5hJjiXLH05GeiMd7JEM5zzHGNQBGZvk/Iv0yYVWMvK0zKk1Dl6ahW5RQobjqdjy+wEZn9PKF0n2d0csXPL7AhuKq26GECtPQLdPQZVtn1LlB69p7yRVVSEiDEGJwRd12e4+8PR3piRQidnuPvOWKuk0IMSSkwRVV6Np7WVVbSqvGsgSnlKkAFNPQXdrOtuKqcxtcUTUAhmUJnVJmlleJo3CVHmAaOlPUOmYJkxFKibQsSRkXhr4juKIKO2BHVSwcoLrqCVdUYho6K3YYRRWmoUtdey/tgKtK7rUffiQAsLq08MnbNLe2WwBgB/zHzueFyD8nwlIfbvdx8eU0WV1aKD1cVAMs9+F2j9gUPEEKemEJIe3AnXy4XfkBoNKSZHNthWfX31EA69VKttyHVyIOY1wRwmS6tqNsrr31vXo5k/bUu4gT2cp9lhbm0rzCJpeUUrE0vS63+c7/6uXMbDUWl/ssLczNFrVFddUT09AZpUy1LKvO0DVfPrfR9HxqfNbuEe185l9MFX3o6tIC5YpKFLWOfdQQ93Zu49j0+FDCDtjOp1yaOQCYhs4Y40wI05XfWj8yPT40Ua2ey33mEmMTtp2IUEq0nW3FKeJPGPjRp1Iz2QUuLUu66txG9NLVSK3gBZ+C1lcE54oqKOOCK6rm8QU2unu+u1ANuNynvFsBAG1ubbdMQ5eGviMAFDuP0w3sfMpvQEtb24fOQncU1bXl8R7JnOu+ZNv97XxKJwY6+PNPsrm13drObVqUMlMIU5OWpVHOc96Go5lTnV2fzC/VfAozD7HTCa6olBBa1Imlhbmq2lLuQ5xaW6nCPfnln0Yt7bDUhzhps8cfKH5//uTXmvS81OeLdqI/ZoROzSZrHqG/OvOPzxuhK5VgJTvV2bW3EdqJRABwrvvS/kfoSkoZvXT1YEbociHr7vnuYEfogpBFL109HKH/h0fomnXg3Lff79r7/MmvVbWG7gX4QObzc99+Tz7mHKah05KcW6ahQ9feS6cbMCdgt7eBWJagjCuUAC5tZzuouuo0Spm0hElc9R4cbf4bVl8v1p6WUmCuqEwIs34ruxaeeTy4uJVd67As08UVlVmWoG5vA7FLG3WMmHEupVTyW+vh2cn4DADMTsaTuc21LiGEhzHOnQ6gNtMrJSBMCKHkNt999WLi0S7hejEZH81n174WpukiIMw0dKq66p3Bw50RwhUVXFGJKUy28Xal48VkfKrSlWenhsc23q2cEB9SR7iiItwZIbbgHn8AlDFCCMW7laXjqZnHjkNpaubJzNuVpWZCKChjxOMPVH/QlaW0f/G3ZLqWWl6ce/bvlddp7yFD/w8Z+njoX1+GoZMjgzMAMDkyeLAMnRh+uKveJ0YGD4ahEyODFRk6OfrL/hj67GnckaHPng7vjaGzyYmaGDr77KktQ38H8tqx8Wja+WIAAAAASUVORK5CYII=)!important}
.webui-popover-content{display:none}.webui-popover-rtl{direction:rtl;text-align:right}.webui-popover{position:absolute;top:0;left:0;z-index:9999;display:none;min-width:50px;min-height:32px;padding:1px;text-align:left;white-space:normal;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.webui-popover.top,.webui-popover.top-left,.webui-popover.top-right{margin-top:-10px}.webui-popover.right,.webui-popover.right-top,.webui-popover.right-bottom{margin-left:10px}.webui-popover.bottom,.webui-popover.bottom-left,.webui-popover.bottom-right{margin-top:10px}.webui-popover.left,.webui-popover.left-top,.webui-popover.left-bottom{margin-left:-10px}.webui-popover.pop{-webkit-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);-webkit-transition:transform .15s cubic-bezier(0.3,0,0,1.5);-o-transition:transform .15s cubic-bezier(0.3,0,0,1.5);transition:transform .15s cubic-bezier(0.3,0,0,1.5);opacity:0;filter:alpha(opacity=0)}.webui-popover.pop-out{-webkit-transition-property:"opacity,transform";-o-transition-property:"opacity,transform";transition-property:"opacity,transform";-webkit-transition:.15s linear;-o-transition:.15s linear;transition:.15s linear;opacity:0;filter:alpha(opacity=0)}.webui-popover.fade,.webui-popover.fade-out{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;opacity:0;filter:alpha(opacity=0)}.webui-popover.out{opacity:0;filter:alpha(opacity=0)}.webui-popover.in{-webkit-transform:none;-o-transform:none;transform:none;opacity:1;filter:alpha(opacity=100)}.webui-popover .webui-popover-content{padding:9px 14px;overflow:auto;display:block}.webui-popover .webui-popover-content>div:first-child{width:99%}.webui-popover-inner .close{font-family:arial;margin:8px 10px 0 0;float:right;font-size:16px;font-weight:700;line-height:16px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20);text-decoration:none}.webui-popover-inner .close:hover,.webui-popover-inner .close:focus{opacity:.5;filter:alpha(opacity=50)}.webui-popover-inner .close:after{content:"\00D7";width:.8em;height:.8em;padding:4px;position:relative}.webui-popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:700;line-height:18px;background-color:#fff;border-bottom:1px solid #f2f2f2;border-radius:5px 5px 0 0}.webui-popover-content{padding:9px 14px;overflow:auto;display:none}.webui-popover-inverse{background-color:#333;color:#eee}.webui-popover-inverse .webui-popover-title{background:#333;border-bottom:1px solid #3b3b3b;color:#eee}.webui-no-padding .webui-popover-content{padding:0}.webui-no-padding .list-group-item{border-right:none;border-left:none}.webui-no-padding .list-group-item:first-child{border-top:0}.webui-no-padding .list-group-item:last-child{border-bottom:0}.webui-popover>.webui-arrow,.webui-popover>.webui-arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.webui-popover>.webui-arrow{border-width:11px}.webui-popover>.webui-arrow:after{border-width:10px;content:""}.webui-popover.top>.webui-arrow,.webui-popover.top-right>.webui-arrow,.webui-popover.top-left>.webui-arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.webui-popover.top>.webui-arrow:after,.webui-popover.top-right>.webui-arrow:after,.webui-popover.top-left>.webui-arrow:after{content:" ";bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0}.webui-popover.right>.webui-arrow,.webui-popover.right-top>.webui-arrow,.webui-popover.right-bottom>.webui-arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.webui-popover.right>.webui-arrow:after,.webui-popover.right-top>.webui-arrow:after,.webui-popover.right-bottom>.webui-arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.webui-popover.bottom>.webui-arrow,.webui-popover.bottom-right>.webui-arrow,.webui-popover.bottom-left>.webui-arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);border-top-width:0}.webui-popover.bottom>.webui-arrow:after,.webui-popover.bottom-right>.webui-arrow:after,.webui-popover.bottom-left>.webui-arrow:after{content:" ";top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0}.webui-popover.left>.webui-arrow,.webui-popover.left-top>.webui-arrow,.webui-popover.left-bottom>.webui-arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.webui-popover.left>.webui-arrow:after,.webui-popover.left-top>.webui-arrow:after,.webui-popover.left-bottom>.webui-arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.webui-popover-inverse.top>.webui-arrow,.webui-popover-inverse.top-left>.webui-arrow,.webui-popover-inverse.top-right>.webui-arrow,.webui-popover-inverse.top>.webui-arrow:after,.webui-popover-inverse.top-left>.webui-arrow:after,.webui-popover-inverse.top-right>.webui-arrow:after{border-top-color:#333}.webui-popover-inverse.right>.webui-arrow,.webui-popover-inverse.right-top>.webui-arrow,.webui-popover-inverse.right-bottom>.webui-arrow,.webui-popover-inverse.right>.webui-arrow:after,.webui-popover-inverse.right-top>.webui-arrow:after,.webui-popover-inverse.right-bottom>.webui-arrow:after{border-right-color:#333}.webui-popover-inverse.bottom>.webui-arrow,.webui-popover-inverse.bottom-left>.webui-arrow,.webui-popover-inverse.bottom-right>.webui-arrow,.webui-popover-inverse.bottom>.webui-arrow:after,.webui-popover-inverse.bottom-left>.webui-arrow:after,.webui-popover-inverse.bottom-right>.webui-arrow:after{border-bottom-color:#333}.webui-popover-inverse.left>.webui-arrow,.webui-popover-inverse.left-top>.webui-arrow,.webui-popover-inverse.left-bottom>.webui-arrow,.webui-popover-inverse.left>.webui-arrow:after,.webui-popover-inverse.left-top>.webui-arrow:after,.webui-popover-inverse.left-bottom>.webui-arrow:after{border-left-color:#333}.webui-popover i.icon-refresh:before{content:""}.webui-popover i.icon-refresh{display:block;width:30px;height:30px;font-size:20px;top:50%;left:50%;position:absolute;margin-left:-15px;margin-right:-15px;background:url(../../Themes/DefaultClean/Content/img/loading.gif) no-repeat}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes rotate{100%{transform:rotate(360deg)}}.webui-popover-backdrop{background-color:rgba(0,0,0,.65);width:100%;height:100%;position:fixed;top:0;left:0;z-index:9998}.webui-popover .dropdown-menu{display:block;position:relative;top:0;border:none;box-shadow:none;float:none}
/* emojionearea */
.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea]{position:absolute;z-index:1000;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:0 6px 12px rgba(0,0,0,.175);-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item{font-size:14px;padding:1px 3px;border:0}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item a{text-decoration:none;display:block;height:100%;line-height:1.8em;padding:0 1.54em 0 .615em;color:#4f4f4f}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item.active,.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item:hover{background-color:#e4e4e4}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item.active a,.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item:hover a{color:#333}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item .emojioneemoji{font-size:inherit;height:2ex;width:2.1ex;min-height:20px;min-width:20px;display:inline-block;margin:0 5px .2ex 0;line-height:normal;vertical-align:middle;max-width:100%;top:0}.emojionearea-text .emojioneemoji,.emojionearea-text [class*=emojione-]{font-size:inherit;height:2ex;width:2.1ex;min-height:20px;min-width:20px;display:inline-block;margin:-.2ex .15em .2ex;line-height:normal;vertical-align:middle;max-width:100%;top:0}.emojionearea,.emojionearea *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.emojionearea.emojionearea-disable{position:relative;background-color:#eee;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.emojionearea.emojionearea-disable:before{content:"";display:block;top:0;left:0;right:0;bottom:0;z-index:1;opacity:.3;position:absolute;background-color:#eee}.emojionearea,.emojionearea.form-control{display:block;position:relative!important;width:100%;height:auto;padding:0;font-size:14px;background-color:#FFF;border:1px solid #CCC;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-transition:border-color .15s ease-in-out,-moz-box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.emojionearea.focused{border-color:#66AFE9;outline:0;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.emojionearea .emojionearea-editor{display:block;height:auto;min-height:8em;max-height:15em;overflow:auto;padding:6px 24px 6px 12px;line-height:1.42857143;font-size:inherit;color:#555;background-color:transparent;border:0;cursor:text;margin-right:1px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.emojionearea .emojionearea-editor:empty:before{content:attr(placeholder);display:block;color:#BBB}.emojionearea .emojionearea-editor:focus{border:0;outline:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.emojionearea .emojionearea-editor .emojioneemoji,.emojionearea .emojionearea-editor [class*=emojione-]{font-size:inherit;height:2ex;width:2.1ex;min-height:20px;min-width:20px;display:inline-block;margin:-.2ex .15em .2ex;line-height:normal;vertical-align:middle;max-width:100%;top:0}.emojionearea.emojionearea-inline{height:34px}.emojionearea.emojionearea-inline>.emojionearea-editor{height:32px;min-height:20px;overflow:hidden;white-space:nowrap;position:absolute;top:0;left:12px;right:24px;padding:6px 0}.emojionearea.emojionearea-inline>.emojionearea-button{top:4px}.emojionearea .emojionearea-button{z-index:5;position:absolute;right:3px;top:3px;width:24px;height:24px;opacity:.6;cursor:pointer;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.emojionearea .emojionearea-button:hover{opacity:1}.emojionearea .emojionearea-button>div{display:block;width:24px;height:24px;position:absolute;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.emojionearea .emojionearea-button>div.emojionearea-button-open{background-position:0 -24px;filter:alpha(enabled=false);opacity:1}.emojionearea .emojionearea-button>div.emojionearea-button-close{background-position:0 0;-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);filter:alpha(Opacity=0);opacity:0}.emojionearea .emojionearea-button.active>div.emojionearea-button-open{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);filter:alpha(Opacity=0);opacity:0}.emojionearea .emojionearea-button.active>div.emojionearea-button-close{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);filter:alpha(enabled=false);opacity:1}.emojionearea .emojionearea-picker{background:#FFF;position:absolute;-moz-box-shadow:0 1px 5px rgba(0,0,0,.32);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.32);box-shadow:0 1px 5px rgba(0,0,0,.32);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;height:276px;width:316px;top:-15px;right:-15px;z-index:90;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;filter:alpha(Opacity=0);opacity:0;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.emojionearea .emojionearea-picker.hidden{display:none}.emojionearea .emojionearea-picker .emojionearea-wrapper{position:relative;height:276px;width:316px}.emojionearea .emojionearea-picker .emojionearea-wrapper:after{content:"";display:block;position:absolute;background-repeat:no-repeat;z-index:91}.emojionearea .emojionearea-picker .emojionearea-filters{width:100%;position:absolute;z-index:95;background:#F5F7F9;padding:0 0 0 7px;height:40px}.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter{display:block;float:left;height:40px;width:32px;padding:7px 1px 0;cursor:pointer;-webkit-filter:grayscale(1);filter:grayscale(1)}.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active{background:#fff}.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active,.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter>i{width:24px;height:24px;top:0}.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter>img{width:24px;height:24px;margin:0 3px}.emojionearea .emojionearea-picker .emojionearea-search-panel{height:30px;position:absolute;z-index:95;top:40px;left:0;right:0;padding:5px 0 5px 8px}.emojionearea .emojionearea-picker .emojionearea-search-panel .emojionearea-tones{float:right;margin-right:10px;margin-top:-1px}.emojionearea .emojionearea-picker .emojionearea-tones-panel .emojionearea-tones{position:absolute;top:4px;left:171px}.emojionearea .emojionearea-picker .emojionearea-search{float:left;padding:0;height:20px;width:160px}.emojionearea .emojionearea-picker .emojionearea-search>input{outline:0;width:160px;min-width:160px;height:20px}.emojionearea .emojionearea-picker .emojionearea-tones{padding:0;width:120px;height:20px}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone{display:inline-block;padding:0;border:0;vertical-align:middle;outline:0;background:0 0;cursor:pointer;position:relative}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-0,.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-0:after{background-color:#ffcf3e}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-1,.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-1:after{background-color:#fae3c5}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-2,.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-2:after{background-color:#e2cfa5}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-3,.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-3:after{background-color:#daa478}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-4,.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-4:after{background-color:#a78058}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-5,.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-5:after{background-color:#5e4d43}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square>.btn-tone{width:20px;height:20px;margin:0;background-color:transparent}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet>.btn-tone:after,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square>.btn-tone:after{content:"";position:absolute;display:block;top:4px;left:4px;width:12px;height:12px}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet>.btn-tone.active:after,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square>.btn-tone.active:after{top:0;left:0;width:20px;height:20px}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio>.btn-tone{width:16px;height:16px;margin:0 2px}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox>.btn-tone.active:after,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio>.btn-tone.active:after{content:"";position:absolute;display:block;background-color:transparent;border:2px solid #fff;width:8px;height:8px;top:2px;left:2px;box-sizing:initial}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block:after,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block:before,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block>.emojionearea-category:after,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block>.emojionearea-category:before,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title:after,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title:before{content:" ";clear:both;display:block}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet>.btn-tone:after,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio>.btn-tone:after{-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox>.btn-tone:after,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square>.btn-tone:after{-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px}.emojionearea .emojionearea-picker .emojionearea-scroll-area{height:236px;overflow:auto;overflow-x:hidden;width:100%;position:absolute;padding:0 0 5px}.emojionearea .emojionearea-picker .emojionearea-search-panel+.emojionearea-scroll-area{height:206px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-emojis-list{z-index:1}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title{display:block;font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;font-size:13px;font-weight:400;color:#b2b2b2;background:#FFF;line-height:20px;margin:0;padding:7px 0 5px 6px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block{padding:0 0 0 7px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block>.emojionearea-category{padding:0!important}.emojionearea .emojionearea-picker .emojionearea-scroll-area [class*=emojione-]{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;margin:0;width:24px;height:24px;top:0}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;width:24px;height:24px;float:left;display:block;margin:1px;padding:3px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn:hover{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background-color:#e4e4e4;cursor:pointer}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn i,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img{float:left;display:block;width:24px;height:24px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img.lazy-emoji{filter:alpha(Opacity=0);opacity:0}.emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-filters{top:0;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px}.emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-top .emojionearea-scroll-area{bottom:0}.emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-bottom .emojionearea-scroll-area{top:40px}.emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-bottom .emojionearea-search-panel{top:initial;bottom:0}.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom .emojionearea-filters{bottom:0;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px}.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-bottom .emojionearea-scroll-area{top:0}.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-bottom .emojionearea-search-panel,.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-top .emojionearea-scroll-area{top:initial;bottom:40px}.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-top .emojionearea-search-panel{top:0}.emojionearea .emojionearea-picker.emojionearea-picker-position-top{margin-top:-286px;right:-14px}.emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after{width:19px;height:10px;background-position:-2px -49px;bottom:-10px;right:20px}.emojionearea .emojionearea-picker.emojionearea-picker-position-top.emojionearea-filters-position-bottom .emojionearea-wrapper:after{background-position:-2px -80px}.emojionearea .emojionearea-picker.emojionearea-picker-position-left,.emojionearea .emojionearea-picker.emojionearea-picker-position-right{margin-right:-326px;top:-8px}.emojionearea .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after,.emojionearea .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after{width:10px;height:19px;background-position:0 -60px;top:13px;left:-10px}.emojionearea .emojionearea-picker.emojionearea-picker-position-left.emojionearea-filters-position-bottom .emojionearea-wrapper:after,.emojionearea .emojionearea-picker.emojionearea-picker-position-right.emojionearea-filters-position-bottom .emojionearea-wrapper:after{background-position:right -60px}.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom{margin-top:10px;right:-14px;top:47px}.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after{width:19px;height:10px;background-position:-2px -100px;top:-10px;right:20px}.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom.emojionearea-filters-position-bottom .emojionearea-wrapper:after{background-position:-2px -90px}.emojionearea .emojionearea-button.active+.emojionearea-picker{filter:alpha(enabled=false);opacity:1}.emojionearea .emojionearea-button.active+.emojionearea-picker-position-top{margin-top:-269px}.emojionearea .emojionearea-button.active+.emojionearea-picker-position-left,.emojionearea .emojionearea-button.active+.emojionearea-picker-position-right{margin-right:-309px}.emojionearea .emojionearea-button.active+.emojionearea-picker-position-bottom{margin-top:-7px}.emojionearea.emojionearea-standalone{display:inline-block;width:auto;box-shadow:none}.emojionearea.emojionearea-standalone .emojionearea-editor{min-height:33px;position:relative;padding:6px 42px 6px 6px}.emojionearea.emojionearea-standalone .emojionearea-editor::before{content:"";position:absolute;top:4px;left:50%;bottom:4px;border-left:1px solid #e6e6e6}.emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder .emojioneemoji{opacity:.4}.emojionearea.emojionearea-standalone .emojionearea-button{top:0;right:0;bottom:0;left:0;width:auto;height:auto}.emojionearea.emojionearea-standalone .emojionearea-button>div{right:6px;top:5px}.emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after,.emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after{right:23px}.emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after,.emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after{top:15px}.emojionearea .emojionearea-button>div,.emojionearea .emojionearea-picker .emojionearea-wrapper:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAABuCAYAAADMB4ipAAAHfElEQVRo3u1XS1NT2Rb+9uOcQF4YlAJzLymFUHaLrdxKULvEUNpdTnRqD532f+AHMLMc94gqR1Zbt8rBnUh3YXipPGKwRDoWgXvrYiFUlEdIkPPYZ/dAkwox5yQCVt/bzRrBPnt9e+211/etFeDQDu3ArL+/X37OeqmRWoH7+vpItfWawStF1tfXR+zW9xW5ne0p8loOcAKuCdwpRft60C8a+X5zTvebCqcAvmidf1GGHtqhHdpf1qqKzsrKipyensbi4iKWl5cBAMFgEG1tbYhGo2hpadlbmxseHpaDg4MAgI6ODng8HgBAPp/H/Pw8AODatWvo7e2tvUHrui7v3r2L+fl5XL58GVeuXIHH49m1N5/Py0ePHmF0dBQdHR24desWVFXdtYdXAn/48CHm5+dx8+ZNRKPRigEUDpuenpb3799H4YaOnWh5eVmOj48jFoshGo0STdPkwMCAXF5elqV7BgYGpKZpMhqNklgshrGxMbx580Y6gicSCTDGEIvFAADpdBqpVArJZLK4J5lMIpVKIZ1OAwBisRgYY0gkEs6Rp1IphMNh+Hw+AgCGYQAANE0r7in8Xfjm8/lIOBzGq1evnMHX19fR1NRU/D8UCoFzjnA4XFwLh8PgnCMUChXXmpqakM1mUfVBS62xsZHk83lZWi1nz579ZA0AhBDO4A0NDchkMsWSJIRAURRiVy26rktVVUkmk0EgEHAGP3XqFKamppDP56Vpmrhz5w5u374t/X4/OP+w3TRNZLNZ6LoO0zSRz+dlf38/Ll686Jzz8+fPQwiBeDwOt9tNrl+/jkwmU6yaQpVkMhncuHEDbrebxONxCCEQiUScIw8Gg+TBgwdyZGQEyWRSdnV1kVQqJYeGhrC6ugrGGEKhEHp7e3Hy5EmSTCblvXv30NPTg2AwSA6M/vF4HCMjI7b0/yzh8vv9AIBsNrt34aokuQsLC7skt729varkHtqftUFf++FHsrq0QN3eBvp68Tfvf9Mv12oFCYU7G//e9nVuO7dpNbe2W4M//yQr0p8yRvyBo1Zr++lwLcCt7afD/sBRizJGavrB1dDYYh47Htrq+Kb7jBNwxzfdZ44dD201NLaYVUkU7ozQpuAJBkARwnRZpunN5zaa5hJjiXLH05GeiMd7JEM5zzHGNQBGZvk/Iv0yYVWMvK0zKk1Dl6ahW5RQobjqdjy+wEZn9PKF0n2d0csXPL7AhuKq26GECtPQLdPQZVtn1LlB69p7yRVVSEiDEGJwRd12e4+8PR3piRQidnuPvOWKuk0IMSSkwRVV6Np7WVVbSqvGsgSnlKkAFNPQXdrOtuKqcxtcUTUAhmUJnVJmlleJo3CVHmAaOlPUOmYJkxFKibQsSRkXhr4juKIKO2BHVSwcoLrqCVdUYho6K3YYRRWmoUtdey/tgKtK7rUffiQAsLq08MnbNLe2WwBgB/zHzueFyD8nwlIfbvdx8eU0WV1aKD1cVAMs9+F2j9gUPEEKemEJIe3AnXy4XfkBoNKSZHNthWfX31EA69VKttyHVyIOY1wRwmS6tqNsrr31vXo5k/bUu4gT2cp9lhbm0rzCJpeUUrE0vS63+c7/6uXMbDUWl/ssLczNFrVFddUT09AZpUy1LKvO0DVfPrfR9HxqfNbuEe185l9MFX3o6tIC5YpKFLWOfdQQ93Zu49j0+FDCDtjOp1yaOQCYhs4Y40wI05XfWj8yPT40Ua2ey33mEmMTtp2IUEq0nW3FKeJPGPjRp1Iz2QUuLUu66txG9NLVSK3gBZ+C1lcE54oqKOOCK6rm8QU2unu+u1ANuNynvFsBAG1ubbdMQ5eGviMAFDuP0w3sfMpvQEtb24fOQncU1bXl8R7JnOu+ZNv97XxKJwY6+PNPsrm13drObVqUMlMIU5OWpVHOc96Go5lTnV2fzC/VfAozD7HTCa6olBBa1Imlhbmq2lLuQ5xaW6nCPfnln0Yt7bDUhzhps8cfKH5//uTXmvS81OeLdqI/ZoROzSZrHqG/OvOPzxuhK5VgJTvV2bW3EdqJRABwrvvS/kfoSkoZvXT1YEbociHr7vnuYEfogpBFL109HKH/h0fomnXg3Lff79r7/MmvVbWG7gX4QObzc99+Tz7mHKah05KcW6ahQ9feS6cbMCdgt7eBWJagjCuUAC5tZzuouuo0Spm0hElc9R4cbf4bVl8v1p6WUmCuqEwIs34ruxaeeTy4uJVd67As08UVlVmWoG5vA7FLG3WMmHEupVTyW+vh2cn4DADMTsaTuc21LiGEhzHOnQ6gNtMrJSBMCKHkNt999WLi0S7hejEZH81n174WpukiIMw0dKq66p3Bw50RwhUVXFGJKUy28Xal48VkfKrSlWenhsc23q2cEB9SR7iiItwZIbbgHn8AlDFCCMW7laXjqZnHjkNpaubJzNuVpWZCKChjxOMPVH/QlaW0f/G3ZLqWWl6ce/bvlddp7yFD/w8Z+njoX1+GoZMjgzMAMDkyeLAMnRh+uKveJ0YGD4ahEyODFRk6OfrL/hj67GnckaHPng7vjaGzyYmaGDr77KktQ38H8tqx8Wja+WIAAAAASUVORK5CYII=)!important}.emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder{background-repeat:no-repeat;background-position:20px 4px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAABlBMVEUAAAC/v79T5hyIAAAAAXRSTlMAQObYZgAAABNJREFUCNdjYGNgQEb/P4AQqiAASiUEG6Vit44AAAAASUVORK5CYII=)!important}
/*
 * easy-autocomplete
 * jQuery plugin for autocompletion
 * 
 * @author Łukasz Pawełczak (http://github.com/pawelczak)
 * @version 1.3.5
 * Copyright  License: 
 */

.easy-autocomplete{position:relative}.easy-autocomplete input{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;color:#555;float:none;padding:6px 12px}.easy-autocomplete input:hover,.easy-autocomplete input:focus{box-shadow:none}.easy-autocomplete a{display:block}.easy-autocomplete.eac-blue-light input:hover,.easy-autocomplete.eac-blue-light input:focus{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul li,.easy-autocomplete.eac-blue-light ul .eac-category{border-color:#66afe9}.easy-autocomplete.eac-blue-light ul li.selected,.easy-autocomplete.eac-blue-light ul .eac-category.selected{background-color:#ecf5fc}.easy-autocomplete.eac-green-light input:hover,.easy-autocomplete.eac-green-light input:focus{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul li,.easy-autocomplete.eac-green-light ul .eac-category{border-color:#41DB00}.easy-autocomplete.eac-green-light ul li.selected,.easy-autocomplete.eac-green-light ul .eac-category.selected{background-color:#9eff75}.easy-autocomplete.eac-red-light input:hover,.easy-autocomplete.eac-red-light input:focus{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul li,.easy-autocomplete.eac-red-light ul .eac-category{border-color:#ff5b5b}.easy-autocomplete.eac-red-light ul li.selected,.easy-autocomplete.eac-red-light ul .eac-category.selected{background-color:#ff8e8e}.easy-autocomplete.eac-yellow-light input:hover,.easy-autocomplete.eac-yellow-light input:focus{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul li,.easy-autocomplete.eac-yellow-light ul .eac-category{border-color:#ffdb00}.easy-autocomplete.eac-yellow-light ul li.selected,.easy-autocomplete.eac-yellow-light ul .eac-category.selected{background-color:#ffe233}.easy-autocomplete.eac-dark-light input:hover,.easy-autocomplete.eac-dark-light input:focus{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul li,.easy-autocomplete.eac-dark-light ul .eac-category{border-color:#333}.easy-autocomplete.eac-dark-light ul li.selected,.easy-autocomplete.eac-dark-light ul .eac-category.selected{background-color:#4d4d4d;color:#fff}.easy-autocomplete.eac-dark{color:#fff}.easy-autocomplete.eac-dark input{background-color:#404040;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark input:hover,.easy-autocomplete.eac-dark input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-dark ul{border-color:#333}.easy-autocomplete.eac-dark ul li,.easy-autocomplete.eac-dark ul .eac-category{background-color:#404040;border-color:#333}.easy-autocomplete.eac-dark ul li.selected,.easy-autocomplete.eac-dark ul .eac-category.selected{background-color:#737373;color:#f6f6f6}.easy-autocomplete.eac-dark-glass{color:#fff}.easy-autocomplete.eac-dark-glass input{background-color:rgba(0,0,0,0.8);border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark-glass input:hover,.easy-autocomplete.eac-dark-glass input:focus{border-color:rgba(0,0,0,0.8);box-shadow:0}.easy-autocomplete.eac-dark-glass ul{border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li,.easy-autocomplete.eac-dark-glass ul .eac-category{background-color:rgba(0,0,0,0.8);border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li.selected,.easy-autocomplete.eac-dark-glass ul .eac-category.selected{background-color:rgba(64,64,64,0.8);color:#f6f6f6}.easy-autocomplete.eac-dark-glass ul li:last-child,.easy-autocomplete.eac-dark-glass ul .eac-category:last-child{border-radius:0 0 4px 4px}.easy-autocomplete.eac-blue{color:#fff}.easy-autocomplete.eac-blue input{background-color:#6d9ed1;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-blue input::-webkit-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input::-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-ms-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:hover,.easy-autocomplete.eac-blue input:focus{border-color:#5A91CB;box-shadow:0}.easy-autocomplete.eac-blue ul{border-color:#5A91CB}.easy-autocomplete.eac-blue ul li,.easy-autocomplete.eac-blue ul .eac-category{background-color:#6d9ed1;border-color:#5A91CB}.easy-autocomplete.eac-blue ul li.selected,.easy-autocomplete.eac-blue ul .eac-category.selected{background-color:#94b8dd;color:#f6f6f6}.easy-autocomplete.eac-yellow{color:#333}.easy-autocomplete.eac-yellow input{background-color:#ffdb7e;border-color:#333;border-radius:4px;box-shadow:0;color:#333}.easy-autocomplete.eac-yellow input:hover,.easy-autocomplete.eac-yellow input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-yellow ul{border-color:#333}.easy-autocomplete.eac-yellow ul li,.easy-autocomplete.eac-yellow ul .eac-category{background-color:#ffdb7e;border-color:#333}.easy-autocomplete.eac-yellow ul li.selected,.easy-autocomplete.eac-yellow ul .eac-category.selected{background-color:#ffe9b1;color:#333}.easy-autocomplete.eac-purple{color:#333}.easy-autocomplete.eac-purple input{background-color:#d6d1e7;border-color:#b8afd5;box-shadow:0;color:#333}.easy-autocomplete.eac-purple input:hover,.easy-autocomplete.eac-purple input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-purple ul{border-color:#333}.easy-autocomplete.eac-purple ul li,.easy-autocomplete.eac-purple ul .eac-category{background-color:#d6d1e7;border-color:#333}.easy-autocomplete.eac-purple ul li.selected,.easy-autocomplete.eac-purple ul .eac-category.selected{background-color:#ebe8f3;color:#333}.easy-autocomplete.eac-bootstrap input{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;color:#555;padding:6px 12px}.easy-autocomplete-container{left:0;position:absolute;width:100%;z-index:2}.easy-autocomplete-container ul{background:none repeat scroll 0 0 #ffffff;border-top:1px dotted #ccc;display:none;margin-top:0;padding-bottom:0;padding-left:0;position:relative;top:-1px}.easy-autocomplete-container ul li,.easy-autocomplete-container ul .eac-category{background:inherit;border-color:#ccc;border-image:none;border-style:solid;border-width:0 1px;display:block;font-size:14px;font-weight:normal;padding:4px 12px}.easy-autocomplete-container ul li:last-child{border-radius:0 0 2px 2px;border-width:0 1px 1px}.easy-autocomplete-container ul li.selected{background:none repeat scroll 0 0 #ebebeb;cursor:pointer}.easy-autocomplete-container ul li.selected div{font-weight:normal}.easy-autocomplete-container ul li div{display:block;font-weight:normal;word-break:break-all}.easy-autocomplete-container ul li b{font-weight:bold}.easy-autocomplete-container ul .eac-category{font-color:#aaa;font-style:italic}.eac-description .eac-item span{color:#aaa;font-style:italic;font-size:0.9em}.eac-icon-left .eac-item img{margin-right:4px;max-height:30px}.eac-icon-right .eac-item{margin-top:8px;min-height:24px;position:relative}.eac-icon-right .eac-item img{margin-left:4px;max-height:30px;position:absolute;right:-4px;top:-8px}
/*# sourceMappingURL=easy-autocomplete.min.css.map */

/*
* iziToast | v1.2.0
* http://izitoast.marcelodolce.com
* by Marcelo Dolce.
*/
.iziToast-capsule{font-size:0;height:0;width:100%;transform:translateZ(0);backface-visibility:hidden;transition:transform .5s cubic-bezier(.25,.8,.25,1),height .5s cubic-bezier(.25,.8,.25,1)}.iziToast-capsule,.iziToast-capsule *{box-sizing:border-box}.iziToast-overlay{display:block;position:fixed;top:-100px;left:0;right:0;bottom:-100px;z-index:997}.iziToast{display:inline-block;clear:both;position:relative;font-family:'Lato',Tahoma,Arial;font-size:14px;padding:8px 45px 9px 0;background:rgba(238,238,238,.9);border-color:rgba(238,238,238,.9);width:100%;pointer-events:all;cursor:default;transform:translateX(0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:54px}.iziToast>.iziToast-progressbar{position:absolute;left:0;bottom:0;width:100%;z-index:1;background:rgba(255,255,255,.2)}.iziToast>.iziToast-progressbar>div{height:2px;width:100%;background:rgba(0,0,0,.3);border-radius:0 0 3px 3px}.iziToast.iziToast-balloon:before{content:'';position:absolute;right:8px;left:auto;width:0;height:0;top:100%;border-right:0 solid transparent;border-left:15px solid transparent;border-top:10px solid #000;border-top-color:inherit;border-radius:0}.iziToast.iziToast-balloon .iziToast-progressbar{top:0;bottom:auto}.iziToast.iziToast-balloon>div{border-radius:0 0 0 3px}.iziToast>.iziToast-cover{position:absolute;left:0;top:0;bottom:0;height:100%;margin:0;background-size:100%;background-position:50% 50%;background-repeat:no-repeat;background-color:rgba(0,0,0,.1)}.iziToast>.iziToast-close{position:absolute;right:0;top:0;border:0;padding:0;opacity:.6;width:42px;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:8px;cursor:pointer;outline:0}.iziToast>.iziToast-close:hover{opacity:1}.iziToast>.iziToast-body{position:relative;padding:0 0 0 10px;height:auto;min-height:36px;margin:0 0 0 15px;text-align:left}.iziToast>.iziToast-body::after{content:"";display:table;clear:both}.iziToast>.iziToast-body .iziToast-texts{margin:10px 0 0;display:inline-block;float:left}.iziToast>.iziToast-body .iziToast-buttons{min-height:17px;float:left;margin:4px -2px}.iziToast>.iziToast-body .iziToast-buttons>a,.iziToast>.iziToast-body .iziToast-buttons>button,.iziToast>.iziToast-body .iziToast-buttons>input{position:relative;display:inline-block;margin:2px;border-radius:2px;border:0;padding:5px 10px;font-size:12px;letter-spacing:.02em;cursor:pointer;background:rgba(0,0,0,.1);color:#000}.iziToast>.iziToast-body .iziToast-buttons>a:hover,.iziToast>.iziToast-body .iziToast-buttons>button:hover,.iziToast>.iziToast-body .iziToast-buttons>input:hover{background:rgba(0,0,0,.2)}.iziToast>.iziToast-body .iziToast-buttons>a:focus,.iziToast>.iziToast-body .iziToast-buttons>button:focus,.iziToast>.iziToast-body .iziToast-buttons>input:focus{box-shadow:0 0 0 1px rgba(0,0,0,.6)}.iziToast>.iziToast-body .iziToast-buttons>a:active,.iziToast>.iziToast-body .iziToast-buttons>button:active,.iziToast>.iziToast-body .iziToast-buttons>input:active{top:1px}.iziToast>.iziToast-body .iziToast-icon{height:100%;position:absolute;left:0;top:50%;display:table;font-size:23px;line-height:24px;margin-top:-12px;color:#000}.iziToast>.iziToast-body .iziToast-icon.ico-info{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) no-repeat 50% 50%;background-size:85%;width:24px;height:24px}.iziToast>.iziToast-body .iziToast-icon.ico-warning{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:85%;width:24px;height:24px}.iziToast>.iziToast-body .iziToast-icon.ico-error{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:80%;width:24px;height:24px}.iziToast>.iziToast-body .iziToast-icon.ico-success{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:85%;width:24px;height:24px}.iziToast>.iziToast-body .iziToast-icon.ico-question{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:85%;width:24px;height:24px}.iziToast>.iziToast-body .iziToast-message,.iziToast>.iziToast-body .iziToast-title{padding:0;font-size:14px;line-height:16px;text-align:left;float:left;white-space:normal}.iziToast>.iziToast-body .iziToast-title{color:#000;margin:0}.iziToast>.iziToast-body .iziToast-message{margin:0 0 10px;color:rgba(0,0,0,.6)}.iziToast.iziToast-animateInside .iziToast-buttons-child,.iziToast.iziToast-animateInside .iziToast-icon,.iziToast.iziToast-animateInside .iziToast-message,.iziToast.iziToast-animateInside .iziToast-title{opacity:0}.iziToast-target{position:relative;width:100%;margin:0 auto}.iziToast-target .iziToast-capsule{overflow:hidden}.iziToast-target .iziToast-capsule:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.iziToast-target .iziToast-capsule .iziToast{width:100%;float:left}.iziToast-wrapper{z-index:99999;position:fixed;width:100%;pointer-events:none;display:flex;flex-direction:column}.iziToast-wrapper .iziToast.iziToast-balloon:before{border-right:0 solid transparent;border-left:15px solid transparent;border-top:10px solid #000;border-top-color:inherit;right:8px;left:auto}.iziToast-wrapper-bottomLeft{left:0;bottom:0}.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before,.iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before{border-right:15px solid transparent;border-left:0 solid transparent;right:auto;left:8px}.iziToast-wrapper-bottomRight{right:0;bottom:0;text-align:right}.iziToast-wrapper-topLeft{left:0;top:0}.iziToast-wrapper-topRight{top:0;right:0;text-align:right}.iziToast-wrapper-topCenter{top:0;left:0;right:0;text-align:center}.iziToast-wrapper-bottomCenter,.iziToast-wrapper-center{bottom:0;left:0;right:0;text-align:center}.iziToast-wrapper-center{top:0;justify-content:center;flex-flow:column;align-items:center}.iziToast-rtl{direction:rtl;padding:8px 0 9px 45px;font-family:Tahoma,'Lato',Arial}.iziToast-rtl .iziToast-cover{left:auto;right:0}.iziToast-rtl .iziToast-close{right:auto;left:0}.iziToast-rtl .iziToast-body{padding:0 10px 0 0;margin:0 16px 0 0;text-align:right}.iziToast-rtl .iziToast-body .iziToast-buttons,.iziToast-rtl .iziToast-body .iziToast-message,.iziToast-rtl .iziToast-body .iziToast-texts,.iziToast-rtl .iziToast-body .iziToast-title{float:right;text-align:right}.iziToast-rtl .iziToast-body .iziToast-icon{left:auto;right:0}@media only screen and (min-width:568px){.iziToast-wrapper{padding:10px 15px}.iziToast-cover{border-radius:3px 0 0 3px}.iziToast{margin:5px 0;border-radius:3px;width:auto}.iziToast::after{content:'';z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:3px;box-shadow:inset 0 -10px 20px -10px rgba(0,0,0,.2),inset 0 0 5px rgba(0,0,0,.1),0 8px 8px -5px rgba(0,0,0,.25)}.iziToast.iziToast-color-dark::after{box-shadow:inset 0 -10px 20px -10px rgba(255,255,255,.3),0 10px 10px -5px rgba(0,0,0,.25)}.iziToast.iziToast-balloon .iziToast-progressbar{background:0 0}.iziToast.iziToast-balloon::after{box-shadow:0 10px 10px -5px rgba(0,0,0,.25),inset 0 10px 20px -5px rgba(0,0,0,.25)}.iziToast-target .iziToast::after{box-shadow:inset 0 -10px 20px -10px rgba(0,0,0,.2),inset 0 0 5px rgba(0,0,0,.1)}}.iziToast.iziToast-theme-dark{background:#565c70;border-color:#565c70}.iziToast.iziToast-theme-dark .iziToast-title{color:#fff}.iziToast.iziToast-theme-dark .iziToast-message{color:rgba(255,255,255,.7);font-weight:300}.iziToast.iziToast-theme-dark .iziToast-close{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:8px}.iziToast.iziToast-theme-dark .iziToast-icon{color:#fff}.iziToast.iziToast-theme-dark .iziToast-icon.ico-info{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) no-repeat 50% 50%;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-warning{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAD////+//3+//3+//3///////z+//3+//3+//3////////////9//3////+//39//3///3////////////+//3+//39//3///z+//z+//7///3///3///3///3////////+//3+//3+//3+//z+//3+//7///3///z////////+//79//3///3///z///v+//3///+trXouAAAAMHRSTlMAB+j87RBf+PXiCwQClSPYhkAzJxnx05tSyadzcmxmHRbp5d7Gwrh4TDkvsYt/WkdQzCITAAAB1UlEQVRYw+3XaXKCQBCGYSIIighoxCVqNJrEPfly/8vFImKXduNsf/Mc4K1y7FnwlMLQc/bUbj85R6bA1LXRDICg6RjJcZa7NQYtnLUGTpERSiOXxrOPkv9s30iGKDmtbYir3H7OUHJa2ylAuvZzRvzUfs7Ii/2cgfTt54x82s8ZSM848gJmYtroQzA2jHwA+LkBIEuMGt+QIng1igzlyMrkuP2CyOi47axRaYTL5jhDJehoR+aovC29s3iIyly3Eb+hRCvZo2qsGTnhKr2cLDS+J73GsqBI9W80UCmWWpEuhIjh6ZRGjyNRarjzKGJ2Ou2himCvjHwqI+rTqQdlRH06TZQR9ek0hiqiPp06mV4ke7QPX6ERUZxO8Uo3sqrfhxvoRrCpvXwL/UjR9GRHMIvLgke4d5QbiwhM6JV2YKKF4vIl7XIBkwm4keryJVmvk/TfwcmPwQNkUQuyA2/sYGwnXL7GPu4bW1jYsmevrNj09/MGZMOEPXslQVqO8hqykD17JfPHP/bmo2yGGpdZiH3IZvzZa7B3+IdDjjpjesHJcvbs5dZ/e+cddVoDdvlq7x12Nac+iN7e4R8OXTjp0pw5CGnOLNDEzeBs5gVwFniAO+8f8wvfeXP2hyqnmwAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-error{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA3BsB98QV8uSyWVUFz6RxYwzYvbupmYqAaU1FQTXKv7abj4d1azKNUit3AAACZElEQVRYw7WXaZOCMAyGw30UORRQBLxX/v8/3BkaWjrY2szO5otKfGrzJrEp6Kw6F8f8sI+i/SE/FucKSBaWiT8p5idlaEtnXTB9tKDLLHAvdSatOan3je93k9F2vRF36+mr1a6eH2NFNydoHq/ieU/UXcWjjk9XykdNWq2ywtp4tXL6Wb2T/MqtzzZutsrNyfvA51KoQROhVCjfrnASIRpSVUZiD5v4RbWExjRdJzSmOsZFvzYz59kRSr6V5zE+/QELHkNdb3VRx45HS1b1u+zfkkcbRAZ3qJ9l/A4qefHUDMShJe+6kZKJDD2pLQ9Q4lu+5Q7rz7Plperd7AtQEgIPI6o2dxr2D4GXvxqCiKcn8cD4gxIAEt7/GYkHL16KqeJd0NB4gJbXfgVnzCGJlzGcocCVSLzUvoAj9xJ4NF7/R8gxoVQexc/hgBpSebjPjgPs59cHmYfn7NkDb6wXmUf1I1ygIPPw4gtgCE8yDw8eAop4J/PQcBExjQmZx37MsZB2ZB4cLKQCG5vKYxMWSzMxIg8pNtOyUkvkocEmXGo69mh8FgnxS4yBwMvDrJSNHZB4uC3ayz/YkcIP4lflwVIT+OU07ZSjrbTkZQ6dTPkYubZ8GC/Cqxu6WvJZII93dcCw46GdNqdpTeF/tiMOuDGB9z/NI6NvyWetGPM0g+bVNeovBmamHXWj0nCbEaGeTMN2PWrqd6cM26ZxP2DeJvj+ph/30Zi/GmRbtlK5SptI+nwGGnvH6gUruT+L16MJHF+58rwNIifTV0vM8+hwMeOXAb6Yx0wXT+b999WXfvn+8/X/F7fWzjdTord5AAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:80%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-success{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-question{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEg18vki+AAAETUlEQVRo3s1ZTWhbRxD+VlIuxsLFCYVIIQYVopBDoK5bKDWUBupDMNbJ5FBKg/FBziUQdE9yaC+FHBrwsdCfQ9RTGoLxwWl+DqHEojUFFydxnB9bInZDqOsErBrr6yGvs/ueX97bldTKo4Pe7puZb3Z33s7srIIjMY1jyCEjP6ImvyX8pF64arSHznKC06wzijY5xSKz7YbuYokV2lODsyyxqz3gSY6z6gCuqcpxJluFH+Z8U+D/0jyHoxFUBHgfvsGHIS9WMIUlVFFDFTUAGWSRQRY5HMeBEP6b+Ew9dh/7INd2jGeO59kfKdXP85zbIbfGQVf4sYC3N1hm3lo6zzIbPvk6x+zBk7wQGMEMB5xncIAzAS0XrFySSV72iS1yyBVcdA1x0afrsoUJgdFfY2+z8ADAXl7zz0KcwJiPfZKpVuABgClO+nRG+QIHDdfb4qlWwUXvKW4Z7vi6L4J9vg+vbfCeCeZH2RfOdMOc/HbCA4BvIW6EMQz7XK/ltd+hP+VzR9mgva2YSfyGI17fA7ynnocqeQNFfIJ0oHsdv6CC2+rXGBN6cQdveY3fcVRtmy/HDete+93zy8jA8zV7YkwYMrjHzRddRsCdiVCwwmh6wg9iTNC7Y9XIF1iS7kbUpsvvGEdPuTfSgAEjRpR096x0liPFD/Eqt2NMuBQzB2XhrACAApjFsuQFh9XdGAX70B3oSuNdnMVBaX+sopYxjwVpHFBVACyKTXNoktjD+6Ll8xhenS9MAAkAI/Lux2YNUOs4I413Ypg1SgEAu7kpFvWjaeJe0fJHDGe/cNaZBkekudw8PMA+0fMwlndZeAsJ5KR/qhUDUJCnSiyvRsolkJHGUgvjH8QXDgZopEzKMKDqCKrwEQ4C6MH7GEXC665buLJG8hlQc4LP4paxfJrOqYVYYY2UARfEIazTbgDg2dB98GebzJd54b8L/iWNdLyooeR6CHyZ+6xk0yKxkYg6nEVSUG4VJ9QJ9cxRCxO+9WiOyvgUeexXP1hLGH5nGuBWVtiSp4vqe3VP0UFWI9Wan4Er3v8q7jjPWVtm4FtcQQMrOKO2nOQCM5AyDMi56FDrKHA/1nyppS1ppBpYaE8wciEjGI2AaeM41kI4doDX4XiT3Qm1gevyruCgZg9P8xIv8m1nCzTKq6oiJ9xTMiZ505P5m8cdZ0CnZMVXHVljM7WMBzxpyDxygtdxoCEFTaMIWbZU85UvBjgUMYy0fBaAF8V1Lj9qWQ1aMZ5f4k9r+AGMSkMP1vZoZih6k6sicc5h/OFHM9vDqU/VIU7zJZdYYsKGH4g4nAJMGiXZRds1pVMoZ69RM5vfkbh0qkBhsnS2RLMLilQdL9MBHS9UAh0v1e6CYnXHy/WeeCcvLDwl/9OVze69tPKM+M+v7eJN6OzFpWdEF0ucDbhVNFXadnVrmJFlkVNGTS2M6pzmhMvltfPhnN2B63sVuL7fcNP3D1TSk2ihosPrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjEzKzAyOjAweOR7nQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxMyswMjowMAm5wyEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-buttons>a,.iziToast.iziToast-theme-dark .iziToast-buttons>button,.iziToast.iziToast-theme-dark .iziToast-buttons>input{color:#fff;background:rgba(255,255,255,.1)}.iziToast.iziToast-theme-dark .iziToast-buttons>a:hover,.iziToast.iziToast-theme-dark .iziToast-buttons>button:hover,.iziToast.iziToast-theme-dark .iziToast-buttons>input:hover{background:rgba(255,255,255,.2)}.iziToast.iziToast-theme-dark .iziToast-buttons>a:focus,.iziToast.iziToast-theme-dark .iziToast-buttons>button:focus,.iziToast.iziToast-theme-dark .iziToast-buttons>input:focus{box-shadow:0 0 0 1px rgba(255,255,255,.6)}.iziToast.iziToast-color-red{background:rgba(255,175,180,.9);border-color:rgba(255,175,180,.9)}.iziToast.iziToast-color-orange{background:rgba(255,207,165,.9);border-color:rgba(255,207,165,.9)}.iziToast.iziToast-color-yellow{background:rgba(255,249,178,.9);border-color:rgba(255,249,178,.9)}.iziToast.iziToast-color-blue{background:rgba(157,222,255,.9);border-color:rgba(157,222,255,.9)}.iziToast.iziToast-color-green{background:rgba(166,239,184,.9);border-color:rgba(166,239,184,.9)}.iziToast.iziToast-layout2 .iziToast-body .iziToast-message{width:100%}.iziToast.iziToast-layout3{border-radius:2px}.iziToast.iziToast-layout3::after{display:none}.iziToast .revealIn,.iziToast.revealIn{-webkit-animation:iziT-revealIn 1s cubic-bezier(.25,1.6,.25,1) both;-moz-animation:iziT-revealIn 1s cubic-bezier(.25,1.6,.25,1) both;animation:iziT-revealIn 1s cubic-bezier(.25,1.6,.25,1) both}.iziToast .slideIn,.iziToast.slideIn{-webkit-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;-moz-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both}.iziToast.bounceInLeft{-webkit-animation:iziT-bounceInLeft .7s ease-in-out both;animation:iziT-bounceInLeft .7s ease-in-out both}.iziToast.bounceInRight{-webkit-animation:iziT-bounceInRight .85s ease-in-out both;animation:iziT-bounceInRight .85s ease-in-out both}.iziToast.bounceInDown{-webkit-animation:iziT-bounceInDown .7s ease-in-out both;animation:iziT-bounceInDown .7s ease-in-out both}.iziToast.bounceInUp{-webkit-animation:iziT-bounceInUp .7s ease-in-out both;animation:iziT-bounceInUp .7s ease-in-out both}.iziToast.fadeIn{-webkit-animation:iziT-fadeIn .5s ease both;animation:iziT-fadeIn .5s ease both}.iziToast.fadeInUp{-webkit-animation:iziT-fadeInUp .7s ease both;animation:iziT-fadeInUp .7s ease both}.iziToast.fadeInDown{-webkit-animation:iziT-fadeInDown .7s ease both;animation:iziT-fadeInDown .7s ease both}.iziToast.fadeInLeft{-webkit-animation:iziT-fadeInLeft .85s cubic-bezier(.25,.8,.25,1) both;animation:iziT-fadeInLeft .85s cubic-bezier(.25,.8,.25,1) both}.iziToast.fadeInRight{-webkit-animation:iziT-fadeInRight .85s cubic-bezier(.25,.8,.25,1) both;animation:iziT-fadeInRight .85s cubic-bezier(.25,.8,.25,1) both}.iziToast.flipInX{-webkit-animation:iziT-flipInX .85s cubic-bezier(.35,0,.25,1) both;animation:iziT-flipInX .85s cubic-bezier(.35,0,.25,1) both}.iziToast.fadeOut{-webkit-animation:iziT-fadeOut .7s ease both;animation:iziT-fadeOut .7s ease both}.iziToast.fadeOutDown{-webkit-animation:iziT-fadeOutDown .7s cubic-bezier(.4,.45,.15,.91) both;animation:iziT-fadeOutDown .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast.fadeOutUp{-webkit-animation:iziT-fadeOutUp .7s cubic-bezier(.4,.45,.15,.91) both;animation:iziT-fadeOutUp .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast.fadeOutLeft{-webkit-animation:iziT-fadeOutLeft .5s ease both;animation:iziT-fadeOutLeft .5s ease both}.iziToast.fadeOutRight{-webkit-animation:iziT-fadeOutRight .5s ease both;animation:iziT-fadeOutRight .5s ease both}.iziToast.flipOutX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation:iziT-flipOutX .7s cubic-bezier(.4,.45,.15,.91) both;animation:iziT-flipOutX .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast-overlay.fadeIn{-webkit-animation:iziT-fadeIn .5s ease both;animation:iziT-fadeIn .5s ease both}.iziToast-overlay.fadeOut{-webkit-animation:iziT-fadeOut .7s ease both;animation:iziT-fadeOut .7s ease both}@-webkit-keyframes iziT-revealIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,1)}to{opacity:1}}@-moz-keyframes iziT-revealIn{0%{opacity:0;-moz-transform:scale3d(.3,.3,1)}to{opacity:1}}@-webkit-keyframes iziT-slideIn{0%{opacity:0;-webkit-transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes iziT-slideIn{0%{opacity:0;-moz-transform:translateX(50px)}to{opacity:1;-moz-transform:translateX(0)}}@-webkit-keyframes iziT-bounceInLeft{0%{opacity:0;-webkit-transform:translateX(280px)}50%{opacity:1;-webkit-transform:translateX(-20px)}70%{-webkit-transform:translateX(10px)}to{-webkit-transform:translateX(0)}}@-webkit-keyframes iziT-bounceInRight{0%{opacity:0;-webkit-transform:translateX(-280px)}50%{opacity:1;-webkit-transform:translateX(20px)}70%{-webkit-transform:translateX(-10px)}to{-webkit-transform:translateX(0)}}@-webkit-keyframes iziT-bounceInDown{0%{opacity:0;-webkit-transform:translateY(-200px)}50%{opacity:1;-webkit-transform:translateY(10px)}70%{-webkit-transform:translateY(-5px)}to{-webkit-transform:translateY(0)}}@-webkit-keyframes iziT-bounceInUp{0%{opacity:0;-webkit-transform:translateY(200px)}50%{opacity:1;-webkit-transform:translateY(-10px)}70%{-webkit-transform:translateY(5px)}to{-webkit-transform:translateY(0)}}@-webkit-keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes iziT-fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes iziT-fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes iziT-fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes iziT-fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}@-webkit-keyframes iziT-fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}}@-webkit-keyframes iziT-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@-moz-keyframes iziT-revealIn{0%{opacity:0;transform:scale3d(.3,.3,1)}to{opacity:1}}@-webkit-keyframes iziT-revealIn{0%{opacity:0;transform:scale3d(.3,.3,1)}to{opacity:1}}@-o-keyframes iziT-revealIn{0%{opacity:0;transform:scale3d(.3,.3,1)}to{opacity:1}}@keyframes iziT-revealIn{0%{opacity:0;transform:scale3d(.3,.3,1)}to{opacity:1}}@-moz-keyframes iziT-slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes iziT-slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@-o-keyframes iziT-slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes iziT-slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@-moz-keyframes iziT-bounceInLeft{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}to{transform:translateX(0)}}@-webkit-keyframes iziT-bounceInLeft{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}to{transform:translateX(0)}}@-o-keyframes iziT-bounceInLeft{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}to{transform:translateX(0)}}@keyframes iziT-bounceInLeft{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}to{transform:translateX(0)}}@-moz-keyframes iziT-bounceInRight{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}to{transform:translateX(0)}}@-webkit-keyframes iziT-bounceInRight{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}to{transform:translateX(0)}}@-o-keyframes iziT-bounceInRight{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}to{transform:translateX(0)}}@keyframes iziT-bounceInRight{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}to{transform:translateX(0)}}@-moz-keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}@-webkit-keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}@-o-keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}@-moz-keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@-webkit-keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@-o-keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@-moz-keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-o-keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-o-keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes iziT-fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-o-keyframes iziT-fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes iziT-fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-o-keyframes iziT-fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes iziT-flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes iziT-flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-o-keyframes iziT-flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes iziT-flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-moz-keyframes iziT-fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes iziT-fadeOut{0%{opacity:1}to{opacity:0}}@-o-keyframes iziT-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes iziT-fadeOut{0%{opacity:1}to{opacity:0}}@-moz-keyframes iziT-fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes iziT-fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-o-keyframes iziT-fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes iziT-fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-moz-keyframes iziT-fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes iziT-fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-o-keyframes iziT-fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes iziT-fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-moz-keyframes iziT-fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}@-webkit-keyframes iziT-fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}@-o-keyframes iziT-fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}@keyframes iziT-fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}@-moz-keyframes iziT-fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}}@-webkit-keyframes iziT-fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}}@-o-keyframes iziT-fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}}@keyframes iziT-fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}}@-moz-keyframes iziT-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@-webkit-keyframes iziT-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@-o-keyframes iziT-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes iziT-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
  outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
  color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #fff;
}
@media (pointer: coarse) {
  .ql-bubble.ql-toolbar button:hover:not(.ql-active),
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
    color: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #ccc;
  }
}
.ql-bubble {
  box-sizing: border-box;
}
.ql-bubble * {
  box-sizing: border-box;
}
.ql-bubble .ql-hidden {
  display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
  visibility: hidden;
}
.ql-bubble .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-bubble .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-bubble .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble .ql-stroke {
  fill: none;
  stroke: #ccc;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
  fill: none;
  stroke: #ccc;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
  fill: #ccc;
}
.ql-bubble .ql-empty {
  fill: none;
}
.ql-bubble .ql-even {
  fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-bubble .ql-transparent {
  opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
  display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-bubble .ql-editor h1 {
  font-size: 2em;
}
.ql-bubble .ql-editor h2 {
  font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
  font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
  font-size: 1em;
}
.ql-bubble .ql-editor h5 {
  font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
  font-size: 0.67em;
}
.ql-bubble .ql-editor a {
  text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-bubble .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-bubble .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-bubble .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-bubble .ql-editor img {
  max-width: 100%;
}
.ql-bubble .ql-picker {
  color: #ccc;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-bubble .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-bubble .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-bubble .ql-picker-options {
  background-color: #444;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
  color: #777;
  z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
  width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
  width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
  width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
  width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
  margin: 8px 12px 8px 0px;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
  margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
  border-color: #fff;
}
.ql-bubble .ql-tooltip {
  background-color: #444;
  border-radius: 25px;
  color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: " ";
  display: block;
  left: 50%;
  margin-left: -6px;
  position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  border-bottom: 6px solid #444;
  top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
  border-top: 6px solid #444;
  bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
  display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
  visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
  display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 13px;
  height: 100%;
  outline: none;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
  top: 10px;
  position: absolute;
  right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
  color: #ccc;
  content: "\D7";
  font-size: 16px;
  font-weight: bold;
}
.ql-container.ql-bubble:not(.ql-disabled) a {
  position: relative;
  white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before {
  background-color: #444;
  border-radius: 15px;
  top: -5px;
  font-size: 12px;
  color: #fff;
  content: attr(href);
  font-weight: normal;
  overflow: hidden;
  padding: 5px 15px;
  text-decoration: none;
  z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  border-top: 6px solid #444;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: 0;
  content: " ";
  height: 0;
  width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  left: 0;
  margin-left: 50%;
  position: absolute;
  transform: translate(-50%, -100%);
  transition: visibility 0s ease 200ms;
  visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
  visibility: visible;
}

.croppie-container {
    width: 100%;
    height: 100%;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: '';
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider {
    -webkit-appearance: none;
/*removes default webkit styles*/
	/*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;
/*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
	border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
	border-width: 6px 0;
	color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 1;
}
.cr-rotate-controls button {
	border: 0;
	background: none;
}
.cr-rotate-controls i:before {
	display: inline-block;
	font-style: normal;
	font-weight: 900;
	font-size: 22px;
}
.cr-rotate-l i:before {
	content: '↺';
}
.cr-rotate-r i:before {
	content: '↻';
}

@keyframes plyr-progress{to{background-position:25px 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:subpixel-antialiased;direction:ltr;font-family:Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.7;max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease}.plyr audio,.plyr video{border-radius:inherit;height:auto;vertical-align:middle;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5764;border-radius:2px;color:#fff;font-size:9px;line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;color:#fff;display:none;font-size:14px;left:0;padding:10px;position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions .plyr__caption{background:rgba(0,0,0,.8);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__captions .plyr__caption div{display:inline}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:16px;padding:20px}}@media (min-width:768px){.plyr__captions{font-size:18px}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px)}.plyr__control{background:0 0;border:0;border-radius:3px;color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;pointer-events:none;width:18px}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;color:#fff}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;color:#fff}.plyr__control--overlaid{background:rgba(0,179,255,.8);border:0;border-radius:100%;color:#fff;display:none;left:50%;padding:15px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{background:#00b3ff}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls .plyr__controls__item.plyr__volume{padding-right:5px}.plyr__controls .plyr__controls__item.plyr__volume:first-child{padding-right:0}.plyr__controls:empty{display:none}.plyr--audio .plyr__controls{background:#fff;border-radius:inherit;color:#4a5764;padding:10px}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;left:0;padding:20px 5px 5px;position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:35px 10px 10px}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4a5764;font-size:16px;margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border-top-color:rgba(255,255,255,.9);content:'';height:0;position:absolute;right:15px;top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5764;display:flex;font-size:14px;padding:4px 11px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px}.plyr__menu__container .plyr__control--forward::after{border-left-color:rgba(74,87,100,.8);right:5px}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:500;margin:7px;margin-bottom:3px;padding-left:28px;position:relative;width:calc(100% - 14px)}.plyr__menu__container .plyr__control--back::after{border-right-color:rgba(74,87,100,.8);left:7px}.plyr__menu__container .plyr__control--back::before{background:#c1c9d1;box-shadow:0 1px 0 #fff;content:'';height:1px;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(0,0,0,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;overflow:hidden;padding-left:25px;pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:26px;color:#00b3ff;display:block;height:19px;margin:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width:13px;-webkit-appearance:none;margin-top:-4px}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-moz-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width:13px}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;height:5px}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width:13px;margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:14px}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr--video .plyr__time{text-shadow:0 1px 1px rgba(0,0,0,.15)}.plyr__tooltip{background:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4a5764;font-size:14px;font-weight:500;left:50%;line-height:1.3;margin-bottom:10px;opacity:0;padding:5px 7.5px;pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:16px}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:16px;transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr--video{background:#000;overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;border-radius:inherit;overflow:hidden;position:relative;z-index:0}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr__progress{left:6.5px;margin-right:13px;position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-right:-6.5px;width:calc(100% + 13px)}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:14px;left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;left:0;margin-top:-2.5px;padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;transition:width .2s ease}.plyr--video .plyr__progress__buffer{box-shadow:0 1px 1px rgba(0,0,0,.15);color:rgba(255,255,255,.25)}.plyr--audio .plyr__progress__buffer{color:rgba(193,201,209,.66)}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,41,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,41,47,.6) 50%,rgba(35,41,47,.6) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,201,209,.66)}.plyr__volume{align-items:center;display:flex;flex:1;position:relative}.plyr__volume input[type=range]{margin-left:5px;position:relative;z-index:2}@media (min-width:480px){.plyr__volume{max-width:90px}}@media (min-width:768px){.plyr__volume{max-width:110px}}.plyr--is-ios .plyr__volume{display:none!important}.plyr--is-ios.plyr--vimeo [data-plyr=mute]{display:none!important}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}.plyr:-ms-fullscreen .plyr__captions{font-size:21px}.plyr:fullscreen .plyr__captions{font-size:21px}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:rgba(35,41,47,.8);border-radius:2px;bottom:10px;color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;left:0;margin:-2.5px 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);margin-bottom:10px;opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c9d1;border-radius:2px;overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:2px;color:#fff;font-size:14px;padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}
@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,0.3);background:white;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:0.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:white}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,0.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 0.4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:0.5em 1.2em;color:white}.dropzone .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}

/*!
 * Cropper.js v1.5.4
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-08-03T08:38:38.177Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
/**! hopscotch - v0.3.1
*
* Copyright 2017 LinkedIn Corp. All rights reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fade-in-up{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-ms-transform:translateY(-20px)}100%{opacity:1;-ms-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fade-in-down{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fade-in-right{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fade-in-left{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}div.hopscotch-bubble .hopscotch-nav-button{font-weight:700;border-width:1px;border-style:solid;cursor:pointer;margin:0;overflow:visible;text-decoration:none!important;width:auto;padding:0 10px;height:26px;line-height:24px;font-size:12px;*zoom:1;white-space:nowrap;display:-moz-inline-stack;display:inline-block;*vertical-align:auto;zoom:1;*display:inline;vertical-align:middle;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}div.hopscotch-bubble .hopscotch-nav-button:hover{*zoom:1;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25)}div.hopscotch-bubble .hopscotch-nav-button:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25) inset;-moz-box-shadow:0 1px 2px rgba(0,0,0,.25) inset;box-shadow:0 1px 2px rgba(0,0,0,.25) inset}div.hopscotch-bubble .hopscotch-nav-button.next{border-color:#1b5480;color:#fff;margin:0 0 0 10px;text-shadow:0 1px 1px rgba(0,0,0,.35);background-color:#287bbc;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#287bbc', endColorstr='#23639a');background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#287bbc),color-stop(100%,#23639a));background-image:-webkit-linear-gradient(to bottom,#287bbc 0,#23639a 100%);background-image:-moz-linear-gradient(to bottom,#287bbc 0,#23639a 100%);background-image:-o-linear-gradient(to bottom,#287bbc 0,#23639a 100%);background-image:linear-gradient(to bottom,#287bbc 0,#23639a 100%)}div.hopscotch-bubble .hopscotch-nav-button.next:hover{background-color:#2672ae;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#2672ae', endColorstr='#1e4f7e');background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#2672ae),color-stop(100%,#1e4f7e));background-image:-webkit-linear-gradient(to bottom,#2672ae 0,#1e4f7e 100%);background-image:-moz-linear-gradient(to bottom,#2672ae 0,#1e4f7e 100%);background-image:-o-linear-gradient(to bottom,#2672ae 0,#1e4f7e 100%);background-image:linear-gradient(to bottom,#2672ae 0,#1e4f7e 100%)}div.hopscotch-bubble .hopscotch-nav-button.prev{border-color:#a7a7a7;color:#444;text-shadow:0 1px 1px rgba(255,255,255,.75);background-color:#f2f2f2;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#e9e9e9');background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f2f2f2),color-stop(100%,#e9e9e9));background-image:-webkit-linear-gradient(to bottom,#f2f2f2 0,#e9e9e9 100%);background-image:-moz-linear-gradient(to bottom,#f2f2f2 0,#e9e9e9 100%);background-image:-o-linear-gradient(to bottom,#f2f2f2 0,#e9e9e9 100%);background-image:linear-gradient(to bottom,#f2f2f2 0,#e9e9e9 100%)}div.hopscotch-bubble .hopscotch-nav-button.prev:hover{background-color:#e8e8e8;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE8E8E8', endColorstr='#FFA9A9A9');background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#e8e8e8),color-stop(13%,#e3e3e3),color-stop(32%,#d7d7d7),color-stop(71%,#b9b9b9),color-stop(100%,#a9a9a9));background-image:-webkit-linear-gradient(to bottom,#e8e8e8 0,#e3e3e3 13%,#d7d7d7 32%,#b9b9b9 71%,#a9a9a9 100%);background-image:-moz-linear-gradient(to bottom,#e8e8e8 0,#e3e3e3 13%,#d7d7d7 32%,#b9b9b9 71%,#a9a9a9 100%);background-image:-o-linear-gradient(to bottom,#e8e8e8 0,#e3e3e3 13%,#d7d7d7 32%,#b9b9b9 71%,#a9a9a9 100%);background-image:linear-gradient(to bottom,#e8e8e8 0,#e3e3e3 13%,#d7d7d7 32%,#b9b9b9 71%,#a9a9a9 100%)}div.hopscotch-bubble{background-color:#fff;border:5px solid #000;border:5px solid rgba(0,0,0,.5);color:#333;font-family:Helvetica,Arial;font-size:13px;position:absolute;z-index:999999;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box}div.hopscotch-bubble *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}div.hopscotch-bubble.animate{-moz-transition-property:top,left;-moz-transition-duration:1s;-moz-transition-timing-function:ease-in-out;-ms-transition-property:top,left;-ms-transition-duration:1s;-ms-transition-timing-function:ease-in-out;-o-transition-property:top,left;-o-transition-duration:1s;-o-transition-timing-function:ease-in-out;-webkit-transition-property:top,left;-webkit-transition-duration:1s;-webkit-transition-timing-function:ease-in-out;transition-property:top,left;transition-duration:1s;transition-timing-function:ease-in-out}div.hopscotch-bubble.invisible{opacity:0}div.hopscotch-bubble.hide,div.hopscotch-bubble .hide,div.hopscotch-bubble .hide-all{display:none}div.hopscotch-bubble h3{color:#000;font-family:Helvetica,Arial;font-size:16px;font-weight:700;line-height:19px;margin:-1px 15px 0 0;padding:0}div.hopscotch-bubble .hopscotch-bubble-container{padding:15px;position:relative;text-align:left;-webkit-font-smoothing:antialiased}div.hopscotch-bubble .hopscotch-content{font-family:Helvetica,Arial;font-weight:400;line-height:17px;margin:-5px 0 11px;padding-top:8px}div.hopscotch-bubble .hopscotch-bubble-content{margin:0 0 0 40px}div.hopscotch-bubble.no-number .hopscotch-bubble-content{margin:0}div.hopscotch-bubble .hopscotch-bubble-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;color:#000;background:transparent url(../../Themes/DefaultClean/Content/img/sprite-green.png) -192px -92px no-repeat;display:block;padding:8px;position:absolute;text-decoration:none;text-indent:-9999px;width:8px;height:8px;top:0;right:0}div.hopscotch-bubble .hopscotch-bubble-close.hide,div.hopscotch-bubble .hopscotch-bubble-close.hide-all{display:none}div.hopscotch-bubble .hopscotch-bubble-number{background:transparent url(../../Themes/DefaultClean/Content/img/sprite-green.png) 0 0 no-repeat;color:#fff;display:block;float:left;font-size:17px;font-weight:700;line-height:31px;padding:0 10px 0 0;text-align:center;width:30px;height:30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:34px;height:34px}div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow,div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow-border{width:0;height:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:-22px;left:10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:17px solid #fff;border-left:17px solid transparent;border-right:17px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border-bottom:17px solid #000;border-bottom:17px solid rgba(0,0,0,.5);border-left:17px solid transparent;border-right:17px solid transparent}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-39px;left:10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:17px solid #fff;border-left:17px solid transparent;border-right:17px solid transparent;position:relative;top:-24px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border-top:17px solid #000;border-top:17px solid rgba(0,0,0,.5);border-left:17px solid transparent;border-right:17px solid transparent}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:10px;left:-22px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-bottom:17px solid transparent;border-right:17px solid #fff;border-top:17px solid transparent;position:relative;left:7px;top:-34px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border-right:17px solid #000;border-right:17px solid rgba(0,0,0,.5);border-bottom:17px solid transparent;border-top:17px solid transparent}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:10px;right:-39px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-bottom:17px solid transparent;border-left:17px solid #fff;border-top:17px solid transparent;position:relative;left:-7px;top:-34px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border-left:17px solid #000;border-left:17px solid rgba(0,0,0,.5);border-bottom:17px solid transparent;border-top:17px solid transparent}div.hopscotch-bubble .hopscotch-actions{margin:10px 0 0;text-align:right}
.glider,.glider-contain{margin:0 auto;position:relative}.glider,.glider-track{transform:translateZ(0)}.glider-dot,.glider-next,.glider-prev{border:0;padding:0;user-select:none;outline:0}.glider-contain{width:100%}.glider{overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}.glider-track{width:100%;margin:0;padding:0;display:flex;z-index:1}.glider.draggable{user-select:none;cursor:-webkit-grab;cursor:grab}.glider.draggable .glider-slide img{user-select:none;pointer-events:none}.glider.drag{cursor:-webkit-grabbing;cursor:grabbing}.glider-slide{user-select:none;justify-content:center;align-content:center;width:100%;min-width:150px}.glider-slide img{max-width:100%}.glider::-webkit-scrollbar{opacity:0;height:0}.glider-next,.glider-prev{position:absolute;background:0 0;z-index:2;font-size:40px;text-decoration:none;left:-23px;top:30%;cursor:pointer;color:#666;opacity:1;line-height:1;transition:opacity .5s cubic-bezier(.17,.67,.83,.67),color .5s cubic-bezier(.17,.67,.83,.67)}.glider-next:focus,.glider-next:hover,.glider-prev:focus,.glider-prev:hover{color:#ccc}.glider-next{right:-23px;left:auto}.glider-next.disabled,.glider-prev.disabled{opacity:.25;color:#666;cursor:default}.glider-hide{opacity:0}.glider-dots{user-select:none;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:0}.glider-dot{display:block;cursor:pointer;color:#ccc;border-radius:999px;background:#ccc;width:12px;height:12px;margin:7px}.glider-dot:focus,.glider-dot:hover{background:#ddd}.glider-dot.active{background:#a89cc8}@media(max-width:36em){.glider::-webkit-scrollbar{opacity:1;-webkit-appearance:none;width:7px;height:3px}.glider::-webkit-scrollbar-thumb{opacity:1;border-radius:99px;background-color:rgba(156,156,156,.25);-webkit-box-shadow:0 0 1px rgba(255,255,255,.25);box-shadow:0 0 1px rgba(255,255,255,.25)}}

@keyframes show {
    0% {
        opacity: 0;
        transform: scale3d(0.8, 0.8, 0.8);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes hide {
    0% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }

    100% {
        opacity: 0;
        transform: scale3d(0.8, 0.8, 0.8);
    }
}

@keyframes grow {
    0% {
        opacity: 0;
        transform: scale3d(0.8, 0.8, 0.8);
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

@keyframes shrink {
    0% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }

    100% {
        opacity: 0;
        transform: scale3d(0.8, 0.8, 0.8);
    }
}

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

.emoji-picker {
    --animation-duration: 0.2s;
    --animation-easing: ease-in-out;
    --emoji-size: 1.8em;
    --emoji-size-multiplier: 1.5;
    --emoji-preview-size: 2em;
    --emoji-per-row: 8;
    --row-count: 6;
    --content-height: calc((var(--emoji-size) * var(--emoji-size-multiplier)) * var(--row-count) + var(--category-name-size) + var(--category-button-height) + 0.5em);
    --category-name-size: 0.85em;
    --category-button-height: 2em;
    --category-button-size: 1.1em;
    --category-border-bottom-size: 4px;
    --focus-indicator-color: #999999;
    --search-height: 2em;
    --blue-color: #4F81E5;
    --border-color: #CCCCCC;
    --background-color: #FFFFFF;
    --text-color: #000000;
    --secondary-text-color: #666666;
    --hover-color: #E8F4F9;
    --search-focus-border-color: var(--blue-color);
    --search-icon-color: #CCCCCC;
    --overlay-background-color: rgba(0, 0, 0, 0.8);
    --popup-background-color: #FFFFFF;
    --category-button-color: #666666;
    --category-button-active-color: var(--blue-color);
    --dark-border-color: #666666;
    --dark-background-color: #333333;
    --dark-text-color: #FFFFFF;
    --dark-secondary-text-color: #999999;
    --dark-hover-color: #666666;
    --dark-search-background-color: #666666;
    --dark-search-border-color: #999999;
    --dark-search-placeholder-color: #999999;
    --dark-search-focus-border-color: #DBE5F9;
    --dark-popup-background-color: #333333;
    --dark-category-button-color: #FFFFFF;
    z-index: 100000;
}

.emoji-picker {
    font-size: 16px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    background: var(--background-color);
    width: calc(var(--emoji-per-row) * var(--emoji-size) * var(--emoji-size-multiplier) + 1em + 1.5rem);
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
    animation: show var(--animation-duration) var(--animation-easing);
}

.emoji-picker.hiding {
    animation: hide var(--animation-duration) var(--animation-easing);
}

.emoji-picker.dark {
    background: var(--dark-background-color);
    color: var(--dark-text-color);
    border-color: var(--dark-border-color);
}

.emoji-picker__content {
    padding: 0.5em;
    height: var(--content-height);
    position: relative;
}

.emoji-picker__preview {
    height: var(--emoji-preview-size);
    padding: 0.5em;
    border-top: 1px solid var(--border-color);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.emoji-picker.dark .emoji-picker__preview {
    border-top-color: var(--dark-border-color);
}

.emoji-picker__preview-emoji {
    font-size: var(--emoji-preview-size);
    margin-right: 0.25em;
    font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji";
}

.emoji-picker__preview-emoji img.emoji {
    height: 1em;
    width: 1em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.1em;
}

.emoji-picker__preview-name {
    color: var(--text-color);
    font-size: 0.85em;
    overflow-wrap: break-word;
    word-break: break-all;
}

.emoji-picker.dark .emoji-picker__preview-name {
    color: var(--dark-text-color);
}

.emoji-picker__container {
    display: grid;
    grid-template-columns: repeat(var(--emoji-per-row), calc(var(--emoji-size) * var(--emoji-size-multiplier)));
    grid-auto-rows: calc(var(--emoji-size) * var(--emoji-size-multiplier));
}

.emoji-picker__container.search-results {
    height: var(--content-height);
    overflow-y: scroll;
}

.emoji-picker__emoji {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: var(--emoji-size);
    width: 1.5em;
    height: 1.5em;
    padding: 0;
    margin: 0;
    outline: none;
    font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji";
}

.emoji-picker__emoji img.emoji {
    height: 1em;
    width: 1em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.1em;
}

.emoji-picker__emoji:focus, .emoji-picker__emoji:hover {
    background: var(--hover-color);
}

.emoji-picker__emoji:focus {
    outline: 1px dotted var(--focus-indicator-color);
}

.emoji-picker.dark .emoji-picker__emoji:focus, .emoji-picker.dark .emoji-picker__emoji:hover {
    background: var(--dark-hover-color);
}

.emoji-picker__search-container {
    margin: 0.5em;
    position: relative;
    height: var(--search-height);
    display: flex;
}

.emoji-picker__search {
    box-sizing: border-box;
    width: 100%;
    border-radius: 3px;
    border: 1px solid var(--border-color);
    padding-right: 2em;
    padding: 0.5em 2.25em 0.5em 0.5em;
    font-size: 0.85em;
    outline: none;
}

.emoji-picker.dark .emoji-picker__search {
    background: var(--dark-search-background-color);
    color: var(--dark-text-color);
    border-color: var(--dark-search-border-color);
}

.emoji-picker.dark .emoji-picker__search::placeholder {
    color: var(--dark-search-placeholder-color);
}

.emoji-picker__search:focus {
    border: 1px solid var(--search-focus-border-color);
}

.emoji-picker.dark .emoji-picker__search:focus {
    border-color: var(--dark-search-focus-border-color);
}

.emoji-picker__search-icon {
    position: absolute;
    color: var(--search-icon-color);
    width: 1em;
    height: 1em;
    right: 0.75em;
    top: calc(50% - 0.5em);
}

.emoji-picker__search-not-found {
    color: var(--secondary-text-color);
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.emoji-picker__search-not-found h2 {
    color: var(--secondary-text-color);
}

.emoji-picker.dark .emoji-picker__search-not-found {
    color: var(--dark-secondary-text-color);
}

.emoji-picker.dark .emoji-picker__search-not-found h2 {
    color: var(--dark-secondary-text-color);
}

.emoji-picker__search-not-found-icon {
    font-size: 3em;
}

.emoji-picker__search-not-found h2 {
    margin: 0.5em 0;
    font-size: 1em;
}

.emoji-picker__variant-overlay {
    background: var(--overlay-background-color);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    animation: fade-in var(--animation-duration) var(--animation-easing);
}

.emoji-picker__variant-overlay.hiding {
    animation: fade-out var(--animation-duration) var(--animation-easing);
}

.emoji-picker__variant-popup {
    background: var(--popup-background-color);
    margin: 0.5em;
    padding: 0.5em;
    text-align: center;
    border-radius: 5px;
    animation: grow var(--animation-duration) var(--animation-easing);
    user-select: none;
}

.emoji-picker__variant-overlay.hiding .emoji-picker__variant-popup {
    animation: shrink var(--animation-duration) var(--animation-easing);
}

.emoji-picker.dark .emoji-picker__variant-popup {
    background: var(--dark-popup-background-color);
}

.emoji-picker__emojis {
    overflow-y: scroll;
    position: relative;
    height: calc((var(--emoji-size) * var(--emoji-size-multiplier)) * var(--row-count) + var(--category-name-size));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.emoji-picker__emojis.hiding {
    animation: fade-out 0.05s var(--animation-easing);
}

.emoji-picker__emojis h2.emoji-picker__category-name {
    font-size: 0.85em;
    color: var(--secondary-text-color);
    text-transform: uppercase;
    margin: 0.25em 0;
    text-align: left;
}

.emoji-picker.dark h2.emoji-picker__category-name {
    color: var(--dark-secondary-text-color);
}

.emoji-picker__category-buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    height: var(--category-button-height);
    margin-bottom: 0.5em;
}

button.emoji-picker__category-button {
    flex-grow: 1;
    background: transparent;
    padding: 0;
    border: none;
    cursor: pointer;
    font-size: var(--category-button-size);
    vertical-align: middle;
    color: var(--category-button-color);
    border-bottom: var(--category-border-bottom-size) solid transparent;
    outline: none;
}

.emoji-picker.keyboard button.emoji-picker__category-button:focus {
    outline: 1px dotted var(--focus-indicator-color);
}

.emoji-picker.dark button.emoji-picker__category-button.active {
    color: var(--category-button-active-color);
}

.emoji-picker.dark button.emoji-picker__category-button {
    color: var(--dark-category-button-color);
}

button.emoji-picker__category-button.active {
    color: var(--category-button-active-color);
    border-bottom: var(--category-border-bottom-size) solid var(--category-button-active-color);
}

@media (prefers-color-scheme: dark) {
    .emoji-picker.auto {
        background: var(--dark-background-color);
        color: var(--dark-text-color);
        border-color: var(--dark-border-color);
    }

    .emoji-picker.auto .emoji-picker__preview {
        border-top-color: var(--dark-border-color);
    }

    .emoji-picker.auto .emoji-picker__preview-name {
        color: var(--dark-text-color);
    }

    .emoji-picker.auto button.emoji-picker__category-button {
        color: var(--dark-category-button-color);
    }

    .emoji-picker.auto button.emoji-picker__category-button.active {
        color: var(--category-button-active-color);
    }

    .emoji-picker.auto .emoji-picker__emoji:focus, .emoji-picker.auto .emoji-picker__emoji:hover {
        background: var(--dark-hover-color);
    }

    .emoji-picker.auto .emoji-picker__search {
        background: var(--dark-search-background-color);
        color: var(--dark-text-color);
        border-color: var(--dark-search-border-color);
    }

    .emoji-picker.auto h2.emoji-picker__category-name {
        color: var(--dark-secondary-text-color);
    }

    .emoji-picker.auto .emoji-picker__search::placeholder {
        color: var(--dark-search-placeholder-color);
    }

    .emoji-picker.auto .emoji-picker__search:focus {
        border-color: var(--dark-search-focus-border-color);
    }

    .emoji-picker.auto .emoji-picker__search-not-found {
        color: var(--dark-secondary-text-color);
    }

    .emoji-picker.auto .emoji-picker__search-not-found h2 {
        color: var(--dark-secondary-text-color);
    }

    .emoji-picker.auto .emoji-picker__variant-popup {
        background: var(--dark-popup-background-color);
    }
}

body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0;text-align:center;z-index:99996}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-44px;z-index:-1}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-caption{padding:12px}.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
@font-face{font-family:"Material Design Icons";src:url("../../Themes/DefaultClean/Content/fonts/materialdesignicons-webfont.eot?v=3.9.97");src:url("../../Themes/DefaultClean/Content/fonts/materialdesignicons-webfont.eot?#iefix&v=3.9.97") format("embedded-opentype"),url("../../Themes/DefaultClean/Content/fonts/materialdesignicons-webfont.woff2?v=3.9.97") format("woff2"),url("../../Themes/DefaultClean/Content/fonts/materialdesignicons-webfont.woff?v=3.9.97") format("woff"),url("../../Themes/DefaultClean/Content/fonts/materialdesignicons-webfont.ttf?v=3.9.97") format("truetype");font-weight:normal;font-style:normal}.mdi:before,.mdi-set{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mdi-access-point::before{content:"\F002"}.mdi-access-point-network::before{content:"\F003"}.mdi-access-point-network-off::before{content:"\FBBD"}.mdi-account::before{content:"\F004"}.mdi-account-alert::before{content:"\F005"}.mdi-account-alert-outline::before{content:"\FB2C"}.mdi-account-arrow-left::before{content:"\FB2D"}.mdi-account-arrow-left-outline::before{content:"\FB2E"}.mdi-account-arrow-right::before{content:"\FB2F"}.mdi-account-arrow-right-outline::before{content:"\FB30"}.mdi-account-badge::before{content:"\FD83"}.mdi-account-badge-alert::before{content:"\FD84"}.mdi-account-badge-alert-outline::before{content:"\FD85"}.mdi-account-badge-horizontal::before{content:"\FDF0"}.mdi-account-badge-horizontal-outline::before{content:"\FDF1"}.mdi-account-badge-outline::before{content:"\FD86"}.mdi-account-box::before{content:"\F006"}.mdi-account-box-multiple::before{content:"\F933"}.mdi-account-box-outline::before{content:"\F007"}.mdi-account-card-details::before{content:"\F5D2"}.mdi-account-card-details-outline::before{content:"\FD87"}.mdi-account-check::before{content:"\F008"}.mdi-account-check-outline::before{content:"\FBBE"}.mdi-account-child::before{content:"\FA88"}.mdi-account-child-circle::before{content:"\FA89"}.mdi-account-circle::before{content:"\F009"}.mdi-account-circle-outline::before{content:"\FB31"}.mdi-account-clock::before{content:"\FB32"}.mdi-account-clock-outline::before{content:"\FB33"}.mdi-account-convert::before{content:"\F00A"}.mdi-account-details::before{content:"\F631"}.mdi-account-edit::before{content:"\F6BB"}.mdi-account-group::before{content:"\F848"}.mdi-account-group-outline::before{content:"\FB34"}.mdi-account-heart::before{content:"\F898"}.mdi-account-heart-outline::before{content:"\FBBF"}.mdi-account-key::before{content:"\F00B"}.mdi-account-key-outline::before{content:"\FBC0"}.mdi-account-minus::before{content:"\F00D"}.mdi-account-minus-outline::before{content:"\FAEB"}.mdi-account-multiple::before{content:"\F00E"}.mdi-account-multiple-check::before{content:"\F8C4"}.mdi-account-multiple-minus::before{content:"\F5D3"}.mdi-account-multiple-minus-outline::before{content:"\FBC1"}.mdi-account-multiple-outline::before{content:"\F00F"}.mdi-account-multiple-plus::before{content:"\F010"}.mdi-account-multiple-plus-outline::before{content:"\F7FF"}.mdi-account-network::before{content:"\F011"}.mdi-account-network-outline::before{content:"\FBC2"}.mdi-account-off::before{content:"\F012"}.mdi-account-off-outline::before{content:"\FBC3"}.mdi-account-outline::before{content:"\F013"}.mdi-account-plus::before{content:"\F014"}.mdi-account-plus-outline::before{content:"\F800"}.mdi-account-question::before{content:"\FB35"}.mdi-account-question-outline::before{content:"\FB36"}.mdi-account-remove::before{content:"\F015"}.mdi-account-remove-outline::before{content:"\FAEC"}.mdi-account-search::before{content:"\F016"}.mdi-account-search-outline::before{content:"\F934"}.mdi-account-settings::before{content:"\F630"}.mdi-account-star::before{content:"\F017"}.mdi-account-star-outline::before{content:"\FBC4"}.mdi-account-supervisor::before{content:"\FA8A"}.mdi-account-supervisor-circle::before{content:"\FA8B"}.mdi-account-switch::before{content:"\F019"}.mdi-account-tie::before{content:"\FCBF"}.mdi-accusoft::before{content:"\F849"}.mdi-adchoices::before{content:"\FD1E"}.mdi-adjust::before{content:"\F01A"}.mdi-adobe::before{content:"\F935"}.mdi-air-conditioner::before{content:"\F01B"}.mdi-air-filter::before{content:"\FD1F"}.mdi-air-horn::before{content:"\FD88"}.mdi-air-purifier::before{content:"\FD20"}.mdi-airbag::before{content:"\FBC5"}.mdi-airballoon::before{content:"\F01C"}.mdi-airplane::before{content:"\F01D"}.mdi-airplane-landing::before{content:"\F5D4"}.mdi-airplane-off::before{content:"\F01E"}.mdi-airplane-takeoff::before{content:"\F5D5"}.mdi-airplay::before{content:"\F01F"}.mdi-airport::before{content:"\F84A"}.mdi-alarm::before{content:"\F020"}.mdi-alarm-bell::before{content:"\F78D"}.mdi-alarm-check::before{content:"\F021"}.mdi-alarm-light::before{content:"\F78E"}.mdi-alarm-light-outline::before{content:"\FBC6"}.mdi-alarm-multiple::before{content:"\F022"}.mdi-alarm-note::before{content:"\FE8E"}.mdi-alarm-note-off::before{content:"\FE8F"}.mdi-alarm-off::before{content:"\F023"}.mdi-alarm-plus::before{content:"\F024"}.mdi-alarm-snooze::before{content:"\F68D"}.mdi-album::before{content:"\F025"}.mdi-alert::before{content:"\F026"}.mdi-alert-box::before{content:"\F027"}.mdi-alert-box-outline::before{content:"\FCC0"}.mdi-alert-circle::before{content:"\F028"}.mdi-alert-circle-outline::before{content:"\F5D6"}.mdi-alert-decagram::before{content:"\F6BC"}.mdi-alert-decagram-outline::before{content:"\FCC1"}.mdi-alert-octagon::before{content:"\F029"}.mdi-alert-octagon-outline::before{content:"\FCC2"}.mdi-alert-octagram::before{content:"\F766"}.mdi-alert-octagram-outline::before{content:"\FCC3"}.mdi-alert-outline::before{content:"\F02A"}.mdi-alien::before{content:"\F899"}.mdi-all-inclusive::before{content:"\F6BD"}.mdi-alpha::before{content:"\F02B"}.mdi-alpha-a::before{content:"\41"}.mdi-alpha-a-box::before{content:"\FAED"}.mdi-alpha-a-box-outline::before{content:"\FBC7"}.mdi-alpha-a-circle::before{content:"\FBC8"}.mdi-alpha-a-circle-outline::before{content:"\FBC9"}.mdi-alpha-b::before{content:"\42"}.mdi-alpha-b-box::before{content:"\FAEE"}.mdi-alpha-b-box-outline::before{content:"\FBCA"}.mdi-alpha-b-circle::before{content:"\FBCB"}.mdi-alpha-b-circle-outline::before{content:"\FBCC"}.mdi-alpha-c::before{content:"\43"}.mdi-alpha-c-box::before{content:"\FAEF"}.mdi-alpha-c-box-outline::before{content:"\FBCD"}.mdi-alpha-c-circle::before{content:"\FBCE"}.mdi-alpha-c-circle-outline::before{content:"\FBCF"}.mdi-alpha-d::before{content:"\44"}.mdi-alpha-d-box::before{content:"\FAF0"}.mdi-alpha-d-box-outline::before{content:"\FBD0"}.mdi-alpha-d-circle::before{content:"\FBD1"}.mdi-alpha-d-circle-outline::before{content:"\FBD2"}.mdi-alpha-e::before{content:"\45"}.mdi-alpha-e-box::before{content:"\FAF1"}.mdi-alpha-e-box-outline::before{content:"\FBD3"}.mdi-alpha-e-circle::before{content:"\FBD4"}.mdi-alpha-e-circle-outline::before{content:"\FBD5"}.mdi-alpha-f::before{content:"\46"}.mdi-alpha-f-box::before{content:"\FAF2"}.mdi-alpha-f-box-outline::before{content:"\FBD6"}.mdi-alpha-f-circle::before{content:"\FBD7"}.mdi-alpha-f-circle-outline::before{content:"\FBD8"}.mdi-alpha-g::before{content:"\47"}.mdi-alpha-g-box::before{content:"\FAF3"}.mdi-alpha-g-box-outline::before{content:"\FBD9"}.mdi-alpha-g-circle::before{content:"\FBDA"}.mdi-alpha-g-circle-outline::before{content:"\FBDB"}.mdi-alpha-h::before{content:"\48"}.mdi-alpha-h-box::before{content:"\FAF4"}.mdi-alpha-h-box-outline::before{content:"\FBDC"}.mdi-alpha-h-circle::before{content:"\FBDD"}.mdi-alpha-h-circle-outline::before{content:"\FBDE"}.mdi-alpha-i::before{content:"\49"}.mdi-alpha-i-box::before{content:"\FAF5"}.mdi-alpha-i-box-outline::before{content:"\FBDF"}.mdi-alpha-i-circle::before{content:"\FBE0"}.mdi-alpha-i-circle-outline::before{content:"\FBE1"}.mdi-alpha-j::before{content:"\4A"}.mdi-alpha-j-box::before{content:"\FAF6"}.mdi-alpha-j-box-outline::before{content:"\FBE2"}.mdi-alpha-j-circle::before{content:"\FBE3"}.mdi-alpha-j-circle-outline::before{content:"\FBE4"}.mdi-alpha-k::before{content:"\4B"}.mdi-alpha-k-box::before{content:"\FAF7"}.mdi-alpha-k-box-outline::before{content:"\FBE5"}.mdi-alpha-k-circle::before{content:"\FBE6"}.mdi-alpha-k-circle-outline::before{content:"\FBE7"}.mdi-alpha-l::before{content:"\4C"}.mdi-alpha-l-box::before{content:"\FAF8"}.mdi-alpha-l-box-outline::before{content:"\FBE8"}.mdi-alpha-l-circle::before{content:"\FBE9"}.mdi-alpha-l-circle-outline::before{content:"\FBEA"}.mdi-alpha-m::before{content:"\4D"}.mdi-alpha-m-box::before{content:"\FAF9"}.mdi-alpha-m-box-outline::before{content:"\FBEB"}.mdi-alpha-m-circle::before{content:"\FBEC"}.mdi-alpha-m-circle-outline::before{content:"\FBED"}.mdi-alpha-n::before{content:"\4E"}.mdi-alpha-n-box::before{content:"\FAFA"}.mdi-alpha-n-box-outline::before{content:"\FBEE"}.mdi-alpha-n-circle::before{content:"\FBEF"}.mdi-alpha-n-circle-outline::before{content:"\FBF0"}.mdi-alpha-o::before{content:"\4F"}.mdi-alpha-o-box::before{content:"\FAFB"}.mdi-alpha-o-box-outline::before{content:"\FBF1"}.mdi-alpha-o-circle::before{content:"\FBF2"}.mdi-alpha-o-circle-outline::before{content:"\FBF3"}.mdi-alpha-p::before{content:"\50"}.mdi-alpha-p-box::before{content:"\FAFC"}.mdi-alpha-p-box-outline::before{content:"\FBF4"}.mdi-alpha-p-circle::before{content:"\FBF5"}.mdi-alpha-p-circle-outline::before{content:"\FBF6"}.mdi-alpha-q::before{content:"\51"}.mdi-alpha-q-box::before{content:"\FAFD"}.mdi-alpha-q-box-outline::before{content:"\FBF7"}.mdi-alpha-q-circle::before{content:"\FBF8"}.mdi-alpha-q-circle-outline::before{content:"\FBF9"}.mdi-alpha-r::before{content:"\52"}.mdi-alpha-r-box::before{content:"\FAFE"}.mdi-alpha-r-box-outline::before{content:"\FBFA"}.mdi-alpha-r-circle::before{content:"\FBFB"}.mdi-alpha-r-circle-outline::before{content:"\FBFC"}.mdi-alpha-s::before{content:"\53"}.mdi-alpha-s-box::before{content:"\FAFF"}.mdi-alpha-s-box-outline::before{content:"\FBFD"}.mdi-alpha-s-circle::before{content:"\FBFE"}.mdi-alpha-s-circle-outline::before{content:"\FBFF"}.mdi-alpha-t::before{content:"\54"}.mdi-alpha-t-box::before{content:"\FB00"}.mdi-alpha-t-box-outline::before{content:"\FC00"}.mdi-alpha-t-circle::before{content:"\FC01"}.mdi-alpha-t-circle-outline::before{content:"\FC02"}.mdi-alpha-u::before{content:"\55"}.mdi-alpha-u-box::before{content:"\FB01"}.mdi-alpha-u-box-outline::before{content:"\FC03"}.mdi-alpha-u-circle::before{content:"\FC04"}.mdi-alpha-u-circle-outline::before{content:"\FC05"}.mdi-alpha-v::before{content:"\56"}.mdi-alpha-v-box::before{content:"\FB02"}.mdi-alpha-v-box-outline::before{content:"\FC06"}.mdi-alpha-v-circle::before{content:"\FC07"}.mdi-alpha-v-circle-outline::before{content:"\FC08"}.mdi-alpha-w::before{content:"\57"}.mdi-alpha-w-box::before{content:"\FB03"}.mdi-alpha-w-box-outline::before{content:"\FC09"}.mdi-alpha-w-circle::before{content:"\FC0A"}.mdi-alpha-w-circle-outline::before{content:"\FC0B"}.mdi-alpha-x::before{content:"\58"}.mdi-alpha-x-box::before{content:"\FB04"}.mdi-alpha-x-box-outline::before{content:"\FC0C"}.mdi-alpha-x-circle::before{content:"\FC0D"}.mdi-alpha-x-circle-outline::before{content:"\FC0E"}.mdi-alpha-y::before{content:"\59"}.mdi-alpha-y-box::before{content:"\FB05"}.mdi-alpha-y-box-outline::before{content:"\FC0F"}.mdi-alpha-y-circle::before{content:"\FC10"}.mdi-alpha-y-circle-outline::before{content:"\FC11"}.mdi-alpha-z::before{content:"\5A"}.mdi-alpha-z-box::before{content:"\FB06"}.mdi-alpha-z-box-outline::before{content:"\FC12"}.mdi-alpha-z-circle::before{content:"\FC13"}.mdi-alpha-z-circle-outline::before{content:"\FC14"}.mdi-alphabetical::before{content:"\F02C"}.mdi-altimeter::before{content:"\F5D7"}.mdi-amazon::before{content:"\F02D"}.mdi-amazon-alexa::before{content:"\F8C5"}.mdi-amazon-drive::before{content:"\F02E"}.mdi-ambulance::before{content:"\F02F"}.mdi-ammunition::before{content:"\FCC4"}.mdi-ampersand::before{content:"\FA8C"}.mdi-amplifier::before{content:"\F030"}.mdi-anchor::before{content:"\F031"}.mdi-android::before{content:"\F032"}.mdi-android-auto::before{content:"\FA8D"}.mdi-android-debug-bridge::before{content:"\F033"}.mdi-android-head::before{content:"\F78F"}.mdi-android-messages::before{content:"\FD21"}.mdi-android-studio::before{content:"\F034"}.mdi-angle-acute::before{content:"\F936"}.mdi-angle-obtuse::before{content:"\F937"}.mdi-angle-right::before{content:"\F938"}.mdi-angular::before{content:"\F6B1"}.mdi-angularjs::before{content:"\F6BE"}.mdi-animation::before{content:"\F5D8"}.mdi-animation-outline::before{content:"\FA8E"}.mdi-animation-play::before{content:"\F939"}.mdi-animation-play-outline::before{content:"\FA8F"}.mdi-anvil::before{content:"\F89A"}.mdi-apple::before{content:"\F035"}.mdi-apple-finder::before{content:"\F036"}.mdi-apple-icloud::before{content:"\F038"}.mdi-apple-ios::before{content:"\F037"}.mdi-apple-keyboard-caps::before{content:"\F632"}.mdi-apple-keyboard-command::before{content:"\F633"}.mdi-apple-keyboard-control::before{content:"\F634"}.mdi-apple-keyboard-option::before{content:"\F635"}.mdi-apple-keyboard-shift::before{content:"\F636"}.mdi-apple-safari::before{content:"\F039"}.mdi-application::before{content:"\F614"}.mdi-application-export::before{content:"\FD89"}.mdi-application-import::before{content:"\FD8A"}.mdi-apps::before{content:"\F03B"}.mdi-apps-box::before{content:"\FD22"}.mdi-arch::before{content:"\F8C6"}.mdi-archive::before{content:"\F03C"}.mdi-arrange-bring-forward::before{content:"\F03D"}.mdi-arrange-bring-to-front::before{content:"\F03E"}.mdi-arrange-send-backward::before{content:"\F03F"}.mdi-arrange-send-to-back::before{content:"\F040"}.mdi-arrow-all::before{content:"\F041"}.mdi-arrow-bottom-left::before{content:"\F042"}.mdi-arrow-bottom-left-bold-outline::before{content:"\F9B6"}.mdi-arrow-bottom-left-thick::before{content:"\F9B7"}.mdi-arrow-bottom-right::before{content:"\F043"}.mdi-arrow-bottom-right-bold-outline::before{content:"\F9B8"}.mdi-arrow-bottom-right-thick::before{content:"\F9B9"}.mdi-arrow-collapse::before{content:"\F615"}.mdi-arrow-collapse-all::before{content:"\F044"}.mdi-arrow-collapse-down::before{content:"\F791"}.mdi-arrow-collapse-horizontal::before{content:"\F84B"}.mdi-arrow-collapse-left::before{content:"\F792"}.mdi-arrow-collapse-right::before{content:"\F793"}.mdi-arrow-collapse-up::before{content:"\F794"}.mdi-arrow-collapse-vertical::before{content:"\F84C"}.mdi-arrow-decision::before{content:"\F9BA"}.mdi-arrow-decision-auto::before{content:"\F9BB"}.mdi-arrow-decision-auto-outline::before{content:"\F9BC"}.mdi-arrow-decision-outline::before{content:"\F9BD"}.mdi-arrow-down::before{content:"\F045"}.mdi-arrow-down-bold::before{content:"\F72D"}.mdi-arrow-down-bold-box::before{content:"\F72E"}.mdi-arrow-down-bold-box-outline::before{content:"\F72F"}.mdi-arrow-down-bold-circle::before{content:"\F047"}.mdi-arrow-down-bold-circle-outline::before{content:"\F048"}.mdi-arrow-down-bold-hexagon-outline::before{content:"\F049"}.mdi-arrow-down-bold-outline::before{content:"\F9BE"}.mdi-arrow-down-box::before{content:"\F6BF"}.mdi-arrow-down-circle::before{content:"\FCB7"}.mdi-arrow-down-circle-outline::before{content:"\FCB8"}.mdi-arrow-down-drop-circle::before{content:"\F04A"}.mdi-arrow-down-drop-circle-outline::before{content:"\F04B"}.mdi-arrow-down-thick::before{content:"\F046"}.mdi-arrow-expand::before{content:"\F616"}.mdi-arrow-expand-all::before{content:"\F04C"}.mdi-arrow-expand-down::before{content:"\F795"}.mdi-arrow-expand-horizontal::before{content:"\F84D"}.mdi-arrow-expand-left::before{content:"\F796"}.mdi-arrow-expand-right::before{content:"\F797"}.mdi-arrow-expand-up::before{content:"\F798"}.mdi-arrow-expand-vertical::before{content:"\F84E"}.mdi-arrow-left::before{content:"\F04D"}.mdi-arrow-left-bold::before{content:"\F730"}.mdi-arrow-left-bold-box::before{content:"\F731"}.mdi-arrow-left-bold-box-outline::before{content:"\F732"}.mdi-arrow-left-bold-circle::before{content:"\F04F"}.mdi-arrow-left-bold-circle-outline::before{content:"\F050"}.mdi-arrow-left-bold-hexagon-outline::before{content:"\F051"}.mdi-arrow-left-bold-outline::before{content:"\F9BF"}.mdi-arrow-left-box::before{content:"\F6C0"}.mdi-arrow-left-circle::before{content:"\FCB9"}.mdi-arrow-left-circle-outline::before{content:"\FCBA"}.mdi-arrow-left-drop-circle::before{content:"\F052"}.mdi-arrow-left-drop-circle-outline::before{content:"\F053"}.mdi-arrow-left-right::before{content:"\FE90"}.mdi-arrow-left-right-bold::before{content:"\FE91"}.mdi-arrow-left-right-bold-outline::before{content:"\F9C0"}.mdi-arrow-left-thick::before{content:"\F04E"}.mdi-arrow-right::before{content:"\F054"}.mdi-arrow-right-bold::before{content:"\F733"}.mdi-arrow-right-bold-box::before{content:"\F734"}.mdi-arrow-right-bold-box-outline::before{content:"\F735"}.mdi-arrow-right-bold-circle::before{content:"\F056"}.mdi-arrow-right-bold-circle-outline::before{content:"\F057"}.mdi-arrow-right-bold-hexagon-outline::before{content:"\F058"}.mdi-arrow-right-bold-outline::before{content:"\F9C1"}.mdi-arrow-right-box::before{content:"\F6C1"}.mdi-arrow-right-circle::before{content:"\FCBB"}.mdi-arrow-right-circle-outline::before{content:"\FCBC"}.mdi-arrow-right-drop-circle::before{content:"\F059"}.mdi-arrow-right-drop-circle-outline::before{content:"\F05A"}.mdi-arrow-right-thick::before{content:"\F055"}.mdi-arrow-split-horizontal::before{content:"\F93A"}.mdi-arrow-split-vertical::before{content:"\F93B"}.mdi-arrow-top-left::before{content:"\F05B"}.mdi-arrow-top-left-bold-outline::before{content:"\F9C2"}.mdi-arrow-top-left-bottom-right::before{content:"\FE92"}.mdi-arrow-top-left-bottom-right-bold::before{content:"\FE93"}.mdi-arrow-top-left-thick::before{content:"\F9C3"}.mdi-arrow-top-right::before{content:"\F05C"}.mdi-arrow-top-right-bold-outline::before{content:"\F9C4"}.mdi-arrow-top-right-bottom-left::before{content:"\FE94"}.mdi-arrow-top-right-bottom-left-bold::before{content:"\FE95"}.mdi-arrow-top-right-thick::before{content:"\F9C5"}.mdi-arrow-up::before{content:"\F05D"}.mdi-arrow-up-bold::before{content:"\F736"}.mdi-arrow-up-bold-box::before{content:"\F737"}.mdi-arrow-up-bold-box-outline::before{content:"\F738"}.mdi-arrow-up-bold-circle::before{content:"\F05F"}.mdi-arrow-up-bold-circle-outline::before{content:"\F060"}.mdi-arrow-up-bold-hexagon-outline::before{content:"\F061"}.mdi-arrow-up-bold-outline::before{content:"\F9C6"}.mdi-arrow-up-box::before{content:"\F6C2"}.mdi-arrow-up-circle::before{content:"\FCBD"}.mdi-arrow-up-circle-outline::before{content:"\FCBE"}.mdi-arrow-up-down::before{content:"\FE96"}.mdi-arrow-up-down-bold::before{content:"\FE97"}.mdi-arrow-up-down-bold-outline::before{content:"\F9C7"}.mdi-arrow-up-drop-circle::before{content:"\F062"}.mdi-arrow-up-drop-circle-outline::before{content:"\F063"}.mdi-arrow-up-thick::before{content:"\F05E"}.mdi-artist::before{content:"\F802"}.mdi-artist-outline::before{content:"\FCC5"}.mdi-artstation::before{content:"\FB37"}.mdi-aspect-ratio::before{content:"\FA23"}.mdi-assistant::before{content:"\F064"}.mdi-asterisk::before{content:"\F6C3"}.mdi-at::before{content:"\F065"}.mdi-atlassian::before{content:"\F803"}.mdi-atm::before{content:"\FD23"}.mdi-atom::before{content:"\F767"}.mdi-atom-variant::before{content:"\FE98"}.mdi-attachment::before{content:"\F066"}.mdi-audio-video::before{content:"\F93C"}.mdi-audiobook::before{content:"\F067"}.mdi-augmented-reality::before{content:"\F84F"}.mdi-auto-fix::before{content:"\F068"}.mdi-auto-upload::before{content:"\F069"}.mdi-autorenew::before{content:"\F06A"}.mdi-av-timer::before{content:"\F06B"}.mdi-aws::before{content:"\FDF2"}.mdi-axe::before{content:"\F8C7"}.mdi-axis::before{content:"\FD24"}.mdi-axis-arrow::before{content:"\FD25"}.mdi-axis-arrow-lock::before{content:"\FD26"}.mdi-axis-lock::before{content:"\FD27"}.mdi-axis-x-arrow::before{content:"\FD28"}.mdi-axis-x-arrow-lock::before{content:"\FD29"}.mdi-axis-x-rotate-clockwise::before{content:"\FD2A"}.mdi-axis-x-rotate-counterclockwise::before{content:"\FD2B"}.mdi-axis-x-y-arrow-lock::before{content:"\FD2C"}.mdi-axis-y-arrow::before{content:"\FD2D"}.mdi-axis-y-arrow-lock::before{content:"\FD2E"}.mdi-axis-y-rotate-clockwise::before{content:"\FD2F"}.mdi-axis-y-rotate-counterclockwise::before{content:"\FD30"}.mdi-axis-z-arrow::before{content:"\FD31"}.mdi-axis-z-arrow-lock::before{content:"\FD32"}.mdi-axis-z-rotate-clockwise::before{content:"\FD33"}.mdi-axis-z-rotate-counterclockwise::before{content:"\FD34"}.mdi-azure::before{content:"\F804"}.mdi-babel::before{content:"\FA24"}.mdi-baby::before{content:"\F06C"}.mdi-baby-bottle::before{content:"\FF56"}.mdi-baby-bottle-outline::before{content:"\FF57"}.mdi-baby-buggy::before{content:"\F68E"}.mdi-baby-face::before{content:"\FE99"}.mdi-baby-face-outline::before{content:"\FE9A"}.mdi-backburger::before{content:"\F06D"}.mdi-backspace::before{content:"\F06E"}.mdi-backspace-outline::before{content:"\FB38"}.mdi-backspace-reverse::before{content:"\FE9B"}.mdi-backspace-reverse-outline::before{content:"\FE9C"}.mdi-backup-restore::before{content:"\F06F"}.mdi-bacteria::before{content:"\FEF2"}.mdi-bacteria-outline::before{content:"\FEF3"}.mdi-badminton::before{content:"\F850"}.mdi-bag-carry-on::before{content:"\FF58"}.mdi-bag-carry-on-check::before{content:"\FD41"}.mdi-bag-carry-on-off::before{content:"\FF59"}.mdi-bag-checked::before{content:"\FF5A"}.mdi-bag-personal::before{content:"\FDF3"}.mdi-bag-personal-off::before{content:"\FDF4"}.mdi-bag-personal-off-outline::before{content:"\FDF5"}.mdi-bag-personal-outline::before{content:"\FDF6"}.mdi-baguette::before{content:"\FF5B"}.mdi-balloon::before{content:"\FA25"}.mdi-ballot::before{content:"\F9C8"}.mdi-ballot-outline::before{content:"\F9C9"}.mdi-ballot-recount::before{content:"\FC15"}.mdi-ballot-recount-outline::before{content:"\FC16"}.mdi-bandage::before{content:"\FD8B"}.mdi-bandcamp::before{content:"\F674"}.mdi-bank::before{content:"\F070"}.mdi-bank-minus::before{content:"\FD8C"}.mdi-bank-outline::before{content:"\FE9D"}.mdi-bank-plus::before{content:"\FD8D"}.mdi-bank-remove::before{content:"\FD8E"}.mdi-bank-transfer::before{content:"\FA26"}.mdi-bank-transfer-in::before{content:"\FA27"}.mdi-bank-transfer-out::before{content:"\FA28"}.mdi-barcode::before{content:"\F071"}.mdi-barcode-scan::before{content:"\F072"}.mdi-barley::before{content:"\F073"}.mdi-barley-off::before{content:"\FB39"}.mdi-barn::before{content:"\FB3A"}.mdi-barrel::before{content:"\F074"}.mdi-baseball::before{content:"\F851"}.mdi-baseball-bat::before{content:"\F852"}.mdi-basecamp::before{content:"\F075"}.mdi-basket::before{content:"\F076"}.mdi-basket-fill::before{content:"\F077"}.mdi-basket-unfill::before{content:"\F078"}.mdi-basketball::before{content:"\F805"}.mdi-basketball-hoop::before{content:"\FC17"}.mdi-basketball-hoop-outline::before{content:"\FC18"}.mdi-bat::before{content:"\FB3B"}.mdi-battery::before{content:"\F079"}.mdi-battery-10::before{content:"\F07A"}.mdi-battery-10-bluetooth::before{content:"\F93D"}.mdi-battery-20::before{content:"\F07B"}.mdi-battery-20-bluetooth::before{content:"\F93E"}.mdi-battery-30::before{content:"\F07C"}.mdi-battery-30-bluetooth::before{content:"\F93F"}.mdi-battery-40::before{content:"\F07D"}.mdi-battery-40-bluetooth::before{content:"\F940"}.mdi-battery-50::before{content:"\F07E"}.mdi-battery-50-bluetooth::before{content:"\F941"}.mdi-battery-60::before{content:"\F07F"}.mdi-battery-60-bluetooth::before{content:"\F942"}.mdi-battery-70::before{content:"\F080"}.mdi-battery-70-bluetooth::before{content:"\F943"}.mdi-battery-80::before{content:"\F081"}.mdi-battery-80-bluetooth::before{content:"\F944"}.mdi-battery-90::before{content:"\F082"}.mdi-battery-90-bluetooth::before{content:"\F945"}.mdi-battery-alert::before{content:"\F083"}.mdi-battery-alert-bluetooth::before{content:"\F946"}.mdi-battery-bluetooth::before{content:"\F947"}.mdi-battery-bluetooth-variant::before{content:"\F948"}.mdi-battery-charging::before{content:"\F084"}.mdi-battery-charging-10::before{content:"\F89B"}.mdi-battery-charging-100::before{content:"\F085"}.mdi-battery-charging-20::before{content:"\F086"}.mdi-battery-charging-30::before{content:"\F087"}.mdi-battery-charging-40::before{content:"\F088"}.mdi-battery-charging-50::before{content:"\F89C"}.mdi-battery-charging-60::before{content:"\F089"}.mdi-battery-charging-70::before{content:"\F89D"}.mdi-battery-charging-80::before{content:"\F08A"}.mdi-battery-charging-90::before{content:"\F08B"}.mdi-battery-charging-outline::before{content:"\F89E"}.mdi-battery-charging-wireless::before{content:"\F806"}.mdi-battery-charging-wireless-10::before{content:"\F807"}.mdi-battery-charging-wireless-20::before{content:"\F808"}.mdi-battery-charging-wireless-30::before{content:"\F809"}.mdi-battery-charging-wireless-40::before{content:"\F80A"}.mdi-battery-charging-wireless-50::before{content:"\F80B"}.mdi-battery-charging-wireless-60::before{content:"\F80C"}.mdi-battery-charging-wireless-70::before{content:"\F80D"}.mdi-battery-charging-wireless-80::before{content:"\F80E"}.mdi-battery-charging-wireless-90::before{content:"\F80F"}.mdi-battery-charging-wireless-alert::before{content:"\F810"}.mdi-battery-charging-wireless-outline::before{content:"\F811"}.mdi-battery-minus::before{content:"\F08C"}.mdi-battery-negative::before{content:"\F08D"}.mdi-battery-outline::before{content:"\F08E"}.mdi-battery-plus::before{content:"\F08F"}.mdi-battery-positive::before{content:"\F090"}.mdi-battery-unknown::before{content:"\F091"}.mdi-battery-unknown-bluetooth::before{content:"\F949"}.mdi-battlenet::before{content:"\FB3C"}.mdi-beach::before{content:"\F092"}.mdi-beaker::before{content:"\FCC6"}.mdi-beaker-outline::before{content:"\F68F"}.mdi-beats::before{content:"\F097"}.mdi-bed-empty::before{content:"\F89F"}.mdi-beer::before{content:"\F098"}.mdi-behance::before{content:"\F099"}.mdi-bell::before{content:"\F09A"}.mdi-bell-alert::before{content:"\FD35"}.mdi-bell-alert-outline::before{content:"\FE9E"}.mdi-bell-circle::before{content:"\FD36"}.mdi-bell-circle-outline::before{content:"\FD37"}.mdi-bell-off::before{content:"\F09B"}.mdi-bell-off-outline::before{content:"\FA90"}.mdi-bell-outline::before{content:"\F09C"}.mdi-bell-plus::before{content:"\F09D"}.mdi-bell-plus-outline::before{content:"\FA91"}.mdi-bell-ring::before{content:"\F09E"}.mdi-bell-ring-outline::before{content:"\F09F"}.mdi-bell-sleep::before{content:"\F0A0"}.mdi-bell-sleep-outline::before{content:"\FA92"}.mdi-beta::before{content:"\F0A1"}.mdi-betamax::before{content:"\F9CA"}.mdi-biathlon::before{content:"\FDF7"}.mdi-bible::before{content:"\F0A2"}.mdi-bike::before{content:"\F0A3"}.mdi-billiards::before{content:"\FB3D"}.mdi-billiards-rack::before{content:"\FB3E"}.mdi-bing::before{content:"\F0A4"}.mdi-binoculars::before{content:"\F0A5"}.mdi-bio::before{content:"\F0A6"}.mdi-biohazard::before{content:"\F0A7"}.mdi-bitbucket::before{content:"\F0A8"}.mdi-bitcoin::before{content:"\F812"}.mdi-black-mesa::before{content:"\F0A9"}.mdi-blackberry::before{content:"\F0AA"}.mdi-blender::before{content:"\FCC7"}.mdi-blender-software::before{content:"\F0AB"}.mdi-blinds::before{content:"\F0AC"}.mdi-block-helper::before{content:"\F0AD"}.mdi-blogger::before{content:"\F0AE"}.mdi-blood-bag::before{content:"\FCC8"}.mdi-bluetooth::before{content:"\F0AF"}.mdi-bluetooth-audio::before{content:"\F0B0"}.mdi-bluetooth-connect::before{content:"\F0B1"}.mdi-bluetooth-off::before{content:"\F0B2"}.mdi-bluetooth-settings::before{content:"\F0B3"}.mdi-bluetooth-transfer::before{content:"\F0B4"}.mdi-blur::before{content:"\F0B5"}.mdi-blur-linear::before{content:"\F0B6"}.mdi-blur-off::before{content:"\F0B7"}.mdi-blur-radial::before{content:"\F0B8"}.mdi-bolnisi-cross::before{content:"\FCC9"}.mdi-bolt::before{content:"\FD8F"}.mdi-bomb::before{content:"\F690"}.mdi-bomb-off::before{content:"\F6C4"}.mdi-bone::before{content:"\F0B9"}.mdi-book::before{content:"\F0BA"}.mdi-book-lock::before{content:"\F799"}.mdi-book-lock-open::before{content:"\F79A"}.mdi-book-minus::before{content:"\F5D9"}.mdi-book-minus-multiple::before{content:"\FA93"}.mdi-book-multiple::before{content:"\F0BB"}.mdi-book-open::before{content:"\F0BD"}.mdi-book-open-outline::before{content:"\FB3F"}.mdi-book-open-page-variant::before{content:"\F5DA"}.mdi-book-open-variant::before{content:"\F0BE"}.mdi-book-outline::before{content:"\FB40"}.mdi-book-play::before{content:"\FE9F"}.mdi-book-play-outline::before{content:"\FEA0"}.mdi-book-plus::before{content:"\F5DB"}.mdi-book-plus-multiple::before{content:"\FA94"}.mdi-book-remove::before{content:"\FA96"}.mdi-book-remove-multiple::before{content:"\FA95"}.mdi-book-search::before{content:"\FEA1"}.mdi-book-search-outline::before{content:"\FEA2"}.mdi-book-variant::before{content:"\F0BF"}.mdi-book-variant-multiple::before{content:"\F0BC"}.mdi-bookmark::before{content:"\F0C0"}.mdi-bookmark-check::before{content:"\F0C1"}.mdi-bookmark-minus::before{content:"\F9CB"}.mdi-bookmark-minus-outline::before{content:"\F9CC"}.mdi-bookmark-multiple::before{content:"\FDF8"}.mdi-bookmark-multiple-outline::before{content:"\FDF9"}.mdi-bookmark-music::before{content:"\F0C2"}.mdi-bookmark-off::before{content:"\F9CD"}.mdi-bookmark-off-outline::before{content:"\F9CE"}.mdi-bookmark-outline::before{content:"\F0C3"}.mdi-bookmark-plus::before{content:"\F0C5"}.mdi-bookmark-plus-outline::before{content:"\F0C4"}.mdi-bookmark-remove::before{content:"\F0C6"}.mdi-boom-gate::before{content:"\FEA3"}.mdi-boom-gate-alert::before{content:"\FEA4"}.mdi-boom-gate-alert-outline::before{content:"\FEA5"}.mdi-boom-gate-down::before{content:"\FEA6"}.mdi-boom-gate-down-outline::before{content:"\FEA7"}.mdi-boom-gate-outline::before{content:"\FEA8"}.mdi-boom-gate-up::before{content:"\FEA9"}.mdi-boom-gate-up-outline::before{content:"\FEAA"}.mdi-boombox::before{content:"\F5DC"}.mdi-bootstrap::before{content:"\F6C5"}.mdi-border-all::before{content:"\F0C7"}.mdi-border-all-variant::before{content:"\F8A0"}.mdi-border-bottom::before{content:"\F0C8"}.mdi-border-bottom-variant::before{content:"\F8A1"}.mdi-border-color::before{content:"\F0C9"}.mdi-border-horizontal::before{content:"\F0CA"}.mdi-border-inside::before{content:"\F0CB"}.mdi-border-left::before{content:"\F0CC"}.mdi-border-left-variant::before{content:"\F8A2"}.mdi-border-none::before{content:"\F0CD"}.mdi-border-none-variant::before{content:"\F8A3"}.mdi-border-outside::before{content:"\F0CE"}.mdi-border-right::before{content:"\F0CF"}.mdi-border-right-variant::before{content:"\F8A4"}.mdi-border-style::before{content:"\F0D0"}.mdi-border-top::before{content:"\F0D1"}.mdi-border-top-variant::before{content:"\F8A5"}.mdi-border-vertical::before{content:"\F0D2"}.mdi-bottle-wine::before{content:"\F853"}.mdi-bow-tie::before{content:"\F677"}.mdi-bowl::before{content:"\F617"}.mdi-bowling::before{content:"\F0D3"}.mdi-box::before{content:"\F0D4"}.mdi-box-cutter::before{content:"\F0D5"}.mdi-box-shadow::before{content:"\F637"}.mdi-boxing-glove::before{content:"\FB41"}.mdi-braille::before{content:"\F9CF"}.mdi-brain::before{content:"\F9D0"}.mdi-bread-slice::before{content:"\FCCA"}.mdi-bread-slice-outline::before{content:"\FCCB"}.mdi-bridge::before{content:"\F618"}.mdi-briefcase::before{content:"\F0D6"}.mdi-briefcase-account::before{content:"\FCCC"}.mdi-briefcase-account-outline::before{content:"\FCCD"}.mdi-briefcase-check::before{content:"\F0D7"}.mdi-briefcase-download::before{content:"\F0D8"}.mdi-briefcase-download-outline::before{content:"\FC19"}.mdi-briefcase-edit::before{content:"\FA97"}.mdi-briefcase-edit-outline::before{content:"\FC1A"}.mdi-briefcase-minus::before{content:"\FA29"}.mdi-briefcase-minus-outline::before{content:"\FC1B"}.mdi-briefcase-outline::before{content:"\F813"}.mdi-briefcase-plus::before{content:"\FA2A"}.mdi-briefcase-plus-outline::before{content:"\FC1C"}.mdi-briefcase-remove::before{content:"\FA2B"}.mdi-briefcase-remove-outline::before{content:"\FC1D"}.mdi-briefcase-search::before{content:"\FA2C"}.mdi-briefcase-search-outline::before{content:"\FC1E"}.mdi-briefcase-upload::before{content:"\F0D9"}.mdi-briefcase-upload-outline::before{content:"\FC1F"}.mdi-brightness-1::before{content:"\F0DA"}.mdi-brightness-2::before{content:"\F0DB"}.mdi-brightness-3::before{content:"\F0DC"}.mdi-brightness-4::before{content:"\F0DD"}.mdi-brightness-5::before{content:"\F0DE"}.mdi-brightness-6::before{content:"\F0DF"}.mdi-brightness-7::before{content:"\F0E0"}.mdi-brightness-auto::before{content:"\F0E1"}.mdi-brightness-percent::before{content:"\FCCE"}.mdi-broom::before{content:"\F0E2"}.mdi-brush::before{content:"\F0E3"}.mdi-buddhism::before{content:"\F94A"}.mdi-buffer::before{content:"\F619"}.mdi-bug::before{content:"\F0E4"}.mdi-bug-check::before{content:"\FA2D"}.mdi-bug-check-outline::before{content:"\FA2E"}.mdi-bug-outline::before{content:"\FA2F"}.mdi-bugle::before{content:"\FD90"}.mdi-bulldozer::before{content:"\FB07"}.mdi-bullet::before{content:"\FCCF"}.mdi-bulletin-board::before{content:"\F0E5"}.mdi-bullhorn::before{content:"\F0E6"}.mdi-bullhorn-outline::before{content:"\FB08"}.mdi-bullseye::before{content:"\F5DD"}.mdi-bullseye-arrow::before{content:"\F8C8"}.mdi-bus::before{content:"\F0E7"}.mdi-bus-alert::before{content:"\FA98"}.mdi-bus-articulated-end::before{content:"\F79B"}.mdi-bus-articulated-front::before{content:"\F79C"}.mdi-bus-clock::before{content:"\F8C9"}.mdi-bus-double-decker::before{content:"\F79D"}.mdi-bus-multiple::before{content:"\FF5C"}.mdi-bus-school::before{content:"\F79E"}.mdi-bus-side::before{content:"\F79F"}.mdi-cached::before{content:"\F0E8"}.mdi-cactus::before{content:"\FD91"}.mdi-cake::before{content:"\F0E9"}.mdi-cake-layered::before{content:"\F0EA"}.mdi-cake-variant::before{content:"\F0EB"}.mdi-calculator::before{content:"\F0EC"}.mdi-calculator-variant::before{content:"\FA99"}.mdi-calendar::before{content:"\F0ED"}.mdi-calendar-account::before{content:"\FEF4"}.mdi-calendar-account-outline::before{content:"\FEF5"}.mdi-calendar-alert::before{content:"\FA30"}.mdi-calendar-blank::before{content:"\F0EE"}.mdi-calendar-blank-outline::before{content:"\FB42"}.mdi-calendar-check::before{content:"\F0EF"}.mdi-calendar-check-outline::before{content:"\FC20"}.mdi-calendar-clock::before{content:"\F0F0"}.mdi-calendar-edit::before{content:"\F8A6"}.mdi-calendar-export::before{content:"\FB09"}.mdi-calendar-heart::before{content:"\F9D1"}.mdi-calendar-import::before{content:"\FB0A"}.mdi-calendar-minus::before{content:"\FD38"}.mdi-calendar-month::before{content:"\FDFA"}.mdi-calendar-month-outline::before{content:"\FDFB"}.mdi-calendar-multiple::before{content:"\F0F1"}.mdi-calendar-multiple-check::before{content:"\F0F2"}.mdi-calendar-multiselect::before{content:"\FA31"}.mdi-calendar-outline::before{content:"\FB43"}.mdi-calendar-plus::before{content:"\F0F3"}.mdi-calendar-question::before{content:"\F691"}.mdi-calendar-range::before{content:"\F678"}.mdi-calendar-range-outline::before{content:"\FB44"}.mdi-calendar-remove::before{content:"\F0F4"}.mdi-calendar-remove-outline::before{content:"\FC21"}.mdi-calendar-repeat::before{content:"\FEAB"}.mdi-calendar-repeat-outline::before{content:"\FEAC"}.mdi-calendar-search::before{content:"\F94B"}.mdi-calendar-star::before{content:"\F9D2"}.mdi-calendar-text::before{content:"\F0F5"}.mdi-calendar-text-outline::before{content:"\FC22"}.mdi-calendar-today::before{content:"\F0F6"}.mdi-calendar-week::before{content:"\FA32"}.mdi-calendar-week-begin::before{content:"\FA33"}.mdi-calendar-weekend::before{content:"\FEF6"}.mdi-calendar-weekend-outline::before{content:"\FEF7"}.mdi-call-made::before{content:"\F0F7"}.mdi-call-merge::before{content:"\F0F8"}.mdi-call-missed::before{content:"\F0F9"}.mdi-call-received::before{content:"\F0FA"}.mdi-call-split::before{content:"\F0FB"}.mdi-camcorder::before{content:"\F0FC"}.mdi-camcorder-box::before{content:"\F0FD"}.mdi-camcorder-box-off::before{content:"\F0FE"}.mdi-camcorder-off::before{content:"\F0FF"}.mdi-camera::before{content:"\F100"}.mdi-camera-account::before{content:"\F8CA"}.mdi-camera-burst::before{content:"\F692"}.mdi-camera-control::before{content:"\FB45"}.mdi-camera-enhance::before{content:"\F101"}.mdi-camera-enhance-outline::before{content:"\FB46"}.mdi-camera-front::before{content:"\F102"}.mdi-camera-front-variant::before{content:"\F103"}.mdi-camera-gopro::before{content:"\F7A0"}.mdi-camera-image::before{content:"\F8CB"}.mdi-camera-iris::before{content:"\F104"}.mdi-camera-metering-center::before{content:"\F7A1"}.mdi-camera-metering-matrix::before{content:"\F7A2"}.mdi-camera-metering-partial::before{content:"\F7A3"}.mdi-camera-metering-spot::before{content:"\F7A4"}.mdi-camera-off::before{content:"\F5DF"}.mdi-camera-outline::before{content:"\FD39"}.mdi-camera-party-mode::before{content:"\F105"}.mdi-camera-plus::before{content:"\FEF8"}.mdi-camera-plus-outline::before{content:"\FEF9"}.mdi-camera-rear::before{content:"\F106"}.mdi-camera-rear-variant::before{content:"\F107"}.mdi-camera-retake::before{content:"\FDFC"}.mdi-camera-retake-outline::before{content:"\FDFD"}.mdi-camera-switch::before{content:"\F108"}.mdi-camera-timer::before{content:"\F109"}.mdi-camera-wireless::before{content:"\FD92"}.mdi-camera-wireless-outline::before{content:"\FD93"}.mdi-campfire::before{content:"\FEFA"}.mdi-cancel::before{content:"\F739"}.mdi-candle::before{content:"\F5E2"}.mdi-candycane::before{content:"\F10A"}.mdi-cannabis::before{content:"\F7A5"}.mdi-caps-lock::before{content:"\FA9A"}.mdi-car::before{content:"\F10B"}.mdi-car-back::before{content:"\FDFE"}.mdi-car-battery::before{content:"\F10C"}.mdi-car-brake-abs::before{content:"\FC23"}.mdi-car-brake-alert::before{content:"\FC24"}.mdi-car-brake-hold::before{content:"\FD3A"}.mdi-car-brake-parking::before{content:"\FD3B"}.mdi-car-connected::before{content:"\F10D"}.mdi-car-convertible::before{content:"\F7A6"}.mdi-car-cruise-control::before{content:"\FD3C"}.mdi-car-defrost-front::before{content:"\FD3D"}.mdi-car-defrost-rear::before{content:"\FD3E"}.mdi-car-door::before{content:"\FB47"}.mdi-car-electric::before{content:"\FB48"}.mdi-car-esp::before{content:"\FC25"}.mdi-car-estate::before{content:"\F7A7"}.mdi-car-hatchback::before{content:"\F7A8"}.mdi-car-key::before{content:"\FB49"}.mdi-car-light-dimmed::before{content:"\FC26"}.mdi-car-light-fog::before{content:"\FC27"}.mdi-car-light-high::before{content:"\FC28"}.mdi-car-limousine::before{content:"\F8CC"}.mdi-car-multiple::before{content:"\FB4A"}.mdi-car-off::before{content:"\FDFF"}.mdi-car-parking-lights::before{content:"\FD3F"}.mdi-car-pickup::before{content:"\F7A9"}.mdi-car-shift-pattern::before{content:"\FF5D"}.mdi-car-side::before{content:"\F7AA"}.mdi-car-sports::before{content:"\F7AB"}.mdi-car-tire-alert::before{content:"\FC29"}.mdi-car-traction-control::before{content:"\FD40"}.mdi-car-wash::before{content:"\F10E"}.mdi-caravan::before{content:"\F7AC"}.mdi-card::before{content:"\FB4B"}.mdi-card-bulleted::before{content:"\FB4C"}.mdi-card-bulleted-off::before{content:"\FB4D"}.mdi-card-bulleted-off-outline::before{content:"\FB4E"}.mdi-card-bulleted-outline::before{content:"\FB4F"}.mdi-card-bulleted-settings::before{content:"\FB50"}.mdi-card-bulleted-settings-outline::before{content:"\FB51"}.mdi-card-outline::before{content:"\FB52"}.mdi-card-text::before{content:"\FB53"}.mdi-card-text-outline::before{content:"\FB54"}.mdi-cards::before{content:"\F638"}.mdi-cards-club::before{content:"\F8CD"}.mdi-cards-diamond::before{content:"\F8CE"}.mdi-cards-heart::before{content:"\F8CF"}.mdi-cards-outline::before{content:"\F639"}.mdi-cards-playing-outline::before{content:"\F63A"}.mdi-cards-spade::before{content:"\F8D0"}.mdi-cards-variant::before{content:"\F6C6"}.mdi-carrot::before{content:"\F10F"}.mdi-cart::before{content:"\F110"}.mdi-cart-arrow-down::before{content:"\FD42"}.mdi-cart-arrow-right::before{content:"\FC2A"}.mdi-cart-arrow-up::before{content:"\FD43"}.mdi-cart-minus::before{content:"\FD44"}.mdi-cart-off::before{content:"\F66B"}.mdi-cart-outline::before{content:"\F111"}.mdi-cart-plus::before{content:"\F112"}.mdi-cart-remove::before{content:"\FD45"}.mdi-case-sensitive-alt::before{content:"\F113"}.mdi-cash::before{content:"\F114"}.mdi-cash-100::before{content:"\F115"}.mdi-cash-marker::before{content:"\FD94"}.mdi-cash-multiple::before{content:"\F116"}.mdi-cash-refund::before{content:"\FA9B"}.mdi-cash-register::before{content:"\FCD0"}.mdi-cash-usd::before{content:"\F117"}.mdi-cassette::before{content:"\F9D3"}.mdi-cast::before{content:"\F118"}.mdi-cast-connected::before{content:"\F119"}.mdi-cast-education::before{content:"\FE6D"}.mdi-cast-off::before{content:"\F789"}.mdi-castle::before{content:"\F11A"}.mdi-cat::before{content:"\F11B"}.mdi-cctv::before{content:"\F7AD"}.mdi-ceiling-light::before{content:"\F768"}.mdi-cellphone::before{content:"\F11C"}.mdi-cellphone-android::before{content:"\F11D"}.mdi-cellphone-arrow-down::before{content:"\F9D4"}.mdi-cellphone-basic::before{content:"\F11E"}.mdi-cellphone-dock::before{content:"\F11F"}.mdi-cellphone-erase::before{content:"\F94C"}.mdi-cellphone-information::before{content:"\FF5E"}.mdi-cellphone-iphone::before{content:"\F120"}.mdi-cellphone-key::before{content:"\F94D"}.mdi-cellphone-link::before{content:"\F121"}.mdi-cellphone-link-off::before{content:"\F122"}.mdi-cellphone-lock::before{content:"\F94E"}.mdi-cellphone-message::before{content:"\F8D2"}.mdi-cellphone-nfc::before{content:"\FEAD"}.mdi-cellphone-off::before{content:"\F94F"}.mdi-cellphone-screenshot::before{content:"\FA34"}.mdi-cellphone-settings::before{content:"\F123"}.mdi-cellphone-settings-variant::before{content:"\F950"}.mdi-cellphone-sound::before{content:"\F951"}.mdi-cellphone-text::before{content:"\F8D1"}.mdi-cellphone-wireless::before{content:"\F814"}.mdi-celtic-cross::before{content:"\FCD1"}.mdi-certificate::before{content:"\F124"}.mdi-chair-rolling::before{content:"\FFBA"}.mdi-chair-school::before{content:"\F125"}.mdi-charity::before{content:"\FC2B"}.mdi-chart-arc::before{content:"\F126"}.mdi-chart-areaspline::before{content:"\F127"}.mdi-chart-areaspline-variant::before{content:"\FEAE"}.mdi-chart-bar::before{content:"\F128"}.mdi-chart-bar-stacked::before{content:"\F769"}.mdi-chart-bell-curve::before{content:"\FC2C"}.mdi-chart-bubble::before{content:"\F5E3"}.mdi-chart-donut::before{content:"\F7AE"}.mdi-chart-donut-variant::before{content:"\F7AF"}.mdi-chart-gantt::before{content:"\F66C"}.mdi-chart-histogram::before{content:"\F129"}.mdi-chart-line::before{content:"\F12A"}.mdi-chart-line-stacked::before{content:"\F76A"}.mdi-chart-line-variant::before{content:"\F7B0"}.mdi-chart-multiline::before{content:"\F8D3"}.mdi-chart-pie::before{content:"\F12B"}.mdi-chart-scatter-plot::before{content:"\FEAF"}.mdi-chart-scatter-plot-hexbin::before{content:"\F66D"}.mdi-chart-timeline::before{content:"\F66E"}.mdi-chart-timeline-variant::before{content:"\FEB0"}.mdi-chart-tree::before{content:"\FEB1"}.mdi-chat::before{content:"\FB55"}.mdi-chat-alert::before{content:"\FB56"}.mdi-chat-outline::before{content:"\FEFB"}.mdi-chat-processing::before{content:"\FB57"}.mdi-check::before{content:"\F12C"}.mdi-check-all::before{content:"\F12D"}.mdi-check-bold::before{content:"\FE6E"}.mdi-check-box-multiple-outline::before{content:"\FC2D"}.mdi-check-box-outline::before{content:"\FC2E"}.mdi-check-circle::before{content:"\F5E0"}.mdi-check-circle-outline::before{content:"\F5E1"}.mdi-check-decagram::before{content:"\F790"}.mdi-check-network::before{content:"\FC2F"}.mdi-check-network-outline::before{content:"\FC30"}.mdi-check-outline::before{content:"\F854"}.mdi-check-underline::before{content:"\FE70"}.mdi-check-underline-circle::before{content:"\FE71"}.mdi-check-underline-circle-outline::before{content:"\FE72"}.mdi-checkbook::before{content:"\FA9C"}.mdi-checkbox-blank::before{content:"\F12E"}.mdi-checkbox-blank-circle::before{content:"\F12F"}.mdi-checkbox-blank-circle-outline::before{content:"\F130"}.mdi-checkbox-blank-outline::before{content:"\F131"}.mdi-checkbox-intermediate::before{content:"\F855"}.mdi-checkbox-marked::before{content:"\F132"}.mdi-checkbox-marked-circle::before{content:"\F133"}.mdi-checkbox-marked-circle-outline::before{content:"\F134"}.mdi-checkbox-marked-outline::before{content:"\F135"}.mdi-checkbox-multiple-blank::before{content:"\F136"}.mdi-checkbox-multiple-blank-circle::before{content:"\F63B"}.mdi-checkbox-multiple-blank-circle-outline::before{content:"\F63C"}.mdi-checkbox-multiple-blank-outline::before{content:"\F137"}.mdi-checkbox-multiple-marked::before{content:"\F138"}.mdi-checkbox-multiple-marked-circle::before{content:"\F63D"}.mdi-checkbox-multiple-marked-circle-outline::before{content:"\F63E"}.mdi-checkbox-multiple-marked-outline::before{content:"\F139"}.mdi-checkerboard::before{content:"\F13A"}.mdi-chef-hat::before{content:"\FB58"}.mdi-chemical-weapon::before{content:"\F13B"}.mdi-chess-bishop::before{content:"\F85B"}.mdi-chess-king::before{content:"\F856"}.mdi-chess-knight::before{content:"\F857"}.mdi-chess-pawn::before{content:"\F858"}.mdi-chess-queen::before{content:"\F859"}.mdi-chess-rook::before{content:"\F85A"}.mdi-chevron-double-down::before{content:"\F13C"}.mdi-chevron-double-left::before{content:"\F13D"}.mdi-chevron-double-right::before{content:"\F13E"}.mdi-chevron-double-up::before{content:"\F13F"}.mdi-chevron-down::before{content:"\F140"}.mdi-chevron-down-box::before{content:"\F9D5"}.mdi-chevron-down-box-outline::before{content:"\F9D6"}.mdi-chevron-down-circle::before{content:"\FB0B"}.mdi-chevron-down-circle-outline::before{content:"\FB0C"}.mdi-chevron-left::before{content:"\F141"}.mdi-chevron-left-box::before{content:"\F9D7"}.mdi-chevron-left-box-outline::before{content:"\F9D8"}.mdi-chevron-left-circle::before{content:"\FB0D"}.mdi-chevron-left-circle-outline::before{content:"\FB0E"}.mdi-chevron-right::before{content:"\F142"}.mdi-chevron-right-box::before{content:"\F9D9"}.mdi-chevron-right-box-outline::before{content:"\F9DA"}.mdi-chevron-right-circle::before{content:"\FB0F"}.mdi-chevron-right-circle-outline::before{content:"\FB10"}.mdi-chevron-triple-down::before{content:"\FD95"}.mdi-chevron-triple-left::before{content:"\FD96"}.mdi-chevron-triple-right::before{content:"\FD97"}.mdi-chevron-triple-up::before{content:"\FD98"}.mdi-chevron-up::before{content:"\F143"}.mdi-chevron-up-box::before{content:"\F9DB"}.mdi-chevron-up-box-outline::before{content:"\F9DC"}.mdi-chevron-up-circle::before{content:"\FB11"}.mdi-chevron-up-circle-outline::before{content:"\FB12"}.mdi-chili-hot::before{content:"\F7B1"}.mdi-chili-medium::before{content:"\F7B2"}.mdi-chili-mild::before{content:"\F7B3"}.mdi-chip::before{content:"\F61A"}.mdi-christianity::before{content:"\F952"}.mdi-christianity-outline::before{content:"\FCD2"}.mdi-church::before{content:"\F144"}.mdi-circle::before{content:"\F764"}.mdi-circle-double::before{content:"\FEB2"}.mdi-circle-edit-outline::before{content:"\F8D4"}.mdi-circle-expand::before{content:"\FEB3"}.mdi-circle-medium::before{content:"\F9DD"}.mdi-circle-outline::before{content:"\F765"}.mdi-circle-slice-1::before{content:"\FA9D"}.mdi-circle-slice-2::before{content:"\FA9E"}.mdi-circle-slice-3::before{content:"\FA9F"}.mdi-circle-slice-4::before{content:"\FAA0"}.mdi-circle-slice-5::before{content:"\FAA1"}.mdi-circle-slice-6::before{content:"\FAA2"}.mdi-circle-slice-7::before{content:"\FAA3"}.mdi-circle-slice-8::before{content:"\FAA4"}.mdi-circle-small::before{content:"\F9DE"}.mdi-circular-saw::before{content:"\FE73"}.mdi-cisco-webex::before{content:"\F145"}.mdi-city::before{content:"\F146"}.mdi-city-variant::before{content:"\FA35"}.mdi-city-variant-outline::before{content:"\FA36"}.mdi-clipboard::before{content:"\F147"}.mdi-clipboard-account::before{content:"\F148"}.mdi-clipboard-account-outline::before{content:"\FC31"}.mdi-clipboard-alert::before{content:"\F149"}.mdi-clipboard-alert-outline::before{content:"\FCD3"}.mdi-clipboard-arrow-down::before{content:"\F14A"}.mdi-clipboard-arrow-down-outline::before{content:"\FC32"}.mdi-clipboard-arrow-left::before{content:"\F14B"}.mdi-clipboard-arrow-left-outline::before{content:"\FCD4"}.mdi-clipboard-arrow-right::before{content:"\FCD5"}.mdi-clipboard-arrow-right-outline::before{content:"\FCD6"}.mdi-clipboard-arrow-up::before{content:"\FC33"}.mdi-clipboard-arrow-up-outline::before{content:"\FC34"}.mdi-clipboard-check::before{content:"\F14C"}.mdi-clipboard-check-outline::before{content:"\F8A7"}.mdi-clipboard-flow::before{content:"\F6C7"}.mdi-clipboard-outline::before{content:"\F14D"}.mdi-clipboard-play::before{content:"\FC35"}.mdi-clipboard-play-outline::before{content:"\FC36"}.mdi-clipboard-plus::before{content:"\F750"}.mdi-clipboard-pulse::before{content:"\F85C"}.mdi-clipboard-pulse-outline::before{content:"\F85D"}.mdi-clipboard-text::before{content:"\F14E"}.mdi-clipboard-text-outline::before{content:"\FA37"}.mdi-clipboard-text-play::before{content:"\FC37"}.mdi-clipboard-text-play-outline::before{content:"\FC38"}.mdi-clippy::before{content:"\F14F"}.mdi-clock::before{content:"\F953"}.mdi-clock-alert::before{content:"\F954"}.mdi-clock-alert-outline::before{content:"\F5CE"}.mdi-clock-digital::before{content:"\FEB4"}.mdi-clock-end::before{content:"\F151"}.mdi-clock-fast::before{content:"\F152"}.mdi-clock-in::before{content:"\F153"}.mdi-clock-out::before{content:"\F154"}.mdi-clock-outline::before{content:"\F150"}.mdi-clock-start::before{content:"\F155"}.mdi-close::before{content:"\F156"}.mdi-close-box::before{content:"\F157"}.mdi-close-box-multiple::before{content:"\FC39"}.mdi-close-box-multiple-outline::before{content:"\FC3A"}.mdi-close-box-outline::before{content:"\F158"}.mdi-close-circle::before{content:"\F159"}.mdi-close-circle-outline::before{content:"\F15A"}.mdi-close-network::before{content:"\F15B"}.mdi-close-network-outline::before{content:"\FC3B"}.mdi-close-octagon::before{content:"\F15C"}.mdi-close-octagon-outline::before{content:"\F15D"}.mdi-close-outline::before{content:"\F6C8"}.mdi-closed-caption::before{content:"\F15E"}.mdi-closed-caption-outline::before{content:"\FD99"}.mdi-cloud::before{content:"\F15F"}.mdi-cloud-alert::before{content:"\F9DF"}.mdi-cloud-braces::before{content:"\F7B4"}.mdi-cloud-check::before{content:"\F160"}.mdi-cloud-circle::before{content:"\F161"}.mdi-cloud-download::before{content:"\F162"}.mdi-cloud-download-outline::before{content:"\FB59"}.mdi-cloud-off-outline::before{content:"\F164"}.mdi-cloud-outline::before{content:"\F163"}.mdi-cloud-print::before{content:"\F165"}.mdi-cloud-print-outline::before{content:"\F166"}.mdi-cloud-question::before{content:"\FA38"}.mdi-cloud-search::before{content:"\F955"}.mdi-cloud-search-outline::before{content:"\F956"}.mdi-cloud-sync::before{content:"\F63F"}.mdi-cloud-tags::before{content:"\F7B5"}.mdi-cloud-upload::before{content:"\F167"}.mdi-cloud-upload-outline::before{content:"\FB5A"}.mdi-clover::before{content:"\F815"}.mdi-code-array::before{content:"\F168"}.mdi-code-braces::before{content:"\F169"}.mdi-code-brackets::before{content:"\F16A"}.mdi-code-equal::before{content:"\F16B"}.mdi-code-greater-than::before{content:"\F16C"}.mdi-code-greater-than-or-equal::before{content:"\F16D"}.mdi-code-less-than::before{content:"\F16E"}.mdi-code-less-than-or-equal::before{content:"\F16F"}.mdi-code-not-equal::before{content:"\F170"}.mdi-code-not-equal-variant::before{content:"\F171"}.mdi-code-parentheses::before{content:"\F172"}.mdi-code-string::before{content:"\F173"}.mdi-code-tags::before{content:"\F174"}.mdi-code-tags-check::before{content:"\F693"}.mdi-codepen::before{content:"\F175"}.mdi-coffee::before{content:"\F176"}.mdi-coffee-off::before{content:"\FFCA"}.mdi-coffee-off-outline::before{content:"\FFCB"}.mdi-coffee-outline::before{content:"\F6C9"}.mdi-coffee-to-go::before{content:"\F177"}.mdi-coffin::before{content:"\FB5B"}.mdi-cogs::before{content:"\F8D5"}.mdi-coin::before{content:"\F178"}.mdi-coins::before{content:"\F694"}.mdi-collage::before{content:"\F640"}.mdi-collapse-all::before{content:"\FAA5"}.mdi-collapse-all-outline::before{content:"\FAA6"}.mdi-color-helper::before{content:"\F179"}.mdi-comma::before{content:"\FE74"}.mdi-comma-box::before{content:"\FE75"}.mdi-comma-box-outline::before{content:"\FE76"}.mdi-comma-circle::before{content:"\FE77"}.mdi-comma-circle-outline::before{content:"\FE78"}.mdi-comment::before{content:"\F17A"}.mdi-comment-account::before{content:"\F17B"}.mdi-comment-account-outline::before{content:"\F17C"}.mdi-comment-alert::before{content:"\F17D"}.mdi-comment-alert-outline::before{content:"\F17E"}.mdi-comment-arrow-left::before{content:"\F9E0"}.mdi-comment-arrow-left-outline::before{content:"\F9E1"}.mdi-comment-arrow-right::before{content:"\F9E2"}.mdi-comment-arrow-right-outline::before{content:"\F9E3"}.mdi-comment-check::before{content:"\F17F"}.mdi-comment-check-outline::before{content:"\F180"}.mdi-comment-eye::before{content:"\FA39"}.mdi-comment-eye-outline::before{content:"\FA3A"}.mdi-comment-multiple::before{content:"\F85E"}.mdi-comment-multiple-outline::before{content:"\F181"}.mdi-comment-outline::before{content:"\F182"}.mdi-comment-plus::before{content:"\F9E4"}.mdi-comment-plus-outline::before{content:"\F183"}.mdi-comment-processing::before{content:"\F184"}.mdi-comment-processing-outline::before{content:"\F185"}.mdi-comment-question::before{content:"\F816"}.mdi-comment-question-outline::before{content:"\F186"}.mdi-comment-remove::before{content:"\F5DE"}.mdi-comment-remove-outline::before{content:"\F187"}.mdi-comment-search::before{content:"\FA3B"}.mdi-comment-search-outline::before{content:"\FA3C"}.mdi-comment-text::before{content:"\F188"}.mdi-comment-text-multiple::before{content:"\F85F"}.mdi-comment-text-multiple-outline::before{content:"\F860"}.mdi-comment-text-outline::before{content:"\F189"}.mdi-compare::before{content:"\F18A"}.mdi-compass::before{content:"\F18B"}.mdi-compass-off::before{content:"\FB5C"}.mdi-compass-off-outline::before{content:"\FB5D"}.mdi-compass-outline::before{content:"\F18C"}.mdi-console::before{content:"\F18D"}.mdi-console-line::before{content:"\F7B6"}.mdi-console-network::before{content:"\F8A8"}.mdi-console-network-outline::before{content:"\FC3C"}.mdi-contact-mail::before{content:"\F18E"}.mdi-contact-mail-outline::before{content:"\FEB5"}.mdi-contact-phone::before{content:"\FEB6"}.mdi-contact-phone-outline::before{content:"\FEB7"}.mdi-contactless-payment::before{content:"\FD46"}.mdi-contacts::before{content:"\F6CA"}.mdi-contain::before{content:"\FA3D"}.mdi-contain-end::before{content:"\FA3E"}.mdi-contain-start::before{content:"\FA3F"}.mdi-content-copy::before{content:"\F18F"}.mdi-content-cut::before{content:"\F190"}.mdi-content-duplicate::before{content:"\F191"}.mdi-content-paste::before{content:"\F192"}.mdi-content-save::before{content:"\F193"}.mdi-content-save-alert::before{content:"\FF5F"}.mdi-content-save-alert-outline::before{content:"\FF60"}.mdi-content-save-all::before{content:"\F194"}.mdi-content-save-all-outline::before{content:"\FF61"}.mdi-content-save-edit::before{content:"\FCD7"}.mdi-content-save-edit-outline::before{content:"\FCD8"}.mdi-content-save-move::before{content:"\FE79"}.mdi-content-save-move-outline::before{content:"\FE7A"}.mdi-content-save-outline::before{content:"\F817"}.mdi-content-save-settings::before{content:"\F61B"}.mdi-content-save-settings-outline::before{content:"\FB13"}.mdi-contrast::before{content:"\F195"}.mdi-contrast-box::before{content:"\F196"}.mdi-contrast-circle::before{content:"\F197"}.mdi-controller-classic::before{content:"\FB5E"}.mdi-controller-classic-outline::before{content:"\FB5F"}.mdi-cookie::before{content:"\F198"}.mdi-copyright::before{content:"\F5E6"}.mdi-cordova::before{content:"\F957"}.mdi-corn::before{content:"\F7B7"}.mdi-counter::before{content:"\F199"}.mdi-cow::before{content:"\F19A"}.mdi-cowboy::before{content:"\FEB8"}.mdi-cpu-32-bit::before{content:"\FEFC"}.mdi-cpu-64-bit::before{content:"\FEFD"}.mdi-crane::before{content:"\F861"}.mdi-creation::before{content:"\F1C9"}.mdi-creative-commons::before{content:"\FD47"}.mdi-credit-card::before{content:"\F19B"}.mdi-credit-card-clock::before{content:"\FEFE"}.mdi-credit-card-clock-outline::before{content:"\FFBC"}.mdi-credit-card-marker::before{content:"\FD9A"}.mdi-credit-card-multiple::before{content:"\F19C"}.mdi-credit-card-off::before{content:"\F5E4"}.mdi-credit-card-plus::before{content:"\F675"}.mdi-credit-card-refund::before{content:"\FAA7"}.mdi-credit-card-scan::before{content:"\F19D"}.mdi-credit-card-settings::before{content:"\F8D6"}.mdi-credit-card-wireless::before{content:"\FD48"}.mdi-cricket::before{content:"\FD49"}.mdi-crop::before{content:"\F19E"}.mdi-crop-free::before{content:"\F19F"}.mdi-crop-landscape::before{content:"\F1A0"}.mdi-crop-portrait::before{content:"\F1A1"}.mdi-crop-rotate::before{content:"\F695"}.mdi-crop-square::before{content:"\F1A2"}.mdi-crosshairs::before{content:"\F1A3"}.mdi-crosshairs-gps::before{content:"\F1A4"}.mdi-crosshairs-off::before{content:"\FF62"}.mdi-crown::before{content:"\F1A5"}.mdi-cryengine::before{content:"\F958"}.mdi-crystal-ball::before{content:"\FB14"}.mdi-cube::before{content:"\F1A6"}.mdi-cube-outline::before{content:"\F1A7"}.mdi-cube-scan::before{content:"\FB60"}.mdi-cube-send::before{content:"\F1A8"}.mdi-cube-unfolded::before{content:"\F1A9"}.mdi-cup::before{content:"\F1AA"}.mdi-cup-off::before{content:"\F5E5"}.mdi-cup-water::before{content:"\F1AB"}.mdi-cupboard::before{content:"\FF63"}.mdi-cupboard-outline::before{content:"\FF64"}.mdi-cupcake::before{content:"\F959"}.mdi-curling::before{content:"\F862"}.mdi-currency-bdt::before{content:"\F863"}.mdi-currency-brl::before{content:"\FB61"}.mdi-currency-btc::before{content:"\F1AC"}.mdi-currency-chf::before{content:"\F7B8"}.mdi-currency-cny::before{content:"\F7B9"}.mdi-currency-eth::before{content:"\F7BA"}.mdi-currency-eur::before{content:"\F1AD"}.mdi-currency-gbp::before{content:"\F1AE"}.mdi-currency-ils::before{content:"\FC3D"}.mdi-currency-inr::before{content:"\F1AF"}.mdi-currency-jpy::before{content:"\F7BB"}.mdi-currency-krw::before{content:"\F7BC"}.mdi-currency-kzt::before{content:"\F864"}.mdi-currency-ngn::before{content:"\F1B0"}.mdi-currency-php::before{content:"\F9E5"}.mdi-currency-rial::before{content:"\FEB9"}.mdi-currency-rub::before{content:"\F1B1"}.mdi-currency-sign::before{content:"\F7BD"}.mdi-currency-try::before{content:"\F1B2"}.mdi-currency-twd::before{content:"\F7BE"}.mdi-currency-usd::before{content:"\F1B3"}.mdi-currency-usd-off::before{content:"\F679"}.mdi-current-ac::before{content:"\F95A"}.mdi-current-dc::before{content:"\F95B"}.mdi-cursor-default::before{content:"\F1B4"}.mdi-cursor-default-click::before{content:"\FCD9"}.mdi-cursor-default-click-outline::before{content:"\FCDA"}.mdi-cursor-default-outline::before{content:"\F1B5"}.mdi-cursor-move::before{content:"\F1B6"}.mdi-cursor-pointer::before{content:"\F1B7"}.mdi-cursor-text::before{content:"\F5E7"}.mdi-database::before{content:"\F1B8"}.mdi-database-check::before{content:"\FAA8"}.mdi-database-edit::before{content:"\FB62"}.mdi-database-export::before{content:"\F95D"}.mdi-database-import::before{content:"\F95C"}.mdi-database-lock::before{content:"\FAA9"}.mdi-database-minus::before{content:"\F1B9"}.mdi-database-plus::before{content:"\F1BA"}.mdi-database-refresh::before{content:"\FCDB"}.mdi-database-remove::before{content:"\FCDC"}.mdi-database-search::before{content:"\F865"}.mdi-database-settings::before{content:"\FCDD"}.mdi-death-star::before{content:"\F8D7"}.mdi-death-star-variant::before{content:"\F8D8"}.mdi-deathly-hallows::before{content:"\FB63"}.mdi-debian::before{content:"\F8D9"}.mdi-debug-step-into::before{content:"\F1BB"}.mdi-debug-step-out::before{content:"\F1BC"}.mdi-debug-step-over::before{content:"\F1BD"}.mdi-decagram::before{content:"\F76B"}.mdi-decagram-outline::before{content:"\F76C"}.mdi-decimal-decrease::before{content:"\F1BE"}.mdi-decimal-increase::before{content:"\F1BF"}.mdi-delete::before{content:"\F1C0"}.mdi-delete-circle::before{content:"\F682"}.mdi-delete-circle-outline::before{content:"\FB64"}.mdi-delete-empty::before{content:"\F6CB"}.mdi-delete-empty-outline::before{content:"\FEBA"}.mdi-delete-forever::before{content:"\F5E8"}.mdi-delete-forever-outline::before{content:"\FB65"}.mdi-delete-outline::before{content:"\F9E6"}.mdi-delete-restore::before{content:"\F818"}.mdi-delete-sweep::before{content:"\F5E9"}.mdi-delete-sweep-outline::before{content:"\FC3E"}.mdi-delete-variant::before{content:"\F1C1"}.mdi-delta::before{content:"\F1C2"}.mdi-desk-lamp::before{content:"\F95E"}.mdi-deskphone::before{content:"\F1C3"}.mdi-desktop-classic::before{content:"\F7BF"}.mdi-desktop-mac::before{content:"\F1C4"}.mdi-desktop-mac-dashboard::before{content:"\F9E7"}.mdi-desktop-tower::before{content:"\F1C5"}.mdi-desktop-tower-monitor::before{content:"\FAAA"}.mdi-details::before{content:"\F1C6"}.mdi-dev-to::before{content:"\FD4A"}.mdi-developer-board::before{content:"\F696"}.mdi-deviantart::before{content:"\F1C7"}.mdi-dialpad::before{content:"\F61C"}.mdi-diameter::before{content:"\FC3F"}.mdi-diameter-outline::before{content:"\FC40"}.mdi-diameter-variant::before{content:"\FC41"}.mdi-diamond::before{content:"\FB66"}.mdi-diamond-outline::before{content:"\FB67"}.mdi-diamond-stone::before{content:"\F1C8"}.mdi-dice-1::before{content:"\F1CA"}.mdi-dice-2::before{content:"\F1CB"}.mdi-dice-3::before{content:"\F1CC"}.mdi-dice-4::before{content:"\F1CD"}.mdi-dice-5::before{content:"\F1CE"}.mdi-dice-6::before{content:"\F1CF"}.mdi-dice-d10::before{content:"\F76E"}.mdi-dice-d12::before{content:"\F866"}.mdi-dice-d20::before{content:"\F5EA"}.mdi-dice-d4::before{content:"\F5EB"}.mdi-dice-d6::before{content:"\F5EC"}.mdi-dice-d8::before{content:"\F5ED"}.mdi-dice-multiple::before{content:"\F76D"}.mdi-dictionary::before{content:"\F61D"}.mdi-dip-switch::before{content:"\F7C0"}.mdi-directions::before{content:"\F1D0"}.mdi-directions-fork::before{content:"\F641"}.mdi-disc::before{content:"\F5EE"}.mdi-disc-alert::before{content:"\F1D1"}.mdi-disc-player::before{content:"\F95F"}.mdi-discord::before{content:"\F66F"}.mdi-dishwasher::before{content:"\FAAB"}.mdi-disqus::before{content:"\F1D2"}.mdi-disqus-outline::before{content:"\F1D3"}.mdi-diving-flippers::before{content:"\FD9B"}.mdi-diving-helmet::before{content:"\FD9C"}.mdi-diving-scuba::before{content:"\FD9D"}.mdi-diving-scuba-flag::before{content:"\FD9E"}.mdi-diving-scuba-tank::before{content:"\FD9F"}.mdi-diving-scuba-tank-multiple::before{content:"\FDA0"}.mdi-diving-snorkel::before{content:"\FDA1"}.mdi-division::before{content:"\F1D4"}.mdi-division-box::before{content:"\F1D5"}.mdi-dlna::before{content:"\FA40"}.mdi-dna::before{content:"\F683"}.mdi-dns::before{content:"\F1D6"}.mdi-dns-outline::before{content:"\FB68"}.mdi-do-not-disturb::before{content:"\F697"}.mdi-do-not-disturb-off::before{content:"\F698"}.mdi-docker::before{content:"\F867"}.mdi-doctor::before{content:"\FA41"}.mdi-dog::before{content:"\FA42"}.mdi-dog-service::before{content:"\FAAC"}.mdi-dog-side::before{content:"\FA43"}.mdi-dolby::before{content:"\F6B2"}.mdi-dolly::before{content:"\FEBB"}.mdi-domain::before{content:"\F1D7"}.mdi-domain-off::before{content:"\FD4B"}.mdi-donkey::before{content:"\F7C1"}.mdi-door::before{content:"\F819"}.mdi-door-closed::before{content:"\F81A"}.mdi-door-open::before{content:"\F81B"}.mdi-doorbell-video::before{content:"\F868"}.mdi-dot-net::before{content:"\FAAD"}.mdi-dots-horizontal::before{content:"\F1D8"}.mdi-dots-horizontal-circle::before{content:"\F7C2"}.mdi-dots-horizontal-circle-outline::before{content:"\FB69"}.mdi-dots-vertical::before{content:"\F1D9"}.mdi-dots-vertical-circle::before{content:"\F7C3"}.mdi-dots-vertical-circle-outline::before{content:"\FB6A"}.mdi-douban::before{content:"\F699"}.mdi-download::before{content:"\F1DA"}.mdi-download-multiple::before{content:"\F9E8"}.mdi-download-network::before{content:"\F6F3"}.mdi-download-network-outline::before{content:"\FC42"}.mdi-download-outline::before{content:"\FB6B"}.mdi-drag::before{content:"\F1DB"}.mdi-drag-horizontal::before{content:"\F1DC"}.mdi-drag-variant::before{content:"\FB6C"}.mdi-drag-vertical::before{content:"\F1DD"}.mdi-drama-masks::before{content:"\FCDE"}.mdi-draw::before{content:"\FF66"}.mdi-drawing::before{content:"\F1DE"}.mdi-drawing-box::before{content:"\F1DF"}.mdi-dresser::before{content:"\FF67"}.mdi-dresser-outline::before{content:"\FF68"}.mdi-dribbble::before{content:"\F1E0"}.mdi-dribbble-box::before{content:"\F1E1"}.mdi-drone::before{content:"\F1E2"}.mdi-dropbox::before{content:"\F1E3"}.mdi-drupal::before{content:"\F1E4"}.mdi-duck::before{content:"\F1E5"}.mdi-dumbbell::before{content:"\F1E6"}.mdi-dump-truck::before{content:"\FC43"}.mdi-ear-hearing::before{content:"\F7C4"}.mdi-ear-hearing-off::before{content:"\FA44"}.mdi-earth::before{content:"\F1E7"}.mdi-earth-box::before{content:"\F6CC"}.mdi-earth-box-off::before{content:"\F6CD"}.mdi-earth-off::before{content:"\F1E8"}.mdi-edge::before{content:"\F1E9"}.mdi-egg::before{content:"\FAAE"}.mdi-egg-easter::before{content:"\FAAF"}.mdi-eight-track::before{content:"\F9E9"}.mdi-eject::before{content:"\F1EA"}.mdi-eject-outline::before{content:"\FB6D"}.mdi-electric-switch::before{content:"\FEBC"}.mdi-elephant::before{content:"\F7C5"}.mdi-elevation-decline::before{content:"\F1EB"}.mdi-elevation-rise::before{content:"\F1EC"}.mdi-elevator::before{content:"\F1ED"}.mdi-ellipse::before{content:"\FEBD"}.mdi-ellipse-outline::before{content:"\FEBE"}.mdi-email::before{content:"\F1EE"}.mdi-email-alert::before{content:"\F6CE"}.mdi-email-box::before{content:"\FCDF"}.mdi-email-check::before{content:"\FAB0"}.mdi-email-check-outline::before{content:"\FAB1"}.mdi-email-edit::before{content:"\FF00"}.mdi-email-edit-outline::before{content:"\FF01"}.mdi-email-lock::before{content:"\F1F1"}.mdi-email-mark-as-unread::before{content:"\FB6E"}.mdi-email-minus::before{content:"\FF02"}.mdi-email-minus-outline::before{content:"\FF03"}.mdi-email-multiple::before{content:"\FF04"}.mdi-email-multiple-outline::before{content:"\FF05"}.mdi-email-open::before{content:"\F1EF"}.mdi-email-open-multiple::before{content:"\FF06"}.mdi-email-open-multiple-outline::before{content:"\FF07"}.mdi-email-open-outline::before{content:"\F5EF"}.mdi-email-outline::before{content:"\F1F0"}.mdi-email-plus::before{content:"\F9EA"}.mdi-email-plus-outline::before{content:"\F9EB"}.mdi-email-search::before{content:"\F960"}.mdi-email-search-outline::before{content:"\F961"}.mdi-email-variant::before{content:"\F5F0"}.mdi-ember::before{content:"\FB15"}.mdi-emby::before{content:"\F6B3"}.mdi-emoticon::before{content:"\FC44"}.mdi-emoticon-angry::before{content:"\FC45"}.mdi-emoticon-angry-outline::before{content:"\FC46"}.mdi-emoticon-cool::before{content:"\FC47"}.mdi-emoticon-cool-outline::before{content:"\F1F3"}.mdi-emoticon-cry::before{content:"\FC48"}.mdi-emoticon-cry-outline::before{content:"\FC49"}.mdi-emoticon-dead::before{content:"\FC4A"}.mdi-emoticon-dead-outline::before{content:"\F69A"}.mdi-emoticon-devil::before{content:"\FC4B"}.mdi-emoticon-devil-outline::before{content:"\F1F4"}.mdi-emoticon-excited::before{content:"\FC4C"}.mdi-emoticon-excited-outline::before{content:"\F69B"}.mdi-emoticon-frown::before{content:"\FF69"}.mdi-emoticon-frown-outline::before{content:"\FF6A"}.mdi-emoticon-happy::before{content:"\FC4D"}.mdi-emoticon-happy-outline::before{content:"\F1F5"}.mdi-emoticon-kiss::before{content:"\FC4E"}.mdi-emoticon-kiss-outline::before{content:"\FC4F"}.mdi-emoticon-neutral::before{content:"\FC50"}.mdi-emoticon-neutral-outline::before{content:"\F1F6"}.mdi-emoticon-outline::before{content:"\F1F2"}.mdi-emoticon-poop::before{content:"\F1F7"}.mdi-emoticon-poop-outline::before{content:"\FC51"}.mdi-emoticon-sad::before{content:"\FC52"}.mdi-emoticon-sad-outline::before{content:"\F1F8"}.mdi-emoticon-tongue::before{content:"\F1F9"}.mdi-emoticon-tongue-outline::before{content:"\FC53"}.mdi-emoticon-wink::before{content:"\FC54"}.mdi-emoticon-wink-outline::before{content:"\FC55"}.mdi-engine::before{content:"\F1FA"}.mdi-engine-off::before{content:"\FA45"}.mdi-engine-off-outline::before{content:"\FA46"}.mdi-engine-outline::before{content:"\F1FB"}.mdi-equal::before{content:"\F1FC"}.mdi-equal-box::before{content:"\F1FD"}.mdi-equalizer::before{content:"\FEBF"}.mdi-equalizer-outline::before{content:"\FEC0"}.mdi-eraser::before{content:"\F1FE"}.mdi-eraser-variant::before{content:"\F642"}.mdi-escalator::before{content:"\F1FF"}.mdi-eslint::before{content:"\FC56"}.mdi-et::before{content:"\FAB2"}.mdi-ethereum::before{content:"\F869"}.mdi-ethernet::before{content:"\F200"}.mdi-ethernet-cable::before{content:"\F201"}.mdi-ethernet-cable-off::before{content:"\F202"}.mdi-etsy::before{content:"\F203"}.mdi-ev-station::before{content:"\F5F1"}.mdi-eventbrite::before{content:"\F7C6"}.mdi-evernote::before{content:"\F204"}.mdi-exclamation::before{content:"\F205"}.mdi-exit-run::before{content:"\FA47"}.mdi-exit-to-app::before{content:"\F206"}.mdi-expand-all::before{content:"\FAB3"}.mdi-expand-all-outline::before{content:"\FAB4"}.mdi-exponent::before{content:"\F962"}.mdi-exponent-box::before{content:"\F963"}.mdi-export::before{content:"\F207"}.mdi-export-variant::before{content:"\FB6F"}.mdi-eye::before{content:"\F208"}.mdi-eye-check::before{content:"\FCE0"}.mdi-eye-check-outline::before{content:"\FCE1"}.mdi-eye-circle::before{content:"\FB70"}.mdi-eye-circle-outline::before{content:"\FB71"}.mdi-eye-off::before{content:"\F209"}.mdi-eye-off-outline::before{content:"\F6D0"}.mdi-eye-outline::before{content:"\F6CF"}.mdi-eye-plus::before{content:"\F86A"}.mdi-eye-plus-outline::before{content:"\F86B"}.mdi-eye-settings::before{content:"\F86C"}.mdi-eye-settings-outline::before{content:"\F86D"}.mdi-eyedropper::before{content:"\F20A"}.mdi-eyedropper-variant::before{content:"\F20B"}.mdi-face::before{content:"\F643"}.mdi-face-agent::before{content:"\FD4C"}.mdi-face-outline::before{content:"\FB72"}.mdi-face-profile::before{content:"\F644"}.mdi-face-recognition::before{content:"\FC57"}.mdi-facebook::before{content:"\F20C"}.mdi-facebook-box::before{content:"\F20D"}.mdi-facebook-messenger::before{content:"\F20E"}.mdi-facebook-workplace::before{content:"\FB16"}.mdi-factory::before{content:"\F20F"}.mdi-fan::before{content:"\F210"}.mdi-fan-off::before{content:"\F81C"}.mdi-fast-forward::before{content:"\F211"}.mdi-fast-forward-10::before{content:"\FD4D"}.mdi-fast-forward-30::before{content:"\FCE2"}.mdi-fast-forward-outline::before{content:"\F6D1"}.mdi-fax::before{content:"\F212"}.mdi-feather::before{content:"\F6D2"}.mdi-feature-search::before{content:"\FA48"}.mdi-feature-search-outline::before{content:"\FA49"}.mdi-fedora::before{content:"\F8DA"}.mdi-ferris-wheel::before{content:"\FEC1"}.mdi-ferry::before{content:"\F213"}.mdi-file::before{content:"\F214"}.mdi-file-account::before{content:"\F73A"}.mdi-file-alert::before{content:"\FA4A"}.mdi-file-alert-outline::before{content:"\FA4B"}.mdi-file-cabinet::before{content:"\FAB5"}.mdi-file-cad::before{content:"\FF08"}.mdi-file-cad-box::before{content:"\FF09"}.mdi-file-cancel::before{content:"\FDA2"}.mdi-file-cancel-outline::before{content:"\FDA3"}.mdi-file-chart::before{content:"\F215"}.mdi-file-check::before{content:"\F216"}.mdi-file-check-outline::before{content:"\FE7B"}.mdi-file-cloud::before{content:"\F217"}.mdi-file-compare::before{content:"\F8A9"}.mdi-file-delimited::before{content:"\F218"}.mdi-file-delimited-outline::before{content:"\FEC2"}.mdi-file-document::before{content:"\F219"}.mdi-file-document-box::before{content:"\F21A"}.mdi-file-document-box-check::before{content:"\FEC3"}.mdi-file-document-box-check-outline::before{content:"\FEC4"}.mdi-file-document-box-minus::before{content:"\FEC5"}.mdi-file-document-box-minus-outline::before{content:"\FEC6"}.mdi-file-document-box-multiple::before{content:"\FAB6"}.mdi-file-document-box-multiple-outline::before{content:"\FAB7"}.mdi-file-document-box-outline::before{content:"\F9EC"}.mdi-file-document-box-plus::before{content:"\FEC7"}.mdi-file-document-box-plus-outline::before{content:"\FEC8"}.mdi-file-document-box-remove::before{content:"\FEC9"}.mdi-file-document-box-remove-outline::before{content:"\FECA"}.mdi-file-document-box-search::before{content:"\FECB"}.mdi-file-document-box-search-outline::before{content:"\FECC"}.mdi-file-document-edit::before{content:"\FDA4"}.mdi-file-document-edit-outline::before{content:"\FDA5"}.mdi-file-document-outline::before{content:"\F9ED"}.mdi-file-download::before{content:"\F964"}.mdi-file-download-outline::before{content:"\F965"}.mdi-file-excel::before{content:"\F21B"}.mdi-file-excel-box::before{content:"\F21C"}.mdi-file-export::before{content:"\F21D"}.mdi-file-eye::before{content:"\FDA6"}.mdi-file-eye-outline::before{content:"\FDA7"}.mdi-file-find::before{content:"\F21E"}.mdi-file-find-outline::before{content:"\FB73"}.mdi-file-hidden::before{content:"\F613"}.mdi-file-image::before{content:"\F21F"}.mdi-file-image-outline::before{content:"\FECD"}.mdi-file-import::before{content:"\F220"}.mdi-file-lock::before{content:"\F221"}.mdi-file-move::before{content:"\FAB8"}.mdi-file-multiple::before{content:"\F222"}.mdi-file-music::before{content:"\F223"}.mdi-file-music-outline::before{content:"\FE7C"}.mdi-file-outline::before{content:"\F224"}.mdi-file-pdf::before{content:"\F225"}.mdi-file-pdf-box::before{content:"\F226"}.mdi-file-pdf-outline::before{content:"\FE7D"}.mdi-file-percent::before{content:"\F81D"}.mdi-file-plus::before{content:"\F751"}.mdi-file-plus-outline::before{content:"\FF0A"}.mdi-file-powerpoint::before{content:"\F227"}.mdi-file-powerpoint-box::before{content:"\F228"}.mdi-file-presentation-box::before{content:"\F229"}.mdi-file-question::before{content:"\F86E"}.mdi-file-remove::before{content:"\FB74"}.mdi-file-replace::before{content:"\FB17"}.mdi-file-replace-outline::before{content:"\FB18"}.mdi-file-restore::before{content:"\F670"}.mdi-file-search::before{content:"\FC58"}.mdi-file-search-outline::before{content:"\FC59"}.mdi-file-send::before{content:"\F22A"}.mdi-file-table::before{content:"\FC5A"}.mdi-file-table-outline::before{content:"\FC5B"}.mdi-file-tree::before{content:"\F645"}.mdi-file-undo::before{content:"\F8DB"}.mdi-file-upload::before{content:"\FA4C"}.mdi-file-upload-outline::before{content:"\FA4D"}.mdi-file-video::before{content:"\F22B"}.mdi-file-video-outline::before{content:"\FE10"}.mdi-file-word::before{content:"\F22C"}.mdi-file-word-box::before{content:"\F22D"}.mdi-file-xml::before{content:"\F22E"}.mdi-film::before{content:"\F22F"}.mdi-filmstrip::before{content:"\F230"}.mdi-filmstrip-off::before{content:"\F231"}.mdi-filter::before{content:"\F232"}.mdi-filter-minus::before{content:"\FF0B"}.mdi-filter-minus-outline::before{content:"\FF0C"}.mdi-filter-outline::before{content:"\F233"}.mdi-filter-plus::before{content:"\FF0D"}.mdi-filter-plus-outline::before{content:"\FF0E"}.mdi-filter-remove::before{content:"\F234"}.mdi-filter-remove-outline::before{content:"\F235"}.mdi-filter-variant::before{content:"\F236"}.mdi-finance::before{content:"\F81E"}.mdi-find-replace::before{content:"\F6D3"}.mdi-fingerprint::before{content:"\F237"}.mdi-fingerprint-off::before{content:"\FECE"}.mdi-fire::before{content:"\F238"}.mdi-fire-extinguisher::before{content:"\FF0F"}.mdi-fire-truck::before{content:"\F8AA"}.mdi-firebase::before{content:"\F966"}.mdi-firefox::before{content:"\F239"}.mdi-fireplace::before{content:"\FE11"}.mdi-fireplace-off::before{content:"\FE12"}.mdi-firework::before{content:"\FE13"}.mdi-fish::before{content:"\F23A"}.mdi-fishbowl::before{content:"\FF10"}.mdi-fishbowl-outline::before{content:"\FF11"}.mdi-fit-to-page::before{content:"\FF12"}.mdi-fit-to-page-outline::before{content:"\FF13"}.mdi-flag::before{content:"\F23B"}.mdi-flag-checkered::before{content:"\F23C"}.mdi-flag-minus::before{content:"\FB75"}.mdi-flag-outline::before{content:"\F23D"}.mdi-flag-plus::before{content:"\FB76"}.mdi-flag-remove::before{content:"\FB77"}.mdi-flag-triangle::before{content:"\F23F"}.mdi-flag-variant::before{content:"\F240"}.mdi-flag-variant-outline::before{content:"\F23E"}.mdi-flare::before{content:"\FD4E"}.mdi-flash::before{content:"\F241"}.mdi-flash-alert::before{content:"\FF14"}.mdi-flash-alert-outline::before{content:"\FF15"}.mdi-flash-auto::before{content:"\F242"}.mdi-flash-circle::before{content:"\F81F"}.mdi-flash-off::before{content:"\F243"}.mdi-flash-outline::before{content:"\F6D4"}.mdi-flash-red-eye::before{content:"\F67A"}.mdi-flashlight::before{content:"\F244"}.mdi-flashlight-off::before{content:"\F245"}.mdi-flask::before{content:"\F093"}.mdi-flask-empty::before{content:"\F094"}.mdi-flask-empty-outline::before{content:"\F095"}.mdi-flask-outline::before{content:"\F096"}.mdi-flattr::before{content:"\F246"}.mdi-flickr::before{content:"\FCE3"}.mdi-flip-to-back::before{content:"\F247"}.mdi-flip-to-front::before{content:"\F248"}.mdi-floor-lamp::before{content:"\F8DC"}.mdi-floor-plan::before{content:"\F820"}.mdi-floppy::before{content:"\F249"}.mdi-floppy-variant::before{content:"\F9EE"}.mdi-flower::before{content:"\F24A"}.mdi-flower-outline::before{content:"\F9EF"}.mdi-flower-poppy::before{content:"\FCE4"}.mdi-flower-tulip::before{content:"\F9F0"}.mdi-flower-tulip-outline::before{content:"\F9F1"}.mdi-focus-auto::before{content:"\FF6B"}.mdi-focus-field::before{content:"\FF6C"}.mdi-focus-field-horizontal::before{content:"\FF6D"}.mdi-focus-field-vertical::before{content:"\FF6E"}.mdi-folder::before{content:"\F24B"}.mdi-folder-account::before{content:"\F24C"}.mdi-folder-account-outline::before{content:"\FB78"}.mdi-folder-alert::before{content:"\FDA8"}.mdi-folder-alert-outline::before{content:"\FDA9"}.mdi-folder-clock::before{content:"\FAB9"}.mdi-folder-clock-outline::before{content:"\FABA"}.mdi-folder-download::before{content:"\F24D"}.mdi-folder-edit::before{content:"\F8DD"}.mdi-folder-edit-outline::before{content:"\FDAA"}.mdi-folder-google-drive::before{content:"\F24E"}.mdi-folder-image::before{content:"\F24F"}.mdi-folder-key::before{content:"\F8AB"}.mdi-folder-key-network::before{content:"\F8AC"}.mdi-folder-key-network-outline::before{content:"\FC5C"}.mdi-folder-lock::before{content:"\F250"}.mdi-folder-lock-open::before{content:"\F251"}.mdi-folder-move::before{content:"\F252"}.mdi-folder-multiple::before{content:"\F253"}.mdi-folder-multiple-image::before{content:"\F254"}.mdi-folder-multiple-outline::before{content:"\F255"}.mdi-folder-network::before{content:"\F86F"}.mdi-folder-network-outline::before{content:"\FC5D"}.mdi-folder-open::before{content:"\F76F"}.mdi-folder-open-outline::before{content:"\FDAB"}.mdi-folder-outline::before{content:"\F256"}.mdi-folder-plus::before{content:"\F257"}.mdi-folder-plus-outline::before{content:"\FB79"}.mdi-folder-pound::before{content:"\FCE5"}.mdi-folder-pound-outline::before{content:"\FCE6"}.mdi-folder-remove::before{content:"\F258"}.mdi-folder-remove-outline::before{content:"\FB7A"}.mdi-folder-search::before{content:"\F967"}.mdi-folder-search-outline::before{content:"\F968"}.mdi-folder-star::before{content:"\F69C"}.mdi-folder-star-outline::before{content:"\FB7B"}.mdi-folder-sync::before{content:"\FCE7"}.mdi-folder-sync-outline::before{content:"\FCE8"}.mdi-folder-text::before{content:"\FC5E"}.mdi-folder-text-outline::before{content:"\FC5F"}.mdi-folder-upload::before{content:"\F259"}.mdi-font-awesome::before{content:"\F03A"}.mdi-food::before{content:"\F25A"}.mdi-food-apple::before{content:"\F25B"}.mdi-food-apple-outline::before{content:"\FC60"}.mdi-food-croissant::before{content:"\F7C7"}.mdi-food-fork-drink::before{content:"\F5F2"}.mdi-food-off::before{content:"\F5F3"}.mdi-food-variant::before{content:"\F25C"}.mdi-foot-print::before{content:"\FF6F"}.mdi-football::before{content:"\F25D"}.mdi-football-australian::before{content:"\F25E"}.mdi-football-helmet::before{content:"\F25F"}.mdi-forklift::before{content:"\F7C8"}.mdi-format-align-bottom::before{content:"\F752"}.mdi-format-align-center::before{content:"\F260"}.mdi-format-align-justify::before{content:"\F261"}.mdi-format-align-left::before{content:"\F262"}.mdi-format-align-middle::before{content:"\F753"}.mdi-format-align-right::before{content:"\F263"}.mdi-format-align-top::before{content:"\F754"}.mdi-format-annotation-minus::before{content:"\FABB"}.mdi-format-annotation-plus::before{content:"\F646"}.mdi-format-bold::before{content:"\F264"}.mdi-format-clear::before{content:"\F265"}.mdi-format-color-fill::before{content:"\F266"}.mdi-format-color-highlight::before{content:"\FE14"}.mdi-format-color-text::before{content:"\F69D"}.mdi-format-columns::before{content:"\F8DE"}.mdi-format-float-center::before{content:"\F267"}.mdi-format-float-left::before{content:"\F268"}.mdi-format-float-none::before{content:"\F269"}.mdi-format-float-right::before{content:"\F26A"}.mdi-format-font::before{content:"\F6D5"}.mdi-format-font-size-decrease::before{content:"\F9F2"}.mdi-format-font-size-increase::before{content:"\F9F3"}.mdi-format-header-1::before{content:"\F26B"}.mdi-format-header-2::before{content:"\F26C"}.mdi-format-header-3::before{content:"\F26D"}.mdi-format-header-4::before{content:"\F26E"}.mdi-format-header-5::before{content:"\F26F"}.mdi-format-header-6::before{content:"\F270"}.mdi-format-header-decrease::before{content:"\F271"}.mdi-format-header-equal::before{content:"\F272"}.mdi-format-header-increase::before{content:"\F273"}.mdi-format-header-pound::before{content:"\F274"}.mdi-format-horizontal-align-center::before{content:"\F61E"}.mdi-format-horizontal-align-left::before{content:"\F61F"}.mdi-format-horizontal-align-right::before{content:"\F620"}.mdi-format-indent-decrease::before{content:"\F275"}.mdi-format-indent-increase::before{content:"\F276"}.mdi-format-italic::before{content:"\F277"}.mdi-format-letter-case::before{content:"\FB19"}.mdi-format-letter-case-lower::before{content:"\FB1A"}.mdi-format-letter-case-upper::before{content:"\FB1B"}.mdi-format-line-spacing::before{content:"\F278"}.mdi-format-line-style::before{content:"\F5C8"}.mdi-format-line-weight::before{content:"\F5C9"}.mdi-format-list-bulleted::before{content:"\F279"}.mdi-format-list-bulleted-square::before{content:"\FDAC"}.mdi-format-list-bulleted-type::before{content:"\F27A"}.mdi-format-list-checkbox::before{content:"\F969"}.mdi-format-list-checks::before{content:"\F755"}.mdi-format-list-numbered::before{content:"\F27B"}.mdi-format-list-numbered-rtl::before{content:"\FCE9"}.mdi-format-list-triangle::before{content:"\FECF"}.mdi-format-overline::before{content:"\FED0"}.mdi-format-page-break::before{content:"\F6D6"}.mdi-format-paint::before{content:"\F27C"}.mdi-format-paragraph::before{content:"\F27D"}.mdi-format-pilcrow::before{content:"\F6D7"}.mdi-format-quote-close::before{content:"\F27E"}.mdi-format-quote-open::before{content:"\F756"}.mdi-format-rotate-90::before{content:"\F6A9"}.mdi-format-section::before{content:"\F69E"}.mdi-format-size::before{content:"\F27F"}.mdi-format-strikethrough::before{content:"\F280"}.mdi-format-strikethrough-variant::before{content:"\F281"}.mdi-format-subscript::before{content:"\F282"}.mdi-format-superscript::before{content:"\F283"}.mdi-format-text::before{content:"\F284"}.mdi-format-text-rotation-down::before{content:"\FD4F"}.mdi-format-text-rotation-none::before{content:"\FD50"}.mdi-format-text-variant::before{content:"\FE15"}.mdi-format-text-wrapping-clip::before{content:"\FCEA"}.mdi-format-text-wrapping-overflow::before{content:"\FCEB"}.mdi-format-text-wrapping-wrap::before{content:"\FCEC"}.mdi-format-textbox::before{content:"\FCED"}.mdi-format-textdirection-l-to-r::before{content:"\F285"}.mdi-format-textdirection-r-to-l::before{content:"\F286"}.mdi-format-title::before{content:"\F5F4"}.mdi-format-underline::before{content:"\F287"}.mdi-format-vertical-align-bottom::before{content:"\F621"}.mdi-format-vertical-align-center::before{content:"\F622"}.mdi-format-vertical-align-top::before{content:"\F623"}.mdi-format-wrap-inline::before{content:"\F288"}.mdi-format-wrap-square::before{content:"\F289"}.mdi-format-wrap-tight::before{content:"\F28A"}.mdi-format-wrap-top-bottom::before{content:"\F28B"}.mdi-forum::before{content:"\F28C"}.mdi-forum-outline::before{content:"\F821"}.mdi-forward::before{content:"\F28D"}.mdi-forwardburger::before{content:"\FD51"}.mdi-fountain::before{content:"\F96A"}.mdi-fountain-pen::before{content:"\FCEE"}.mdi-fountain-pen-tip::before{content:"\FCEF"}.mdi-foursquare::before{content:"\F28E"}.mdi-freebsd::before{content:"\F8DF"}.mdi-frequently-asked-questions::before{content:"\FED1"}.mdi-fridge::before{content:"\F290"}.mdi-fridge-bottom::before{content:"\F292"}.mdi-fridge-outline::before{content:"\F28F"}.mdi-fridge-top::before{content:"\F291"}.mdi-fuel::before{content:"\F7C9"}.mdi-fullscreen::before{content:"\F293"}.mdi-fullscreen-exit::before{content:"\F294"}.mdi-function::before{content:"\F295"}.mdi-function-variant::before{content:"\F870"}.mdi-fuse::before{content:"\FC61"}.mdi-fuse-blade::before{content:"\FC62"}.mdi-gamepad::before{content:"\F296"}.mdi-gamepad-circle::before{content:"\FE16"}.mdi-gamepad-circle-down::before{content:"\FE17"}.mdi-gamepad-circle-left::before{content:"\FE18"}.mdi-gamepad-circle-outline::before{content:"\FE19"}.mdi-gamepad-circle-right::before{content:"\FE1A"}.mdi-gamepad-circle-up::before{content:"\FE1B"}.mdi-gamepad-down::before{content:"\FE1C"}.mdi-gamepad-left::before{content:"\FE1D"}.mdi-gamepad-right::before{content:"\FE1E"}.mdi-gamepad-round::before{content:"\FE1F"}.mdi-gamepad-round-down::before{content:"\FE7E"}.mdi-gamepad-round-left::before{content:"\FE7F"}.mdi-gamepad-round-outline::before{content:"\FE80"}.mdi-gamepad-round-right::before{content:"\FE81"}.mdi-gamepad-round-up::before{content:"\FE82"}.mdi-gamepad-square::before{content:"\FED2"}.mdi-gamepad-square-outline::before{content:"\FED3"}.mdi-gamepad-up::before{content:"\FE83"}.mdi-gamepad-variant::before{content:"\F297"}.mdi-gamepad-variant-outline::before{content:"\FED4"}.mdi-gantry-crane::before{content:"\FDAD"}.mdi-garage::before{content:"\F6D8"}.mdi-garage-alert::before{content:"\F871"}.mdi-garage-open::before{content:"\F6D9"}.mdi-gas-cylinder::before{content:"\F647"}.mdi-gas-station::before{content:"\F298"}.mdi-gas-station-outline::before{content:"\FED5"}.mdi-gate::before{content:"\F299"}.mdi-gate-and::before{content:"\F8E0"}.mdi-gate-nand::before{content:"\F8E1"}.mdi-gate-nor::before{content:"\F8E2"}.mdi-gate-not::before{content:"\F8E3"}.mdi-gate-or::before{content:"\F8E4"}.mdi-gate-xnor::before{content:"\F8E5"}.mdi-gate-xor::before{content:"\F8E6"}.mdi-gatsby::before{content:"\FE84"}.mdi-gauge::before{content:"\F29A"}.mdi-gauge-empty::before{content:"\F872"}.mdi-gauge-full::before{content:"\F873"}.mdi-gauge-low::before{content:"\F874"}.mdi-gavel::before{content:"\F29B"}.mdi-gender-female::before{content:"\F29C"}.mdi-gender-male::before{content:"\F29D"}.mdi-gender-male-female::before{content:"\F29E"}.mdi-gender-transgender::before{content:"\F29F"}.mdi-gentoo::before{content:"\F8E7"}.mdi-gesture::before{content:"\F7CA"}.mdi-gesture-double-tap::before{content:"\F73B"}.mdi-gesture-pinch::before{content:"\FABC"}.mdi-gesture-spread::before{content:"\FABD"}.mdi-gesture-swipe::before{content:"\FD52"}.mdi-gesture-swipe-down::before{content:"\F73C"}.mdi-gesture-swipe-horizontal::before{content:"\FABE"}.mdi-gesture-swipe-left::before{content:"\F73D"}.mdi-gesture-swipe-right::before{content:"\F73E"}.mdi-gesture-swipe-up::before{content:"\F73F"}.mdi-gesture-swipe-vertical::before{content:"\FABF"}.mdi-gesture-tap::before{content:"\F740"}.mdi-gesture-tap-hold::before{content:"\FD53"}.mdi-gesture-two-double-tap::before{content:"\F741"}.mdi-gesture-two-tap::before{content:"\F742"}.mdi-ghost::before{content:"\F2A0"}.mdi-ghost-off::before{content:"\F9F4"}.mdi-gif::before{content:"\FD54"}.mdi-gift::before{content:"\FE85"}.mdi-gift-outline::before{content:"\F2A1"}.mdi-git::before{content:"\F2A2"}.mdi-github-box::before{content:"\F2A3"}.mdi-github-circle::before{content:"\F2A4"}.mdi-github-face::before{content:"\F6DA"}.mdi-gitlab::before{content:"\FB7C"}.mdi-glass-cocktail::before{content:"\F356"}.mdi-glass-flute::before{content:"\F2A5"}.mdi-glass-mug::before{content:"\F2A6"}.mdi-glass-stange::before{content:"\F2A7"}.mdi-glass-tulip::before{content:"\F2A8"}.mdi-glass-wine::before{content:"\F875"}.mdi-glassdoor::before{content:"\F2A9"}.mdi-glasses::before{content:"\F2AA"}.mdi-globe-model::before{content:"\F8E8"}.mdi-gmail::before{content:"\F2AB"}.mdi-gnome::before{content:"\F2AC"}.mdi-go-kart::before{content:"\FD55"}.mdi-go-kart-track::before{content:"\FD56"}.mdi-gog::before{content:"\FB7D"}.mdi-golf::before{content:"\F822"}.mdi-gondola::before{content:"\F685"}.mdi-goodreads::before{content:"\FD57"}.mdi-google::before{content:"\F2AD"}.mdi-google-adwords::before{content:"\FC63"}.mdi-google-allo::before{content:"\F801"}.mdi-google-analytics::before{content:"\F7CB"}.mdi-google-assistant::before{content:"\F7CC"}.mdi-google-cardboard::before{content:"\F2AE"}.mdi-google-chrome::before{content:"\F2AF"}.mdi-google-circles::before{content:"\F2B0"}.mdi-google-circles-communities::before{content:"\F2B1"}.mdi-google-circles-extended::before{content:"\F2B2"}.mdi-google-circles-group::before{content:"\F2B3"}.mdi-google-classroom::before{content:"\F2C0"}.mdi-google-controller::before{content:"\F2B4"}.mdi-google-controller-off::before{content:"\F2B5"}.mdi-google-drive::before{content:"\F2B6"}.mdi-google-earth::before{content:"\F2B7"}.mdi-google-fit::before{content:"\F96B"}.mdi-google-glass::before{content:"\F2B8"}.mdi-google-hangouts::before{content:"\F2C9"}.mdi-google-home::before{content:"\F823"}.mdi-google-keep::before{content:"\F6DB"}.mdi-google-lens::before{content:"\F9F5"}.mdi-google-maps::before{content:"\F5F5"}.mdi-google-nearby::before{content:"\F2B9"}.mdi-google-pages::before{content:"\F2BA"}.mdi-google-photos::before{content:"\F6DC"}.mdi-google-physical-web::before{content:"\F2BB"}.mdi-google-play::before{content:"\F2BC"}.mdi-google-plus::before{content:"\F2BD"}.mdi-google-plus-box::before{content:"\F2BE"}.mdi-google-podcast::before{content:"\FED6"}.mdi-google-spreadsheet::before{content:"\F9F6"}.mdi-google-street-view::before{content:"\FC64"}.mdi-google-translate::before{content:"\F2BF"}.mdi-gpu::before{content:"\F8AD"}.mdi-gradient::before{content:"\F69F"}.mdi-grain::before{content:"\FD58"}.mdi-graphql::before{content:"\F876"}.mdi-grave-stone::before{content:"\FB7E"}.mdi-grease-pencil::before{content:"\F648"}.mdi-greater-than::before{content:"\F96C"}.mdi-greater-than-or-equal::before{content:"\F96D"}.mdi-grid::before{content:"\F2C1"}.mdi-grid-large::before{content:"\F757"}.mdi-grid-off::before{content:"\F2C2"}.mdi-grill::before{content:"\FE86"}.mdi-group::before{content:"\F2C3"}.mdi-guitar-acoustic::before{content:"\F770"}.mdi-guitar-electric::before{content:"\F2C4"}.mdi-guitar-pick::before{content:"\F2C5"}.mdi-guitar-pick-outline::before{content:"\F2C6"}.mdi-guy-fawkes-mask::before{content:"\F824"}.mdi-hackernews::before{content:"\F624"}.mdi-hail::before{content:"\FAC0"}.mdi-halloween::before{content:"\FB7F"}.mdi-hamburger::before{content:"\F684"}.mdi-hammer::before{content:"\F8E9"}.mdi-hand::before{content:"\FA4E"}.mdi-hand-left::before{content:"\FE87"}.mdi-hand-okay::before{content:"\FA4F"}.mdi-hand-peace::before{content:"\FA50"}.mdi-hand-peace-variant::before{content:"\FA51"}.mdi-hand-pointing-down::before{content:"\FA52"}.mdi-hand-pointing-left::before{content:"\FA53"}.mdi-hand-pointing-right::before{content:"\F2C7"}.mdi-hand-pointing-up::before{content:"\FA54"}.mdi-hand-right::before{content:"\FE88"}.mdi-hand-saw::before{content:"\FE89"}.mdi-handball::before{content:"\FF70"}.mdi-hanger::before{content:"\F2C8"}.mdi-hard-hat::before{content:"\F96E"}.mdi-harddisk::before{content:"\F2CA"}.mdi-hat-fedora::before{content:"\FB80"}.mdi-hazard-lights::before{content:"\FC65"}.mdi-hdr::before{content:"\FD59"}.mdi-hdr-off::before{content:"\FD5A"}.mdi-headphones::before{content:"\F2CB"}.mdi-headphones-bluetooth::before{content:"\F96F"}.mdi-headphones-box::before{content:"\F2CC"}.mdi-headphones-off::before{content:"\F7CD"}.mdi-headphones-settings::before{content:"\F2CD"}.mdi-headset::before{content:"\F2CE"}.mdi-headset-dock::before{content:"\F2CF"}.mdi-headset-off::before{content:"\F2D0"}.mdi-heart::before{content:"\F2D1"}.mdi-heart-box::before{content:"\F2D2"}.mdi-heart-box-outline::before{content:"\F2D3"}.mdi-heart-broken::before{content:"\F2D4"}.mdi-heart-broken-outline::before{content:"\FCF0"}.mdi-heart-circle::before{content:"\F970"}.mdi-heart-circle-outline::before{content:"\F971"}.mdi-heart-flash::before{content:"\FF16"}.mdi-heart-half::before{content:"\F6DE"}.mdi-heart-half-full::before{content:"\F6DD"}.mdi-heart-half-outline::before{content:"\F6DF"}.mdi-heart-multiple::before{content:"\FA55"}.mdi-heart-multiple-outline::before{content:"\FA56"}.mdi-heart-off::before{content:"\F758"}.mdi-heart-outline::before{content:"\F2D5"}.mdi-heart-pulse::before{content:"\F5F6"}.mdi-helicopter::before{content:"\FAC1"}.mdi-help::before{content:"\F2D6"}.mdi-help-box::before{content:"\F78A"}.mdi-help-circle::before{content:"\F2D7"}.mdi-help-circle-outline::before{content:"\F625"}.mdi-help-network::before{content:"\F6F4"}.mdi-help-network-outline::before{content:"\FC66"}.mdi-help-rhombus::before{content:"\FB81"}.mdi-help-rhombus-outline::before{content:"\FB82"}.mdi-hexagon::before{content:"\F2D8"}.mdi-hexagon-multiple::before{content:"\F6E0"}.mdi-hexagon-outline::before{content:"\F2D9"}.mdi-hexagon-slice-1::before{content:"\FAC2"}.mdi-hexagon-slice-2::before{content:"\FAC3"}.mdi-hexagon-slice-3::before{content:"\FAC4"}.mdi-hexagon-slice-4::before{content:"\FAC5"}.mdi-hexagon-slice-5::before{content:"\FAC6"}.mdi-hexagon-slice-6::before{content:"\FAC7"}.mdi-hexagram::before{content:"\FAC8"}.mdi-hexagram-outline::before{content:"\FAC9"}.mdi-high-definition::before{content:"\F7CE"}.mdi-high-definition-box::before{content:"\F877"}.mdi-highway::before{content:"\F5F7"}.mdi-hiking::before{content:"\FD5B"}.mdi-hinduism::before{content:"\F972"}.mdi-history::before{content:"\F2DA"}.mdi-hockey-puck::before{content:"\F878"}.mdi-hockey-sticks::before{content:"\F879"}.mdi-hololens::before{content:"\F2DB"}.mdi-home::before{content:"\F2DC"}.mdi-home-account::before{content:"\F825"}.mdi-home-alert::before{content:"\F87A"}.mdi-home-analytics::before{content:"\FED7"}.mdi-home-assistant::before{content:"\F7CF"}.mdi-home-automation::before{content:"\F7D0"}.mdi-home-circle::before{content:"\F7D1"}.mdi-home-city::before{content:"\FCF1"}.mdi-home-city-outline::before{content:"\FCF2"}.mdi-home-currency-usd::before{content:"\F8AE"}.mdi-home-export-outline::before{content:"\FFB8"}.mdi-home-flood::before{content:"\FF17"}.mdi-home-floor-0::before{content:"\FDAE"}.mdi-home-floor-1::before{content:"\FD5C"}.mdi-home-floor-2::before{content:"\FD5D"}.mdi-home-floor-3::before{content:"\FD5E"}.mdi-home-floor-a::before{content:"\FD5F"}.mdi-home-floor-b::before{content:"\FD60"}.mdi-home-floor-g::before{content:"\FD61"}.mdi-home-floor-l::before{content:"\FD62"}.mdi-home-floor-negative-1::before{content:"\FDAF"}.mdi-home-group::before{content:"\FDB0"}.mdi-home-heart::before{content:"\F826"}.mdi-home-import-outline::before{content:"\FFB9"}.mdi-home-lock::before{content:"\F8EA"}.mdi-home-lock-open::before{content:"\F8EB"}.mdi-home-map-marker::before{content:"\F5F8"}.mdi-home-minus::before{content:"\F973"}.mdi-home-modern::before{content:"\F2DD"}.mdi-home-outline::before{content:"\F6A0"}.mdi-home-plus::before{content:"\F974"}.mdi-home-thermometer::before{content:"\FF71"}.mdi-home-thermometer-outline::before{content:"\FF72"}.mdi-home-variant::before{content:"\F2DE"}.mdi-home-variant-outline::before{content:"\FB83"}.mdi-hook::before{content:"\F6E1"}.mdi-hook-off::before{content:"\F6E2"}.mdi-hops::before{content:"\F2DF"}.mdi-horseshoe::before{content:"\FA57"}.mdi-hospital::before{content:"\F2E0"}.mdi-hospital-building::before{content:"\F2E1"}.mdi-hospital-marker::before{content:"\F2E2"}.mdi-hot-tub::before{content:"\F827"}.mdi-hotel::before{content:"\F2E3"}.mdi-houzz::before{content:"\F2E4"}.mdi-houzz-box::before{content:"\F2E5"}.mdi-hubspot::before{content:"\FCF3"}.mdi-hulu::before{content:"\F828"}.mdi-human::before{content:"\F2E6"}.mdi-human-child::before{content:"\F2E7"}.mdi-human-female::before{content:"\F649"}.mdi-human-female-boy::before{content:"\FA58"}.mdi-human-female-female::before{content:"\FA59"}.mdi-human-female-girl::before{content:"\FA5A"}.mdi-human-greeting::before{content:"\F64A"}.mdi-human-handsdown::before{content:"\F64B"}.mdi-human-handsup::before{content:"\F64C"}.mdi-human-male::before{content:"\F64D"}.mdi-human-male-boy::before{content:"\FA5B"}.mdi-human-male-female::before{content:"\F2E8"}.mdi-human-male-girl::before{content:"\FA5C"}.mdi-human-male-height::before{content:"\FF18"}.mdi-human-male-height-variant::before{content:"\FF19"}.mdi-human-male-male::before{content:"\FA5D"}.mdi-human-pregnant::before{content:"\F5CF"}.mdi-humble-bundle::before{content:"\F743"}.mdi-ice-cream::before{content:"\F829"}.mdi-ice-pop::before{content:"\FF1A"}.mdi-identifier::before{content:"\FF1B"}.mdi-iframe::before{content:"\FC67"}.mdi-iframe-outline::before{content:"\FC68"}.mdi-image::before{content:"\F2E9"}.mdi-image-album::before{content:"\F2EA"}.mdi-image-area::before{content:"\F2EB"}.mdi-image-area-close::before{content:"\F2EC"}.mdi-image-broken::before{content:"\F2ED"}.mdi-image-broken-variant::before{content:"\F2EE"}.mdi-image-filter::before{content:"\F2EF"}.mdi-image-filter-black-white::before{content:"\F2F0"}.mdi-image-filter-center-focus::before{content:"\F2F1"}.mdi-image-filter-center-focus-strong::before{content:"\FF1C"}.mdi-image-filter-center-focus-strong-outline::before{content:"\FF1D"}.mdi-image-filter-center-focus-weak::before{content:"\F2F2"}.mdi-image-filter-drama::before{content:"\F2F3"}.mdi-image-filter-frames::before{content:"\F2F4"}.mdi-image-filter-hdr::before{content:"\F2F5"}.mdi-image-filter-none::before{content:"\F2F6"}.mdi-image-filter-tilt-shift::before{content:"\F2F7"}.mdi-image-filter-vintage::before{content:"\F2F8"}.mdi-image-frame::before{content:"\FE8A"}.mdi-image-move::before{content:"\F9F7"}.mdi-image-multiple::before{content:"\F2F9"}.mdi-image-off::before{content:"\F82A"}.mdi-image-outline::before{content:"\F975"}.mdi-image-plus::before{content:"\F87B"}.mdi-image-search::before{content:"\F976"}.mdi-image-search-outline::before{content:"\F977"}.mdi-image-size-select-actual::before{content:"\FC69"}.mdi-image-size-select-large::before{content:"\FC6A"}.mdi-image-size-select-small::before{content:"\FC6B"}.mdi-import::before{content:"\F2FA"}.mdi-inbox::before{content:"\F686"}.mdi-inbox-arrow-down::before{content:"\F2FB"}.mdi-inbox-arrow-up::before{content:"\F3D1"}.mdi-inbox-multiple::before{content:"\F8AF"}.mdi-inbox-multiple-outline::before{content:"\FB84"}.mdi-incognito::before{content:"\F5F9"}.mdi-infinity::before{content:"\F6E3"}.mdi-information::before{content:"\F2FC"}.mdi-information-outline::before{content:"\F2FD"}.mdi-information-variant::before{content:"\F64E"}.mdi-instagram::before{content:"\F2FE"}.mdi-instapaper::before{content:"\F2FF"}.mdi-internet-explorer::before{content:"\F300"}.mdi-invert-colors::before{content:"\F301"}.mdi-invert-colors-off::before{content:"\FE8B"}.mdi-ip::before{content:"\FA5E"}.mdi-ip-network::before{content:"\FA5F"}.mdi-ip-network-outline::before{content:"\FC6C"}.mdi-ipod::before{content:"\FC6D"}.mdi-islam::before{content:"\F978"}.mdi-itunes::before{content:"\F676"}.mdi-jabber::before{content:"\FDB1"}.mdi-jeepney::before{content:"\F302"}.mdi-jellyfish::before{content:"\FF1E"}.mdi-jellyfish-outline::before{content:"\FF1F"}.mdi-jira::before{content:"\F303"}.mdi-jquery::before{content:"\F87C"}.mdi-jsfiddle::before{content:"\F304"}.mdi-json::before{content:"\F626"}.mdi-judaism::before{content:"\F979"}.mdi-kabaddi::before{content:"\FD63"}.mdi-karate::before{content:"\F82B"}.mdi-keg::before{content:"\F305"}.mdi-kettle::before{content:"\F5FA"}.mdi-kettle-outline::before{content:"\FF73"}.mdi-key::before{content:"\F306"}.mdi-key-change::before{content:"\F307"}.mdi-key-minus::before{content:"\F308"}.mdi-key-outline::before{content:"\FDB2"}.mdi-key-plus::before{content:"\F309"}.mdi-key-remove::before{content:"\F30A"}.mdi-key-variant::before{content:"\F30B"}.mdi-keyboard::before{content:"\F30C"}.mdi-keyboard-backspace::before{content:"\F30D"}.mdi-keyboard-caps::before{content:"\F30E"}.mdi-keyboard-close::before{content:"\F30F"}.mdi-keyboard-off::before{content:"\F310"}.mdi-keyboard-off-outline::before{content:"\FE8C"}.mdi-keyboard-outline::before{content:"\F97A"}.mdi-keyboard-return::before{content:"\F311"}.mdi-keyboard-settings::before{content:"\F9F8"}.mdi-keyboard-settings-outline::before{content:"\F9F9"}.mdi-keyboard-tab::before{content:"\F312"}.mdi-keyboard-variant::before{content:"\F313"}.mdi-kickstarter::before{content:"\F744"}.mdi-knife::before{content:"\F9FA"}.mdi-knife-military::before{content:"\F9FB"}.mdi-kodi::before{content:"\F314"}.mdi-label::before{content:"\F315"}.mdi-label-off::before{content:"\FACA"}.mdi-label-off-outline::before{content:"\FACB"}.mdi-label-outline::before{content:"\F316"}.mdi-label-variant::before{content:"\FACC"}.mdi-label-variant-outline::before{content:"\FACD"}.mdi-ladybug::before{content:"\F82C"}.mdi-lambda::before{content:"\F627"}.mdi-lamp::before{content:"\F6B4"}.mdi-lan::before{content:"\F317"}.mdi-lan-connect::before{content:"\F318"}.mdi-lan-disconnect::before{content:"\F319"}.mdi-lan-pending::before{content:"\F31A"}.mdi-language-c::before{content:"\F671"}.mdi-language-cpp::before{content:"\F672"}.mdi-language-csharp::before{content:"\F31B"}.mdi-language-css3::before{content:"\F31C"}.mdi-language-go::before{content:"\F7D2"}.mdi-language-haskell::before{content:"\FC6E"}.mdi-language-html5::before{content:"\F31D"}.mdi-language-java::before{content:"\FB1C"}.mdi-language-javascript::before{content:"\F31E"}.mdi-language-lua::before{content:"\F8B0"}.mdi-language-php::before{content:"\F31F"}.mdi-language-python::before{content:"\F320"}.mdi-language-python-text::before{content:"\F321"}.mdi-language-r::before{content:"\F7D3"}.mdi-language-ruby-on-rails::before{content:"\FACE"}.mdi-language-swift::before{content:"\F6E4"}.mdi-language-typescript::before{content:"\F6E5"}.mdi-laptop::before{content:"\F322"}.mdi-laptop-chromebook::before{content:"\F323"}.mdi-laptop-mac::before{content:"\F324"}.mdi-laptop-off::before{content:"\F6E6"}.mdi-laptop-windows::before{content:"\F325"}.mdi-laravel::before{content:"\FACF"}.mdi-lasso::before{content:"\FF20"}.mdi-lastfm::before{content:"\F326"}.mdi-lastpass::before{content:"\F446"}.mdi-latitude::before{content:"\FF74"}.mdi-launch::before{content:"\F327"}.mdi-lava-lamp::before{content:"\F7D4"}.mdi-layers::before{content:"\F328"}.mdi-layers-minus::before{content:"\FE8D"}.mdi-layers-off::before{content:"\F329"}.mdi-layers-off-outline::before{content:"\F9FC"}.mdi-layers-outline::before{content:"\F9FD"}.mdi-layers-plus::before{content:"\FE30"}.mdi-layers-remove::before{content:"\FE31"}.mdi-layers-triple::before{content:"\FF75"}.mdi-layers-triple-outline::before{content:"\FF76"}.mdi-lead-pencil::before{content:"\F64F"}.mdi-leaf::before{content:"\F32A"}.mdi-leaf-maple::before{content:"\FC6F"}.mdi-leak::before{content:"\FDB3"}.mdi-leak-off::before{content:"\FDB4"}.mdi-led-off::before{content:"\F32B"}.mdi-led-on::before{content:"\F32C"}.mdi-led-outline::before{content:"\F32D"}.mdi-led-strip::before{content:"\F7D5"}.mdi-led-variant-off::before{content:"\F32E"}.mdi-led-variant-on::before{content:"\F32F"}.mdi-led-variant-outline::before{content:"\F330"}.mdi-less-than::before{content:"\F97B"}.mdi-less-than-or-equal::before{content:"\F97C"}.mdi-library::before{content:"\F331"}.mdi-library-books::before{content:"\F332"}.mdi-library-movie::before{content:"\FCF4"}.mdi-library-music::before{content:"\F333"}.mdi-library-music-outline::before{content:"\FF21"}.mdi-library-plus::before{content:"\F334"}.mdi-library-shelves::before{content:"\FB85"}.mdi-library-video::before{content:"\FCF5"}.mdi-lifebuoy::before{content:"\F87D"}.mdi-light-switch::before{content:"\F97D"}.mdi-lightbulb::before{content:"\F335"}.mdi-lightbulb-off::before{content:"\FE32"}.mdi-lightbulb-off-outline::before{content:"\FE33"}.mdi-lightbulb-on::before{content:"\F6E7"}.mdi-lightbulb-on-outline::before{content:"\F6E8"}.mdi-lightbulb-outline::before{content:"\F336"}.mdi-lighthouse::before{content:"\F9FE"}.mdi-lighthouse-on::before{content:"\F9FF"}.mdi-link::before{content:"\F337"}.mdi-link-box::before{content:"\FCF6"}.mdi-link-box-outline::before{content:"\FCF7"}.mdi-link-box-variant::before{content:"\FCF8"}.mdi-link-box-variant-outline::before{content:"\FCF9"}.mdi-link-off::before{content:"\F338"}.mdi-link-plus::before{content:"\FC70"}.mdi-link-variant::before{content:"\F339"}.mdi-link-variant-off::before{content:"\F33A"}.mdi-linkedin::before{content:"\F33B"}.mdi-linkedin-box::before{content:"\F33C"}.mdi-linux::before{content:"\F33D"}.mdi-linux-mint::before{content:"\F8EC"}.mdi-litecoin::before{content:"\FA60"}.mdi-loading::before{content:"\F771"}.mdi-lock::before{content:"\F33E"}.mdi-lock-alert::before{content:"\F8ED"}.mdi-lock-clock::before{content:"\F97E"}.mdi-lock-open::before{content:"\F33F"}.mdi-lock-open-outline::before{content:"\F340"}.mdi-lock-outline::before{content:"\F341"}.mdi-lock-pattern::before{content:"\F6E9"}.mdi-lock-plus::before{content:"\F5FB"}.mdi-lock-question::before{content:"\F8EE"}.mdi-lock-reset::before{content:"\F772"}.mdi-lock-smart::before{content:"\F8B1"}.mdi-locker::before{content:"\F7D6"}.mdi-locker-multiple::before{content:"\F7D7"}.mdi-login::before{content:"\F342"}.mdi-login-variant::before{content:"\F5FC"}.mdi-logout::before{content:"\F343"}.mdi-logout-variant::before{content:"\F5FD"}.mdi-longitude::before{content:"\FF77"}.mdi-looks::before{content:"\F344"}.mdi-loop::before{content:"\F6EA"}.mdi-loupe::before{content:"\F345"}.mdi-lumx::before{content:"\F346"}.mdi-lyft::before{content:"\FB1D"}.mdi-magnet::before{content:"\F347"}.mdi-magnet-on::before{content:"\F348"}.mdi-magnify::before{content:"\F349"}.mdi-magnify-close::before{content:"\F97F"}.mdi-magnify-minus::before{content:"\F34A"}.mdi-magnify-minus-cursor::before{content:"\FA61"}.mdi-magnify-minus-outline::before{content:"\F6EB"}.mdi-magnify-plus::before{content:"\F34B"}.mdi-magnify-plus-cursor::before{content:"\FA62"}.mdi-magnify-plus-outline::before{content:"\F6EC"}.mdi-mail::before{content:"\FED8"}.mdi-mail-ru::before{content:"\F34C"}.mdi-mailbox::before{content:"\F6ED"}.mdi-mailbox-open::before{content:"\FD64"}.mdi-mailbox-open-outline::before{content:"\FD65"}.mdi-mailbox-open-up::before{content:"\FD66"}.mdi-mailbox-open-up-outline::before{content:"\FD67"}.mdi-mailbox-outline::before{content:"\FD68"}.mdi-mailbox-up::before{content:"\FD69"}.mdi-mailbox-up-outline::before{content:"\FD6A"}.mdi-map::before{content:"\F34D"}.mdi-map-check::before{content:"\FED9"}.mdi-map-check-outline::before{content:"\FEDA"}.mdi-map-clock::before{content:"\FCFA"}.mdi-map-clock-outline::before{content:"\FCFB"}.mdi-map-legend::before{content:"\FA00"}.mdi-map-marker::before{content:"\F34E"}.mdi-map-marker-alert::before{content:"\FF22"}.mdi-map-marker-alert-outline::before{content:"\FF23"}.mdi-map-marker-check::before{content:"\FC71"}.mdi-map-marker-circle::before{content:"\F34F"}.mdi-map-marker-distance::before{content:"\F8EF"}.mdi-map-marker-minus::before{content:"\F650"}.mdi-map-marker-multiple::before{content:"\F350"}.mdi-map-marker-off::before{content:"\F351"}.mdi-map-marker-outline::before{content:"\F7D8"}.mdi-map-marker-path::before{content:"\FCFC"}.mdi-map-marker-plus::before{content:"\F651"}.mdi-map-marker-question::before{content:"\FF24"}.mdi-map-marker-question-outline::before{content:"\FF25"}.mdi-map-marker-radius::before{content:"\F352"}.mdi-map-marker-remove::before{content:"\FF26"}.mdi-map-marker-remove-variant::before{content:"\FF27"}.mdi-map-minus::before{content:"\F980"}.mdi-map-outline::before{content:"\F981"}.mdi-map-plus::before{content:"\F982"}.mdi-map-search::before{content:"\F983"}.mdi-map-search-outline::before{content:"\F984"}.mdi-mapbox::before{content:"\FB86"}.mdi-margin::before{content:"\F353"}.mdi-markdown::before{content:"\F354"}.mdi-markdown-outline::before{content:"\FF78"}.mdi-marker::before{content:"\F652"}.mdi-marker-cancel::before{content:"\FDB5"}.mdi-marker-check::before{content:"\F355"}.mdi-mastodon::before{content:"\FAD0"}.mdi-mastodon-variant::before{content:"\FAD1"}.mdi-material-design::before{content:"\F985"}.mdi-material-ui::before{content:"\F357"}.mdi-math-compass::before{content:"\F358"}.mdi-math-cos::before{content:"\FC72"}.mdi-math-sin::before{content:"\FC73"}.mdi-math-tan::before{content:"\FC74"}.mdi-matrix::before{content:"\F628"}.mdi-maxcdn::before{content:"\F359"}.mdi-medal::before{content:"\F986"}.mdi-medical-bag::before{content:"\F6EE"}.mdi-medium::before{content:"\F35A"}.mdi-meetup::before{content:"\FAD2"}.mdi-memory::before{content:"\F35B"}.mdi-menu::before{content:"\F35C"}.mdi-menu-down::before{content:"\F35D"}.mdi-menu-down-outline::before{content:"\F6B5"}.mdi-menu-left::before{content:"\F35E"}.mdi-menu-left-outline::before{content:"\FA01"}.mdi-menu-open::before{content:"\FB87"}.mdi-menu-right::before{content:"\F35F"}.mdi-menu-right-outline::before{content:"\FA02"}.mdi-menu-swap::before{content:"\FA63"}.mdi-menu-swap-outline::before{content:"\FA64"}.mdi-menu-up::before{content:"\F360"}.mdi-menu-up-outline::before{content:"\F6B6"}.mdi-merge::before{content:"\FF79"}.mdi-message::before{content:"\F361"}.mdi-message-alert::before{content:"\F362"}.mdi-message-alert-outline::before{content:"\FA03"}.mdi-message-bulleted::before{content:"\F6A1"}.mdi-message-bulleted-off::before{content:"\F6A2"}.mdi-message-draw::before{content:"\F363"}.mdi-message-image::before{content:"\F364"}.mdi-message-outline::before{content:"\F365"}.mdi-message-plus::before{content:"\F653"}.mdi-message-processing::before{content:"\F366"}.mdi-message-reply::before{content:"\F367"}.mdi-message-reply-text::before{content:"\F368"}.mdi-message-settings::before{content:"\F6EF"}.mdi-message-settings-variant::before{content:"\F6F0"}.mdi-message-text::before{content:"\F369"}.mdi-message-text-outline::before{content:"\F36A"}.mdi-message-video::before{content:"\F36B"}.mdi-meteor::before{content:"\F629"}.mdi-metronome::before{content:"\F7D9"}.mdi-metronome-tick::before{content:"\F7DA"}.mdi-micro-sd::before{content:"\F7DB"}.mdi-microphone::before{content:"\F36C"}.mdi-microphone-minus::before{content:"\F8B2"}.mdi-microphone-off::before{content:"\F36D"}.mdi-microphone-outline::before{content:"\F36E"}.mdi-microphone-plus::before{content:"\F8B3"}.mdi-microphone-settings::before{content:"\F36F"}.mdi-microphone-variant::before{content:"\F370"}.mdi-microphone-variant-off::before{content:"\F371"}.mdi-microscope::before{content:"\F654"}.mdi-microsoft::before{content:"\F372"}.mdi-microsoft-dynamics::before{content:"\F987"}.mdi-microwave::before{content:"\FC75"}.mdi-middleware::before{content:"\FF7A"}.mdi-middleware-outline::before{content:"\FF7B"}.mdi-midi::before{content:"\F8F0"}.mdi-midi-port::before{content:"\F8F1"}.mdi-mine::before{content:"\FDB6"}.mdi-minecraft::before{content:"\F373"}.mdi-mini-sd::before{content:"\FA04"}.mdi-minidisc::before{content:"\FA05"}.mdi-minus::before{content:"\F374"}.mdi-minus-box::before{content:"\F375"}.mdi-minus-box-outline::before{content:"\F6F1"}.mdi-minus-circle::before{content:"\F376"}.mdi-minus-circle-outline::before{content:"\F377"}.mdi-minus-network::before{content:"\F378"}.mdi-minus-network-outline::before{content:"\FC76"}.mdi-mixcloud::before{content:"\F62A"}.mdi-mixed-martial-arts::before{content:"\FD6B"}.mdi-mixed-reality::before{content:"\F87E"}.mdi-mixer::before{content:"\F7DC"}.mdi-molecule::before{content:"\FB88"}.mdi-monitor::before{content:"\F379"}.mdi-monitor-cellphone::before{content:"\F988"}.mdi-monitor-cellphone-star::before{content:"\F989"}.mdi-monitor-dashboard::before{content:"\FA06"}.mdi-monitor-lock::before{content:"\FDB7"}.mdi-monitor-multiple::before{content:"\F37A"}.mdi-monitor-off::before{content:"\FD6C"}.mdi-monitor-screenshot::before{content:"\FE34"}.mdi-monitor-speaker::before{content:"\FF7C"}.mdi-monitor-speaker-off::before{content:"\FF7D"}.mdi-monitor-star::before{content:"\FDB8"}.mdi-moon-first-quarter::before{content:"\FF7E"}.mdi-moon-full::before{content:"\FF7F"}.mdi-moon-last-quarter::before{content:"\FF80"}.mdi-moon-new::before{content:"\FF81"}.mdi-moon-waning-crescent::before{content:"\FF82"}.mdi-moon-waning-gibbous::before{content:"\FF83"}.mdi-moon-waxing-crescent::before{content:"\FF84"}.mdi-moon-waxing-gibbous::before{content:"\FF85"}.mdi-more::before{content:"\F37B"}.mdi-mother-nurse::before{content:"\FCFD"}.mdi-motion-sensor::before{content:"\FD6D"}.mdi-motorbike::before{content:"\F37C"}.mdi-mouse::before{content:"\F37D"}.mdi-mouse-bluetooth::before{content:"\F98A"}.mdi-mouse-off::before{content:"\F37E"}.mdi-mouse-variant::before{content:"\F37F"}.mdi-mouse-variant-off::before{content:"\F380"}.mdi-move-resize::before{content:"\F655"}.mdi-move-resize-variant::before{content:"\F656"}.mdi-movie::before{content:"\F381"}.mdi-movie-outline::before{content:"\FDB9"}.mdi-movie-roll::before{content:"\F7DD"}.mdi-muffin::before{content:"\F98B"}.mdi-multiplication::before{content:"\F382"}.mdi-multiplication-box::before{content:"\F383"}.mdi-mushroom::before{content:"\F7DE"}.mdi-mushroom-outline::before{content:"\F7DF"}.mdi-music::before{content:"\F759"}.mdi-music-accidental-double-flat::before{content:"\FF86"}.mdi-music-accidental-double-sharp::before{content:"\FF87"}.mdi-music-accidental-flat::before{content:"\FF88"}.mdi-music-accidental-natural::before{content:"\FF89"}.mdi-music-accidental-sharp::before{content:"\FF8A"}.mdi-music-box::before{content:"\F384"}.mdi-music-box-outline::before{content:"\F385"}.mdi-music-circle::before{content:"\F386"}.mdi-music-circle-outline::before{content:"\FAD3"}.mdi-music-clef-alto::before{content:"\FF8B"}.mdi-music-clef-bass::before{content:"\FF8C"}.mdi-music-clef-treble::before{content:"\FF8D"}.mdi-music-note::before{content:"\F387"}.mdi-music-note-bluetooth::before{content:"\F5FE"}.mdi-music-note-bluetooth-off::before{content:"\F5FF"}.mdi-music-note-eighth::before{content:"\F388"}.mdi-music-note-eighth-dotted::before{content:"\FF8E"}.mdi-music-note-half::before{content:"\F389"}.mdi-music-note-half-dotted::before{content:"\FF8F"}.mdi-music-note-off::before{content:"\F38A"}.mdi-music-note-off-outline::before{content:"\FF90"}.mdi-music-note-outline::before{content:"\FF91"}.mdi-music-note-plus::before{content:"\FDBA"}.mdi-music-note-quarter::before{content:"\F38B"}.mdi-music-note-quarter-dotted::before{content:"\FF92"}.mdi-music-note-sixteenth::before{content:"\F38C"}.mdi-music-note-sixteenth-dotted::before{content:"\FF93"}.mdi-music-note-whole::before{content:"\F38D"}.mdi-music-note-whole-dotted::before{content:"\FF94"}.mdi-music-off::before{content:"\F75A"}.mdi-music-rest-eighth::before{content:"\FF95"}.mdi-music-rest-half::before{content:"\FF96"}.mdi-music-rest-quarter::before{content:"\FF97"}.mdi-music-rest-sixteenth::before{content:"\FF98"}.mdi-music-rest-whole::before{content:"\FF99"}.mdi-nail::before{content:"\FDBB"}.mdi-nas::before{content:"\F8F2"}.mdi-nativescript::before{content:"\F87F"}.mdi-nature::before{content:"\F38E"}.mdi-nature-people::before{content:"\F38F"}.mdi-navigation::before{content:"\F390"}.mdi-near-me::before{content:"\F5CD"}.mdi-necklace::before{content:"\FF28"}.mdi-needle::before{content:"\F391"}.mdi-netflix::before{content:"\F745"}.mdi-network::before{content:"\F6F2"}.mdi-network-off::before{content:"\FC77"}.mdi-network-off-outline::before{content:"\FC78"}.mdi-network-outline::before{content:"\FC79"}.mdi-network-strength-1::before{content:"\F8F3"}.mdi-network-strength-1-alert::before{content:"\F8F4"}.mdi-network-strength-2::before{content:"\F8F5"}.mdi-network-strength-2-alert::before{content:"\F8F6"}.mdi-network-strength-3::before{content:"\F8F7"}.mdi-network-strength-3-alert::before{content:"\F8F8"}.mdi-network-strength-4::before{content:"\F8F9"}.mdi-network-strength-4-alert::before{content:"\F8FA"}.mdi-network-strength-off::before{content:"\F8FB"}.mdi-network-strength-off-outline::before{content:"\F8FC"}.mdi-network-strength-outline::before{content:"\F8FD"}.mdi-new-box::before{content:"\F394"}.mdi-newspaper::before{content:"\F395"}.mdi-newspaper-minus::before{content:"\FF29"}.mdi-newspaper-plus::before{content:"\FF2A"}.mdi-nfc::before{content:"\F396"}.mdi-nfc-off::before{content:"\FE35"}.mdi-nfc-search-variant::before{content:"\FE36"}.mdi-nfc-tap::before{content:"\F397"}.mdi-nfc-variant::before{content:"\F398"}.mdi-nfc-variant-off::before{content:"\FE37"}.mdi-ninja::before{content:"\F773"}.mdi-nintendo-switch::before{content:"\F7E0"}.mdi-nodejs::before{content:"\F399"}.mdi-not-equal::before{content:"\F98C"}.mdi-not-equal-variant::before{content:"\F98D"}.mdi-note::before{content:"\F39A"}.mdi-note-circle::before{content:"\FEDB"}.mdi-note-multiple::before{content:"\F6B7"}.mdi-note-multiple-outline::before{content:"\F6B8"}.mdi-note-outline::before{content:"\F39B"}.mdi-note-plus::before{content:"\F39C"}.mdi-note-plus-outline::before{content:"\F39D"}.mdi-note-text::before{content:"\F39E"}.mdi-notebook::before{content:"\F82D"}.mdi-notebook-multiple::before{content:"\FE38"}.mdi-notebook-outline::before{content:"\FEDC"}.mdi-notification-clear-all::before{content:"\F39F"}.mdi-npm::before{content:"\F6F6"}.mdi-npm-variant::before{content:"\F98E"}.mdi-npm-variant-outline::before{content:"\F98F"}.mdi-nuke::before{content:"\F6A3"}.mdi-null::before{content:"\F7E1"}.mdi-numeric::before{content:"\F3A0"}.mdi-numeric-0::before{content:"\30"}.mdi-numeric-0-box::before{content:"\F3A1"}.mdi-numeric-0-box-multiple::before{content:"\FF2B"}.mdi-numeric-0-box-multiple-outline::before{content:"\F3A2"}.mdi-numeric-0-box-outline::before{content:"\F3A3"}.mdi-numeric-0-circle::before{content:"\FC7A"}.mdi-numeric-0-circle-outline::before{content:"\FC7B"}.mdi-numeric-1::before{content:"\31"}.mdi-numeric-1-box::before{content:"\F3A4"}.mdi-numeric-1-box-multiple::before{content:"\FF2C"}.mdi-numeric-1-box-multiple-outline::before{content:"\F3A5"}.mdi-numeric-1-box-outline::before{content:"\F3A6"}.mdi-numeric-1-circle::before{content:"\FC7C"}.mdi-numeric-1-circle-outline::before{content:"\FC7D"}.mdi-numeric-10-box::before{content:"\FF9A"}.mdi-numeric-10-box-outline::before{content:"\FF9B"}.mdi-numeric-2::before{content:"\32"}.mdi-numeric-2-box::before{content:"\F3A7"}.mdi-numeric-2-box-multiple::before{content:"\FF2D"}.mdi-numeric-2-box-multiple-outline::before{content:"\F3A8"}.mdi-numeric-2-box-outline::before{content:"\F3A9"}.mdi-numeric-2-circle::before{content:"\FC7E"}.mdi-numeric-2-circle-outline::before{content:"\FC7F"}.mdi-numeric-3::before{content:"\33"}.mdi-numeric-3-box::before{content:"\F3AA"}.mdi-numeric-3-box-multiple::before{content:"\FF2E"}.mdi-numeric-3-box-multiple-outline::before{content:"\F3AB"}.mdi-numeric-3-box-outline::before{content:"\F3AC"}.mdi-numeric-3-circle::before{content:"\FC80"}.mdi-numeric-3-circle-outline::before{content:"\FC81"}.mdi-numeric-4::before{content:"\34"}.mdi-numeric-4-box::before{content:"\F3AD"}.mdi-numeric-4-box-multiple::before{content:"\FF2F"}.mdi-numeric-4-box-multiple-outline::before{content:"\F3AE"}.mdi-numeric-4-box-outline::before{content:"\F3AF"}.mdi-numeric-4-circle::before{content:"\FC82"}.mdi-numeric-4-circle-outline::before{content:"\FC83"}.mdi-numeric-5::before{content:"\35"}.mdi-numeric-5-box::before{content:"\F3B0"}.mdi-numeric-5-box-multiple::before{content:"\FF30"}.mdi-numeric-5-box-multiple-outline::before{content:"\F3B1"}.mdi-numeric-5-box-outline::before{content:"\F3B2"}.mdi-numeric-5-circle::before{content:"\FC84"}.mdi-numeric-5-circle-outline::before{content:"\FC85"}.mdi-numeric-6::before{content:"\36"}.mdi-numeric-6-box::before{content:"\F3B3"}.mdi-numeric-6-box-multiple::before{content:"\FF31"}.mdi-numeric-6-box-multiple-outline::before{content:"\F3B4"}.mdi-numeric-6-box-outline::before{content:"\F3B5"}.mdi-numeric-6-circle::before{content:"\FC86"}.mdi-numeric-6-circle-outline::before{content:"\FC87"}.mdi-numeric-7::before{content:"\37"}.mdi-numeric-7-box::before{content:"\F3B6"}.mdi-numeric-7-box-multiple::before{content:"\FF32"}.mdi-numeric-7-box-multiple-outline::before{content:"\F3B7"}.mdi-numeric-7-box-outline::before{content:"\F3B8"}.mdi-numeric-7-circle::before{content:"\FC88"}.mdi-numeric-7-circle-outline::before{content:"\FC89"}.mdi-numeric-8::before{content:"\38"}.mdi-numeric-8-box::before{content:"\F3B9"}.mdi-numeric-8-box-multiple::before{content:"\FF33"}.mdi-numeric-8-box-multiple-outline::before{content:"\F3BA"}.mdi-numeric-8-box-outline::before{content:"\F3BB"}.mdi-numeric-8-circle::before{content:"\FC8A"}.mdi-numeric-8-circle-outline::before{content:"\FC8B"}.mdi-numeric-9::before{content:"\39"}.mdi-numeric-9-box::before{content:"\F3BC"}.mdi-numeric-9-box-multiple::before{content:"\FF34"}.mdi-numeric-9-box-multiple-outline::before{content:"\F3BD"}.mdi-numeric-9-box-outline::before{content:"\F3BE"}.mdi-numeric-9-circle::before{content:"\FC8C"}.mdi-numeric-9-circle-outline::before{content:"\FC8D"}.mdi-numeric-9-plus-box::before{content:"\F3BF"}.mdi-numeric-9-plus-box-multiple::before{content:"\FF35"}.mdi-numeric-9-plus-box-multiple-outline::before{content:"\F3C0"}.mdi-numeric-9-plus-box-outline::before{content:"\F3C1"}.mdi-numeric-9-plus-circle::before{content:"\FC8E"}.mdi-numeric-9-plus-circle-outline::before{content:"\FC8F"}.mdi-nut::before{content:"\F6F7"}.mdi-nutrition::before{content:"\F3C2"}.mdi-oar::before{content:"\F67B"}.mdi-ocarina::before{content:"\FDBC"}.mdi-octagon::before{content:"\F3C3"}.mdi-octagon-outline::before{content:"\F3C4"}.mdi-octagram::before{content:"\F6F8"}.mdi-octagram-outline::before{content:"\F774"}.mdi-odnoklassniki::before{content:"\F3C5"}.mdi-office::before{content:"\F3C6"}.mdi-office-building::before{content:"\F990"}.mdi-oil::before{content:"\F3C7"}.mdi-oil-lamp::before{content:"\FF36"}.mdi-oil-temperature::before{content:"\F3C8"}.mdi-omega::before{content:"\F3C9"}.mdi-one-up::before{content:"\FB89"}.mdi-onedrive::before{content:"\F3CA"}.mdi-onenote::before{content:"\F746"}.mdi-onepassword::before{content:"\F880"}.mdi-opacity::before{content:"\F5CC"}.mdi-open-in-app::before{content:"\F3CB"}.mdi-open-in-new::before{content:"\F3CC"}.mdi-open-source-initiative::before{content:"\FB8A"}.mdi-openid::before{content:"\F3CD"}.mdi-opera::before{content:"\F3CE"}.mdi-orbit::before{content:"\F018"}.mdi-origin::before{content:"\FB2B"}.mdi-ornament::before{content:"\F3CF"}.mdi-ornament-variant::before{content:"\F3D0"}.mdi-outlook::before{content:"\FCFE"}.mdi-owl::before{content:"\F3D2"}.mdi-pac-man::before{content:"\FB8B"}.mdi-package::before{content:"\F3D3"}.mdi-package-down::before{content:"\F3D4"}.mdi-package-up::before{content:"\F3D5"}.mdi-package-variant::before{content:"\F3D6"}.mdi-package-variant-closed::before{content:"\F3D7"}.mdi-page-first::before{content:"\F600"}.mdi-page-last::before{content:"\F601"}.mdi-page-layout-body::before{content:"\F6F9"}.mdi-page-layout-footer::before{content:"\F6FA"}.mdi-page-layout-header::before{content:"\F6FB"}.mdi-page-layout-header-footer::before{content:"\FF9C"}.mdi-page-layout-sidebar-left::before{content:"\F6FC"}.mdi-page-layout-sidebar-right::before{content:"\F6FD"}.mdi-page-next::before{content:"\FB8C"}.mdi-page-next-outline::before{content:"\FB8D"}.mdi-page-previous::before{content:"\FB8E"}.mdi-page-previous-outline::before{content:"\FB8F"}.mdi-palette::before{content:"\F3D8"}.mdi-palette-advanced::before{content:"\F3D9"}.mdi-palette-outline::before{content:"\FE6C"}.mdi-palette-swatch::before{content:"\F8B4"}.mdi-pan::before{content:"\FB90"}.mdi-pan-bottom-left::before{content:"\FB91"}.mdi-pan-bottom-right::before{content:"\FB92"}.mdi-pan-down::before{content:"\FB93"}.mdi-pan-horizontal::before{content:"\FB94"}.mdi-pan-left::before{content:"\FB95"}.mdi-pan-right::before{content:"\FB96"}.mdi-pan-top-left::before{content:"\FB97"}.mdi-pan-top-right::before{content:"\FB98"}.mdi-pan-up::before{content:"\FB99"}.mdi-pan-vertical::before{content:"\FB9A"}.mdi-panda::before{content:"\F3DA"}.mdi-pandora::before{content:"\F3DB"}.mdi-panorama::before{content:"\F3DC"}.mdi-panorama-fisheye::before{content:"\F3DD"}.mdi-panorama-horizontal::before{content:"\F3DE"}.mdi-panorama-vertical::before{content:"\F3DF"}.mdi-panorama-wide-angle::before{content:"\F3E0"}.mdi-paper-cut-vertical::before{content:"\F3E1"}.mdi-paperclip::before{content:"\F3E2"}.mdi-parachute::before{content:"\FC90"}.mdi-parachute-outline::before{content:"\FC91"}.mdi-parking::before{content:"\F3E3"}.mdi-passport::before{content:"\F7E2"}.mdi-passport-biometric::before{content:"\FDBD"}.mdi-patio-heater::before{content:"\FF9D"}.mdi-patreon::before{content:"\F881"}.mdi-pause::before{content:"\F3E4"}.mdi-pause-circle::before{content:"\F3E5"}.mdi-pause-circle-outline::before{content:"\F3E6"}.mdi-pause-octagon::before{content:"\F3E7"}.mdi-pause-octagon-outline::before{content:"\F3E8"}.mdi-paw::before{content:"\F3E9"}.mdi-paw-off::before{content:"\F657"}.mdi-paypal::before{content:"\F882"}.mdi-pdf-box::before{content:"\FE39"}.mdi-peace::before{content:"\F883"}.mdi-pen::before{content:"\F3EA"}.mdi-pen-lock::before{content:"\FDBE"}.mdi-pen-minus::before{content:"\FDBF"}.mdi-pen-off::before{content:"\FDC0"}.mdi-pen-plus::before{content:"\FDC1"}.mdi-pen-remove::before{content:"\FDC2"}.mdi-pencil::before{content:"\F3EB"}.mdi-pencil-box::before{content:"\F3EC"}.mdi-pencil-box-outline::before{content:"\F3ED"}.mdi-pencil-circle::before{content:"\F6FE"}.mdi-pencil-circle-outline::before{content:"\F775"}.mdi-pencil-lock::before{content:"\F3EE"}.mdi-pencil-lock-outline::before{content:"\FDC3"}.mdi-pencil-minus::before{content:"\FDC4"}.mdi-pencil-minus-outline::before{content:"\FDC5"}.mdi-pencil-off::before{content:"\F3EF"}.mdi-pencil-off-outline::before{content:"\FDC6"}.mdi-pencil-outline::before{content:"\FC92"}.mdi-pencil-plus::before{content:"\FDC7"}.mdi-pencil-plus-outline::before{content:"\FDC8"}.mdi-pencil-remove::before{content:"\FDC9"}.mdi-pencil-remove-outline::before{content:"\FDCA"}.mdi-penguin::before{content:"\FEDD"}.mdi-pentagon::before{content:"\F6FF"}.mdi-pentagon-outline::before{content:"\F700"}.mdi-percent::before{content:"\F3F0"}.mdi-periodic-table::before{content:"\F8B5"}.mdi-periodic-table-co2::before{content:"\F7E3"}.mdi-periscope::before{content:"\F747"}.mdi-perspective-less::before{content:"\FCFF"}.mdi-perspective-more::before{content:"\FD00"}.mdi-pharmacy::before{content:"\F3F1"}.mdi-phone::before{content:"\F3F2"}.mdi-phone-alert::before{content:"\FF37"}.mdi-phone-bluetooth::before{content:"\F3F3"}.mdi-phone-classic::before{content:"\F602"}.mdi-phone-forward::before{content:"\F3F4"}.mdi-phone-hangup::before{content:"\F3F5"}.mdi-phone-in-talk::before{content:"\F3F6"}.mdi-phone-incoming::before{content:"\F3F7"}.mdi-phone-lock::before{content:"\F3F8"}.mdi-phone-log::before{content:"\F3F9"}.mdi-phone-minus::before{content:"\F658"}.mdi-phone-missed::before{content:"\F3FA"}.mdi-phone-off::before{content:"\FDCB"}.mdi-phone-outgoing::before{content:"\F3FB"}.mdi-phone-outline::before{content:"\FDCC"}.mdi-phone-paused::before{content:"\F3FC"}.mdi-phone-plus::before{content:"\F659"}.mdi-phone-return::before{content:"\F82E"}.mdi-phone-rotate-landscape::before{content:"\F884"}.mdi-phone-rotate-portrait::before{content:"\F885"}.mdi-phone-settings::before{content:"\F3FD"}.mdi-phone-voip::before{content:"\F3FE"}.mdi-pi::before{content:"\F3FF"}.mdi-pi-box::before{content:"\F400"}.mdi-pi-hole::before{content:"\FDCD"}.mdi-piano::before{content:"\F67C"}.mdi-pickaxe::before{content:"\F8B6"}.mdi-picture-in-picture-bottom-right::before{content:"\FE3A"}.mdi-picture-in-picture-bottom-right-outline::before{content:"\FE3B"}.mdi-picture-in-picture-top-right::before{content:"\FE3C"}.mdi-picture-in-picture-top-right-outline::before{content:"\FE3D"}.mdi-pier::before{content:"\F886"}.mdi-pier-crane::before{content:"\F887"}.mdi-pig::before{content:"\F401"}.mdi-pill::before{content:"\F402"}.mdi-pillar::before{content:"\F701"}.mdi-pin::before{content:"\F403"}.mdi-pin-off::before{content:"\F404"}.mdi-pin-off-outline::before{content:"\F92F"}.mdi-pin-outline::before{content:"\F930"}.mdi-pine-tree::before{content:"\F405"}.mdi-pine-tree-box::before{content:"\F406"}.mdi-pinterest::before{content:"\F407"}.mdi-pinterest-box::before{content:"\F408"}.mdi-pinwheel::before{content:"\FAD4"}.mdi-pinwheel-outline::before{content:"\FAD5"}.mdi-pipe::before{content:"\F7E4"}.mdi-pipe-disconnected::before{content:"\F7E5"}.mdi-pipe-leak::before{content:"\F888"}.mdi-pirate::before{content:"\FA07"}.mdi-pistol::before{content:"\F702"}.mdi-piston::before{content:"\F889"}.mdi-pizza::before{content:"\F409"}.mdi-play::before{content:"\F40A"}.mdi-play-box-outline::before{content:"\F40B"}.mdi-play-circle::before{content:"\F40C"}.mdi-play-circle-outline::before{content:"\F40D"}.mdi-play-network::before{content:"\F88A"}.mdi-play-network-outline::before{content:"\FC93"}.mdi-play-outline::before{content:"\FF38"}.mdi-play-pause::before{content:"\F40E"}.mdi-play-protected-content::before{content:"\F40F"}.mdi-play-speed::before{content:"\F8FE"}.mdi-playlist-check::before{content:"\F5C7"}.mdi-playlist-edit::before{content:"\F8FF"}.mdi-playlist-minus::before{content:"\F410"}.mdi-playlist-music::before{content:"\FC94"}.mdi-playlist-music-outline::before{content:"\FC95"}.mdi-playlist-play::before{content:"\F411"}.mdi-playlist-plus::before{content:"\F412"}.mdi-playlist-remove::before{content:"\F413"}.mdi-playlist-star::before{content:"\FDCE"}.mdi-playstation::before{content:"\F414"}.mdi-plex::before{content:"\F6B9"}.mdi-plus::before{content:"\F415"}.mdi-plus-box::before{content:"\F416"}.mdi-plus-box-outline::before{content:"\F703"}.mdi-plus-circle::before{content:"\F417"}.mdi-plus-circle-multiple-outline::before{content:"\F418"}.mdi-plus-circle-outline::before{content:"\F419"}.mdi-plus-minus::before{content:"\F991"}.mdi-plus-minus-box::before{content:"\F992"}.mdi-plus-network::before{content:"\F41A"}.mdi-plus-network-outline::before{content:"\FC96"}.mdi-plus-one::before{content:"\F41B"}.mdi-plus-outline::before{content:"\F704"}.mdi-pocket::before{content:"\F41C"}.mdi-podcast::before{content:"\F993"}.mdi-podium::before{content:"\FD01"}.mdi-podium-bronze::before{content:"\FD02"}.mdi-podium-gold::before{content:"\FD03"}.mdi-podium-silver::before{content:"\FD04"}.mdi-point-of-sale::before{content:"\FD6E"}.mdi-pokeball::before{content:"\F41D"}.mdi-pokemon-go::before{content:"\FA08"}.mdi-poker-chip::before{content:"\F82F"}.mdi-polaroid::before{content:"\F41E"}.mdi-poll::before{content:"\F41F"}.mdi-poll-box::before{content:"\F420"}.mdi-polymer::before{content:"\F421"}.mdi-pool::before{content:"\F606"}.mdi-popcorn::before{content:"\F422"}.mdi-postage-stamp::before{content:"\FC97"}.mdi-pot::before{content:"\F65A"}.mdi-pot-mix::before{content:"\F65B"}.mdi-pound::before{content:"\F423"}.mdi-pound-box::before{content:"\F424"}.mdi-power::before{content:"\F425"}.mdi-power-cycle::before{content:"\F900"}.mdi-power-off::before{content:"\F901"}.mdi-power-on::before{content:"\F902"}.mdi-power-plug::before{content:"\F6A4"}.mdi-power-plug-off::before{content:"\F6A5"}.mdi-power-settings::before{content:"\F426"}.mdi-power-sleep::before{content:"\F903"}.mdi-power-socket::before{content:"\F427"}.mdi-power-socket-au::before{content:"\F904"}.mdi-power-socket-eu::before{content:"\F7E6"}.mdi-power-socket-uk::before{content:"\F7E7"}.mdi-power-socket-us::before{content:"\F7E8"}.mdi-power-standby::before{content:"\F905"}.mdi-powershell::before{content:"\FA09"}.mdi-prescription::before{content:"\F705"}.mdi-presentation::before{content:"\F428"}.mdi-presentation-play::before{content:"\F429"}.mdi-printer::before{content:"\F42A"}.mdi-printer-3d::before{content:"\F42B"}.mdi-printer-3d-nozzle::before{content:"\FE3E"}.mdi-printer-3d-nozzle-outline::before{content:"\FE3F"}.mdi-printer-alert::before{content:"\F42C"}.mdi-printer-off::before{content:"\FE40"}.mdi-printer-settings::before{content:"\F706"}.mdi-printer-wireless::before{content:"\FA0A"}.mdi-priority-high::before{content:"\F603"}.mdi-priority-low::before{content:"\F604"}.mdi-professional-hexagon::before{content:"\F42D"}.mdi-progress-alert::before{content:"\FC98"}.mdi-progress-check::before{content:"\F994"}.mdi-progress-clock::before{content:"\F995"}.mdi-progress-download::before{content:"\F996"}.mdi-progress-upload::before{content:"\F997"}.mdi-progress-wrench::before{content:"\FC99"}.mdi-projector::before{content:"\F42E"}.mdi-projector-screen::before{content:"\F42F"}.mdi-publish::before{content:"\F6A6"}.mdi-pulse::before{content:"\F430"}.mdi-pumpkin::before{content:"\FB9B"}.mdi-purse::before{content:"\FF39"}.mdi-purse-outline::before{content:"\FF3A"}.mdi-puzzle::before{content:"\F431"}.mdi-puzzle-outline::before{content:"\FA65"}.mdi-qi::before{content:"\F998"}.mdi-qqchat::before{content:"\F605"}.mdi-qrcode::before{content:"\F432"}.mdi-qrcode-edit::before{content:"\F8B7"}.mdi-qrcode-scan::before{content:"\F433"}.mdi-quadcopter::before{content:"\F434"}.mdi-quality-high::before{content:"\F435"}.mdi-quality-low::before{content:"\FA0B"}.mdi-quality-medium::before{content:"\FA0C"}.mdi-quicktime::before{content:"\F436"}.mdi-quora::before{content:"\FD05"}.mdi-rabbit::before{content:"\F906"}.mdi-racing-helmet::before{content:"\FD6F"}.mdi-racquetball::before{content:"\FD70"}.mdi-radar::before{content:"\F437"}.mdi-radiator::before{content:"\F438"}.mdi-radiator-disabled::before{content:"\FAD6"}.mdi-radiator-off::before{content:"\FAD7"}.mdi-radio::before{content:"\F439"}.mdi-radio-am::before{content:"\FC9A"}.mdi-radio-fm::before{content:"\FC9B"}.mdi-radio-handheld::before{content:"\F43A"}.mdi-radio-tower::before{content:"\F43B"}.mdi-radioactive::before{content:"\F43C"}.mdi-radioactive-off::before{content:"\FEDE"}.mdi-radiobox-blank::before{content:"\F43D"}.mdi-radiobox-marked::before{content:"\F43E"}.mdi-radius::before{content:"\FC9C"}.mdi-radius-outline::before{content:"\FC9D"}.mdi-railroad-light::before{content:"\FF3B"}.mdi-raspberry-pi::before{content:"\F43F"}.mdi-ray-end::before{content:"\F440"}.mdi-ray-end-arrow::before{content:"\F441"}.mdi-ray-start::before{content:"\F442"}.mdi-ray-start-arrow::before{content:"\F443"}.mdi-ray-start-end::before{content:"\F444"}.mdi-ray-vertex::before{content:"\F445"}.mdi-react::before{content:"\F707"}.mdi-read::before{content:"\F447"}.mdi-receipt::before{content:"\F449"}.mdi-record::before{content:"\F44A"}.mdi-record-circle::before{content:"\FEDF"}.mdi-record-circle-outline::before{content:"\FEE0"}.mdi-record-player::before{content:"\F999"}.mdi-record-rec::before{content:"\F44B"}.mdi-rectangle::before{content:"\FE41"}.mdi-rectangle-outline::before{content:"\FE42"}.mdi-recycle::before{content:"\F44C"}.mdi-reddit::before{content:"\F44D"}.mdi-redo::before{content:"\F44E"}.mdi-redo-variant::before{content:"\F44F"}.mdi-reflect-horizontal::before{content:"\FA0D"}.mdi-reflect-vertical::before{content:"\FA0E"}.mdi-refresh::before{content:"\F450"}.mdi-regex::before{content:"\F451"}.mdi-registered-trademark::before{content:"\FA66"}.mdi-relative-scale::before{content:"\F452"}.mdi-reload::before{content:"\F453"}.mdi-reminder::before{content:"\F88B"}.mdi-remote::before{content:"\F454"}.mdi-remote-desktop::before{content:"\F8B8"}.mdi-remote-off::before{content:"\FEE1"}.mdi-remote-tv::before{content:"\FEE2"}.mdi-remote-tv-off::before{content:"\FEE3"}.mdi-rename-box::before{content:"\F455"}.mdi-reorder-horizontal::before{content:"\F687"}.mdi-reorder-vertical::before{content:"\F688"}.mdi-repeat::before{content:"\F456"}.mdi-repeat-off::before{content:"\F457"}.mdi-repeat-once::before{content:"\F458"}.mdi-replay::before{content:"\F459"}.mdi-reply::before{content:"\F45A"}.mdi-reply-all::before{content:"\F45B"}.mdi-reply-all-outline::before{content:"\FF3C"}.mdi-reply-outline::before{content:"\FF3D"}.mdi-reproduction::before{content:"\F45C"}.mdi-resistor::before{content:"\FB1F"}.mdi-resistor-nodes::before{content:"\FB20"}.mdi-resize::before{content:"\FA67"}.mdi-resize-bottom-right::before{content:"\F45D"}.mdi-responsive::before{content:"\F45E"}.mdi-restart::before{content:"\F708"}.mdi-restart-off::before{content:"\FD71"}.mdi-restore::before{content:"\F99A"}.mdi-restore-clock::before{content:"\F6A7"}.mdi-rewind::before{content:"\F45F"}.mdi-rewind-10::before{content:"\FD06"}.mdi-rewind-30::before{content:"\FD72"}.mdi-rewind-outline::before{content:"\F709"}.mdi-rhombus::before{content:"\F70A"}.mdi-rhombus-medium::before{content:"\FA0F"}.mdi-rhombus-outline::before{content:"\F70B"}.mdi-rhombus-split::before{content:"\FA10"}.mdi-ribbon::before{content:"\F460"}.mdi-rice::before{content:"\F7E9"}.mdi-ring::before{content:"\F7EA"}.mdi-rivet::before{content:"\FE43"}.mdi-road::before{content:"\F461"}.mdi-road-variant::before{content:"\F462"}.mdi-robot::before{content:"\F6A8"}.mdi-robot-industrial::before{content:"\FB21"}.mdi-robot-vacuum::before{content:"\F70C"}.mdi-robot-vacuum-variant::before{content:"\F907"}.mdi-rocket::before{content:"\F463"}.mdi-roller-skate::before{content:"\FD07"}.mdi-rollerblade::before{content:"\FD08"}.mdi-rollupjs::before{content:"\FB9C"}.mdi-room-service::before{content:"\F88C"}.mdi-room-service-outline::before{content:"\FD73"}.mdi-rotate-3d::before{content:"\FEE4"}.mdi-rotate-3d-variant::before{content:"\F464"}.mdi-rotate-left::before{content:"\F465"}.mdi-rotate-left-variant::before{content:"\F466"}.mdi-rotate-orbit::before{content:"\FD74"}.mdi-rotate-right::before{content:"\F467"}.mdi-rotate-right-variant::before{content:"\F468"}.mdi-rounded-corner::before{content:"\F607"}.mdi-router-wireless::before{content:"\F469"}.mdi-router-wireless-settings::before{content:"\FA68"}.mdi-routes::before{content:"\F46A"}.mdi-rowing::before{content:"\F608"}.mdi-rss::before{content:"\F46B"}.mdi-rss-box::before{content:"\F46C"}.mdi-rss-off::before{content:"\FF3E"}.mdi-ruby::before{content:"\FD09"}.mdi-rugby::before{content:"\FD75"}.mdi-ruler::before{content:"\F46D"}.mdi-ruler-square::before{content:"\FC9E"}.mdi-run::before{content:"\F70D"}.mdi-run-fast::before{content:"\F46E"}.mdi-sack::before{content:"\FD0A"}.mdi-sack-percent::before{content:"\FD0B"}.mdi-safe::before{content:"\FA69"}.mdi-safety-goggles::before{content:"\FD0C"}.mdi-sailing::before{content:"\FEE5"}.mdi-sale::before{content:"\F46F"}.mdi-salesforce::before{content:"\F88D"}.mdi-sass::before{content:"\F7EB"}.mdi-satellite::before{content:"\F470"}.mdi-satellite-uplink::before{content:"\F908"}.mdi-satellite-variant::before{content:"\F471"}.mdi-sausage::before{content:"\F8B9"}.mdi-saw-blade::before{content:"\FE44"}.mdi-saxophone::before{content:"\F609"}.mdi-scale::before{content:"\F472"}.mdi-scale-balance::before{content:"\F5D1"}.mdi-scale-bathroom::before{content:"\F473"}.mdi-scanner::before{content:"\F6AA"}.mdi-scanner-off::before{content:"\F909"}.mdi-scatter-plot::before{content:"\FEE6"}.mdi-scatter-plot-outline::before{content:"\FEE7"}.mdi-school::before{content:"\F474"}.mdi-scissors-cutting::before{content:"\FA6A"}.mdi-screen-rotation::before{content:"\F475"}.mdi-screen-rotation-lock::before{content:"\F476"}.mdi-screw-flat-top::before{content:"\FDCF"}.mdi-screw-lag::before{content:"\FE54"}.mdi-screw-machine-flat-top::before{content:"\FE55"}.mdi-screw-machine-round-top::before{content:"\FE56"}.mdi-screw-round-top::before{content:"\FE57"}.mdi-screwdriver::before{content:"\F477"}.mdi-script::before{content:"\FB9D"}.mdi-script-outline::before{content:"\F478"}.mdi-script-text::before{content:"\FB9E"}.mdi-script-text-outline::before{content:"\FB9F"}.mdi-sd::before{content:"\F479"}.mdi-seal::before{content:"\F47A"}.mdi-search-web::before{content:"\F70E"}.mdi-seat::before{content:"\FC9F"}.mdi-seat-flat::before{content:"\F47B"}.mdi-seat-flat-angled::before{content:"\F47C"}.mdi-seat-individual-suite::before{content:"\F47D"}.mdi-seat-legroom-extra::before{content:"\F47E"}.mdi-seat-legroom-normal::before{content:"\F47F"}.mdi-seat-legroom-reduced::before{content:"\F480"}.mdi-seat-outline::before{content:"\FCA0"}.mdi-seat-recline-extra::before{content:"\F481"}.mdi-seat-recline-normal::before{content:"\F482"}.mdi-seatbelt::before{content:"\FCA1"}.mdi-security::before{content:"\F483"}.mdi-security-network::before{content:"\F484"}.mdi-seed::before{content:"\FE45"}.mdi-seed-outline::before{content:"\FE46"}.mdi-segment::before{content:"\FEE8"}.mdi-select::before{content:"\F485"}.mdi-select-all::before{content:"\F486"}.mdi-select-color::before{content:"\FD0D"}.mdi-select-compare::before{content:"\FAD8"}.mdi-select-drag::before{content:"\FA6B"}.mdi-select-group::before{content:"\FF9F"}.mdi-select-inverse::before{content:"\F487"}.mdi-select-off::before{content:"\F488"}.mdi-selection::before{content:"\F489"}.mdi-selection-drag::before{content:"\FA6C"}.mdi-selection-ellipse::before{content:"\FD0E"}.mdi-selection-ellipse-arrow-inside::before{content:"\FF3F"}.mdi-selection-off::before{content:"\F776"}.mdi-send::before{content:"\F48A"}.mdi-send-circle::before{content:"\FE58"}.mdi-send-circle-outline::before{content:"\FE59"}.mdi-send-lock::before{content:"\F7EC"}.mdi-serial-port::before{content:"\F65C"}.mdi-server::before{content:"\F48B"}.mdi-server-minus::before{content:"\F48C"}.mdi-server-network::before{content:"\F48D"}.mdi-server-network-off::before{content:"\F48E"}.mdi-server-off::before{content:"\F48F"}.mdi-server-plus::before{content:"\F490"}.mdi-server-remove::before{content:"\F491"}.mdi-server-security::before{content:"\F492"}.mdi-set-all::before{content:"\F777"}.mdi-set-center::before{content:"\F778"}.mdi-set-center-right::before{content:"\F779"}.mdi-set-left::before{content:"\F77A"}.mdi-set-left-center::before{content:"\F77B"}.mdi-set-left-right::before{content:"\F77C"}.mdi-set-none::before{content:"\F77D"}.mdi-set-right::before{content:"\F77E"}.mdi-set-top-box::before{content:"\F99E"}.mdi-settings::before{content:"\F493"}.mdi-settings-box::before{content:"\F494"}.mdi-settings-helper::before{content:"\FA6D"}.mdi-settings-outline::before{content:"\F8BA"}.mdi-shape::before{content:"\F830"}.mdi-shape-circle-plus::before{content:"\F65D"}.mdi-shape-outline::before{content:"\F831"}.mdi-shape-plus::before{content:"\F495"}.mdi-shape-polygon-plus::before{content:"\F65E"}.mdi-shape-rectangle-plus::before{content:"\F65F"}.mdi-shape-square-plus::before{content:"\F660"}.mdi-share::before{content:"\F496"}.mdi-share-off::before{content:"\FF40"}.mdi-share-off-outline::before{content:"\FF41"}.mdi-share-outline::before{content:"\F931"}.mdi-share-variant::before{content:"\F497"}.mdi-sheep::before{content:"\FCA2"}.mdi-shield::before{content:"\F498"}.mdi-shield-account::before{content:"\F88E"}.mdi-shield-account-outline::before{content:"\FA11"}.mdi-shield-airplane::before{content:"\F6BA"}.mdi-shield-airplane-outline::before{content:"\FCA3"}.mdi-shield-alert::before{content:"\FEE9"}.mdi-shield-alert-outline::before{content:"\FEEA"}.mdi-shield-car::before{content:"\FFA0"}.mdi-shield-check::before{content:"\F565"}.mdi-shield-check-outline::before{content:"\FCA4"}.mdi-shield-cross::before{content:"\FCA5"}.mdi-shield-cross-outline::before{content:"\FCA6"}.mdi-shield-half-full::before{content:"\F77F"}.mdi-shield-home::before{content:"\F689"}.mdi-shield-home-outline::before{content:"\FCA7"}.mdi-shield-key::before{content:"\FBA0"}.mdi-shield-key-outline::before{content:"\FBA1"}.mdi-shield-link-variant::before{content:"\FD0F"}.mdi-shield-link-variant-outline::before{content:"\FD10"}.mdi-shield-lock::before{content:"\F99C"}.mdi-shield-lock-outline::before{content:"\FCA8"}.mdi-shield-off::before{content:"\F99D"}.mdi-shield-off-outline::before{content:"\F99B"}.mdi-shield-outline::before{content:"\F499"}.mdi-shield-plus::before{content:"\FAD9"}.mdi-shield-plus-outline::before{content:"\FADA"}.mdi-shield-remove::before{content:"\FADB"}.mdi-shield-remove-outline::before{content:"\FADC"}.mdi-shield-search::before{content:"\FD76"}.mdi-ship-wheel::before{content:"\F832"}.mdi-shoe-formal::before{content:"\FB22"}.mdi-shoe-heel::before{content:"\FB23"}.mdi-shoe-print::before{content:"\FE5A"}.mdi-shopify::before{content:"\FADD"}.mdi-shopping::before{content:"\F49A"}.mdi-shopping-music::before{content:"\F49B"}.mdi-shopping-search::before{content:"\FFA1"}.mdi-shovel::before{content:"\F70F"}.mdi-shovel-off::before{content:"\F710"}.mdi-shower::before{content:"\F99F"}.mdi-shower-head::before{content:"\F9A0"}.mdi-shredder::before{content:"\F49C"}.mdi-shuffle::before{content:"\F49D"}.mdi-shuffle-disabled::before{content:"\F49E"}.mdi-shuffle-variant::before{content:"\F49F"}.mdi-sigma::before{content:"\F4A0"}.mdi-sigma-lower::before{content:"\F62B"}.mdi-sign-caution::before{content:"\F4A1"}.mdi-sign-direction::before{content:"\F780"}.mdi-sign-text::before{content:"\F781"}.mdi-signal::before{content:"\F4A2"}.mdi-signal-2g::before{content:"\F711"}.mdi-signal-3g::before{content:"\F712"}.mdi-signal-4g::before{content:"\F713"}.mdi-signal-5g::before{content:"\FA6E"}.mdi-signal-cellular-1::before{content:"\F8BB"}.mdi-signal-cellular-2::before{content:"\F8BC"}.mdi-signal-cellular-3::before{content:"\F8BD"}.mdi-signal-cellular-outline::before{content:"\F8BE"}.mdi-signal-distance-variant::before{content:"\FE47"}.mdi-signal-hspa::before{content:"\F714"}.mdi-signal-hspa-plus::before{content:"\F715"}.mdi-signal-off::before{content:"\F782"}.mdi-signal-variant::before{content:"\F60A"}.mdi-signature::before{content:"\FE5B"}.mdi-signature-freehand::before{content:"\FE5C"}.mdi-signature-image::before{content:"\FE5D"}.mdi-signature-text::before{content:"\FE5E"}.mdi-silo::before{content:"\FB24"}.mdi-silverware::before{content:"\F4A3"}.mdi-silverware-fork::before{content:"\F4A4"}.mdi-silverware-fork-knife::before{content:"\FA6F"}.mdi-silverware-spoon::before{content:"\F4A5"}.mdi-silverware-variant::before{content:"\F4A6"}.mdi-sim::before{content:"\F4A7"}.mdi-sim-alert::before{content:"\F4A8"}.mdi-sim-off::before{content:"\F4A9"}.mdi-sina-weibo::before{content:"\FADE"}.mdi-sitemap::before{content:"\F4AA"}.mdi-skate::before{content:"\FD11"}.mdi-skew-less::before{content:"\FD12"}.mdi-skew-more::before{content:"\FD13"}.mdi-skip-backward::before{content:"\F4AB"}.mdi-skip-backward-outline::before{content:"\FF42"}.mdi-skip-forward::before{content:"\F4AC"}.mdi-skip-forward-outline::before{content:"\FF43"}.mdi-skip-next::before{content:"\F4AD"}.mdi-skip-next-circle::before{content:"\F661"}.mdi-skip-next-circle-outline::before{content:"\F662"}.mdi-skip-next-outline::before{content:"\FF44"}.mdi-skip-previous::before{content:"\F4AE"}.mdi-skip-previous-circle::before{content:"\F663"}.mdi-skip-previous-circle-outline::before{content:"\F664"}.mdi-skip-previous-outline::before{content:"\FF45"}.mdi-skull::before{content:"\F68B"}.mdi-skull-crossbones::before{content:"\FBA2"}.mdi-skull-crossbones-outline::before{content:"\FBA3"}.mdi-skull-outline::before{content:"\FBA4"}.mdi-skype::before{content:"\F4AF"}.mdi-skype-business::before{content:"\F4B0"}.mdi-slack::before{content:"\F4B1"}.mdi-slackware::before{content:"\F90A"}.mdi-sleep::before{content:"\F4B2"}.mdi-sleep-off::before{content:"\F4B3"}.mdi-slope-downhill::before{content:"\FE5F"}.mdi-slope-uphill::before{content:"\FE60"}.mdi-smog::before{content:"\FA70"}.mdi-smoke-detector::before{content:"\F392"}.mdi-smoking::before{content:"\F4B4"}.mdi-smoking-off::before{content:"\F4B5"}.mdi-snapchat::before{content:"\F4B6"}.mdi-snowflake::before{content:"\F716"}.mdi-snowflake-alert::before{content:"\FF46"}.mdi-snowflake-variant::before{content:"\FF47"}.mdi-snowman::before{content:"\F4B7"}.mdi-soccer::before{content:"\F4B8"}.mdi-soccer-field::before{content:"\F833"}.mdi-sofa::before{content:"\F4B9"}.mdi-solar-panel::before{content:"\FD77"}.mdi-solar-panel-large::before{content:"\FD78"}.mdi-solar-power::before{content:"\FA71"}.mdi-solid::before{content:"\F68C"}.mdi-sort::before{content:"\F4BA"}.mdi-sort-alphabetical::before{content:"\F4BB"}.mdi-sort-ascending::before{content:"\F4BC"}.mdi-sort-descending::before{content:"\F4BD"}.mdi-sort-numeric::before{content:"\F4BE"}.mdi-sort-variant::before{content:"\F4BF"}.mdi-sort-variant-lock::before{content:"\FCA9"}.mdi-sort-variant-lock-open::before{content:"\FCAA"}.mdi-soundcloud::before{content:"\F4C0"}.mdi-source-branch::before{content:"\F62C"}.mdi-source-commit::before{content:"\F717"}.mdi-source-commit-end::before{content:"\F718"}.mdi-source-commit-end-local::before{content:"\F719"}.mdi-source-commit-local::before{content:"\F71A"}.mdi-source-commit-next-local::before{content:"\F71B"}.mdi-source-commit-start::before{content:"\F71C"}.mdi-source-commit-start-next-local::before{content:"\F71D"}.mdi-source-fork::before{content:"\F4C1"}.mdi-source-merge::before{content:"\F62D"}.mdi-source-pull::before{content:"\F4C2"}.mdi-source-repository::before{content:"\FCAB"}.mdi-source-repository-multiple::before{content:"\FCAC"}.mdi-soy-sauce::before{content:"\F7ED"}.mdi-spa::before{content:"\FCAD"}.mdi-spa-outline::before{content:"\FCAE"}.mdi-space-invaders::before{content:"\FBA5"}.mdi-spade::before{content:"\FE48"}.mdi-speaker::before{content:"\F4C3"}.mdi-speaker-bluetooth::before{content:"\F9A1"}.mdi-speaker-multiple::before{content:"\FD14"}.mdi-speaker-off::before{content:"\F4C4"}.mdi-speaker-wireless::before{content:"\F71E"}.mdi-speedometer::before{content:"\F4C5"}.mdi-speedometer-medium::before{content:"\FFA2"}.mdi-speedometer-slow::before{content:"\FFA3"}.mdi-spellcheck::before{content:"\F4C6"}.mdi-spider-web::before{content:"\FBA6"}.mdi-spotify::before{content:"\F4C7"}.mdi-spotlight::before{content:"\F4C8"}.mdi-spotlight-beam::before{content:"\F4C9"}.mdi-spray::before{content:"\F665"}.mdi-spray-bottle::before{content:"\FADF"}.mdi-sprout::before{content:"\FE49"}.mdi-sprout-outline::before{content:"\FE4A"}.mdi-square::before{content:"\F763"}.mdi-square-edit-outline::before{content:"\F90B"}.mdi-square-inc::before{content:"\F4CA"}.mdi-square-inc-cash::before{content:"\F4CB"}.mdi-square-medium::before{content:"\FA12"}.mdi-square-medium-outline::before{content:"\FA13"}.mdi-square-outline::before{content:"\F762"}.mdi-square-root::before{content:"\F783"}.mdi-square-root-box::before{content:"\F9A2"}.mdi-square-small::before{content:"\FA14"}.mdi-squeegee::before{content:"\FAE0"}.mdi-ssh::before{content:"\F8BF"}.mdi-stack-exchange::before{content:"\F60B"}.mdi-stack-overflow::before{content:"\F4CC"}.mdi-stadium::before{content:"\F71F"}.mdi-stairs::before{content:"\F4CD"}.mdi-stamper::before{content:"\FD15"}.mdi-standard-definition::before{content:"\F7EE"}.mdi-star::before{content:"\F4CE"}.mdi-star-box::before{content:"\FA72"}.mdi-star-box-outline::before{content:"\FA73"}.mdi-star-circle::before{content:"\F4CF"}.mdi-star-circle-outline::before{content:"\F9A3"}.mdi-star-face::before{content:"\F9A4"}.mdi-star-four-points::before{content:"\FAE1"}.mdi-star-four-points-outline::before{content:"\FAE2"}.mdi-star-half::before{content:"\F4D0"}.mdi-star-off::before{content:"\F4D1"}.mdi-star-outline::before{content:"\F4D2"}.mdi-star-three-points::before{content:"\FAE3"}.mdi-star-three-points-outline::before{content:"\FAE4"}.mdi-steam::before{content:"\F4D3"}.mdi-steam-box::before{content:"\F90C"}.mdi-steering::before{content:"\F4D4"}.mdi-steering-off::before{content:"\F90D"}.mdi-step-backward::before{content:"\F4D5"}.mdi-step-backward-2::before{content:"\F4D6"}.mdi-step-forward::before{content:"\F4D7"}.mdi-step-forward-2::before{content:"\F4D8"}.mdi-stethoscope::before{content:"\F4D9"}.mdi-sticker::before{content:"\F5D0"}.mdi-sticker-emoji::before{content:"\F784"}.mdi-stocking::before{content:"\F4DA"}.mdi-stop::before{content:"\F4DB"}.mdi-stop-circle::before{content:"\F666"}.mdi-stop-circle-outline::before{content:"\F667"}.mdi-store::before{content:"\F4DC"}.mdi-store-24-hour::before{content:"\F4DD"}.mdi-stove::before{content:"\F4DE"}.mdi-strava::before{content:"\FB25"}.mdi-stretch-to-page::before{content:"\FF48"}.mdi-stretch-to-page-outline::before{content:"\FF49"}.mdi-subdirectory-arrow-left::before{content:"\F60C"}.mdi-subdirectory-arrow-right::before{content:"\F60D"}.mdi-subtitles::before{content:"\FA15"}.mdi-subtitles-outline::before{content:"\FA16"}.mdi-subway::before{content:"\F6AB"}.mdi-subway-alert-variant::before{content:"\FD79"}.mdi-subway-variant::before{content:"\F4DF"}.mdi-summit::before{content:"\F785"}.mdi-sunglasses::before{content:"\F4E0"}.mdi-surround-sound::before{content:"\F5C5"}.mdi-surround-sound-2-0::before{content:"\F7EF"}.mdi-surround-sound-3-1::before{content:"\F7F0"}.mdi-surround-sound-5-1::before{content:"\F7F1"}.mdi-surround-sound-7-1::before{content:"\F7F2"}.mdi-svg::before{content:"\F720"}.mdi-swap-horizontal::before{content:"\F4E1"}.mdi-swap-horizontal-bold::before{content:"\FBA9"}.mdi-swap-horizontal-variant::before{content:"\F8C0"}.mdi-swap-vertical::before{content:"\F4E2"}.mdi-swap-vertical-bold::before{content:"\FBAA"}.mdi-swap-vertical-variant::before{content:"\F8C1"}.mdi-swim::before{content:"\F4E3"}.mdi-switch::before{content:"\F4E4"}.mdi-sword::before{content:"\F4E5"}.mdi-sword-cross::before{content:"\F786"}.mdi-symfony::before{content:"\FAE5"}.mdi-sync::before{content:"\F4E6"}.mdi-sync-alert::before{content:"\F4E7"}.mdi-sync-off::before{content:"\F4E8"}.mdi-tab::before{content:"\F4E9"}.mdi-tab-minus::before{content:"\FB26"}.mdi-tab-plus::before{content:"\F75B"}.mdi-tab-remove::before{content:"\FB27"}.mdi-tab-unselected::before{content:"\F4EA"}.mdi-table::before{content:"\F4EB"}.mdi-table-border::before{content:"\FA17"}.mdi-table-column::before{content:"\F834"}.mdi-table-column-plus-after::before{content:"\F4EC"}.mdi-table-column-plus-before::before{content:"\F4ED"}.mdi-table-column-remove::before{content:"\F4EE"}.mdi-table-column-width::before{content:"\F4EF"}.mdi-table-edit::before{content:"\F4F0"}.mdi-table-large::before{content:"\F4F1"}.mdi-table-large-plus::before{content:"\FFA4"}.mdi-table-large-remove::before{content:"\FFA5"}.mdi-table-merge-cells::before{content:"\F9A5"}.mdi-table-of-contents::before{content:"\F835"}.mdi-table-plus::before{content:"\FA74"}.mdi-table-remove::before{content:"\FA75"}.mdi-table-row::before{content:"\F836"}.mdi-table-row-height::before{content:"\F4F2"}.mdi-table-row-plus-after::before{content:"\F4F3"}.mdi-table-row-plus-before::before{content:"\F4F4"}.mdi-table-row-remove::before{content:"\F4F5"}.mdi-table-search::before{content:"\F90E"}.mdi-table-settings::before{content:"\F837"}.mdi-table-tennis::before{content:"\FE4B"}.mdi-tablet::before{content:"\F4F6"}.mdi-tablet-android::before{content:"\F4F7"}.mdi-tablet-cellphone::before{content:"\F9A6"}.mdi-tablet-dashboard::before{content:"\FEEB"}.mdi-tablet-ipad::before{content:"\F4F8"}.mdi-taco::before{content:"\F761"}.mdi-tag::before{content:"\F4F9"}.mdi-tag-faces::before{content:"\F4FA"}.mdi-tag-heart::before{content:"\F68A"}.mdi-tag-heart-outline::before{content:"\FBAB"}.mdi-tag-minus::before{content:"\F90F"}.mdi-tag-multiple::before{content:"\F4FB"}.mdi-tag-outline::before{content:"\F4FC"}.mdi-tag-plus::before{content:"\F721"}.mdi-tag-remove::before{content:"\F722"}.mdi-tag-text-outline::before{content:"\F4FD"}.mdi-tank::before{content:"\FD16"}.mdi-tape-measure::before{content:"\FB28"}.mdi-target::before{content:"\F4FE"}.mdi-target-account::before{content:"\FBAC"}.mdi-target-variant::before{content:"\FA76"}.mdi-taxi::before{content:"\F4FF"}.mdi-tea::before{content:"\FD7A"}.mdi-tea-outline::before{content:"\FD7B"}.mdi-teach::before{content:"\F88F"}.mdi-teamviewer::before{content:"\F500"}.mdi-telegram::before{content:"\F501"}.mdi-telescope::before{content:"\FB29"}.mdi-television::before{content:"\F502"}.mdi-television-box::before{content:"\F838"}.mdi-television-classic::before{content:"\F7F3"}.mdi-television-classic-off::before{content:"\F839"}.mdi-television-guide::before{content:"\F503"}.mdi-television-off::before{content:"\F83A"}.mdi-television-pause::before{content:"\FFA6"}.mdi-television-play::before{content:"\FEEC"}.mdi-television-stop::before{content:"\FFA7"}.mdi-temperature-celsius::before{content:"\F504"}.mdi-temperature-fahrenheit::before{content:"\F505"}.mdi-temperature-kelvin::before{content:"\F506"}.mdi-tennis::before{content:"\FD7C"}.mdi-tennis-ball::before{content:"\F507"}.mdi-tent::before{content:"\F508"}.mdi-terrain::before{content:"\F509"}.mdi-test-tube::before{content:"\F668"}.mdi-test-tube-empty::before{content:"\F910"}.mdi-test-tube-off::before{content:"\F911"}.mdi-text::before{content:"\F9A7"}.mdi-text-shadow::before{content:"\F669"}.mdi-text-short::before{content:"\F9A8"}.mdi-text-subject::before{content:"\F9A9"}.mdi-text-to-speech::before{content:"\F50A"}.mdi-text-to-speech-off::before{content:"\F50B"}.mdi-textbox::before{content:"\F60E"}.mdi-textbox-password::before{content:"\F7F4"}.mdi-texture::before{content:"\F50C"}.mdi-theater::before{content:"\F50D"}.mdi-theme-light-dark::before{content:"\F50E"}.mdi-thermometer::before{content:"\F50F"}.mdi-thermometer-alert::before{content:"\FE61"}.mdi-thermometer-chevron-down::before{content:"\FE62"}.mdi-thermometer-chevron-up::before{content:"\FE63"}.mdi-thermometer-lines::before{content:"\F510"}.mdi-thermometer-minus::before{content:"\FE64"}.mdi-thermometer-plus::before{content:"\FE65"}.mdi-thermostat::before{content:"\F393"}.mdi-thermostat-box::before{content:"\F890"}.mdi-thought-bubble::before{content:"\F7F5"}.mdi-thought-bubble-outline::before{content:"\F7F6"}.mdi-thumb-down::before{content:"\F511"}.mdi-thumb-down-outline::before{content:"\F512"}.mdi-thumb-up::before{content:"\F513"}.mdi-thumb-up-outline::before{content:"\F514"}.mdi-thumbs-up-down::before{content:"\F515"}.mdi-ticket::before{content:"\F516"}.mdi-ticket-account::before{content:"\F517"}.mdi-ticket-confirmation::before{content:"\F518"}.mdi-ticket-outline::before{content:"\F912"}.mdi-ticket-percent::before{content:"\F723"}.mdi-tie::before{content:"\F519"}.mdi-tilde::before{content:"\F724"}.mdi-timelapse::before{content:"\F51A"}.mdi-timeline::before{content:"\FBAD"}.mdi-timeline-alert::before{content:"\FFB2"}.mdi-timeline-alert-outline::before{content:"\FFB5"}.mdi-timeline-help::before{content:"\FFB6"}.mdi-timeline-help-outline::before{content:"\FFB7"}.mdi-timeline-outline::before{content:"\FBAE"}.mdi-timeline-plus::before{content:"\FFB3"}.mdi-timeline-plus-outline::before{content:"\FFB4"}.mdi-timeline-text::before{content:"\FBAF"}.mdi-timeline-text-outline::before{content:"\FBB0"}.mdi-timer::before{content:"\F51B"}.mdi-timer-10::before{content:"\F51C"}.mdi-timer-3::before{content:"\F51D"}.mdi-timer-off::before{content:"\F51E"}.mdi-timer-sand::before{content:"\F51F"}.mdi-timer-sand-empty::before{content:"\F6AC"}.mdi-timer-sand-full::before{content:"\F78B"}.mdi-timetable::before{content:"\F520"}.mdi-toaster-oven::before{content:"\FCAF"}.mdi-toggle-switch::before{content:"\F521"}.mdi-toggle-switch-off::before{content:"\F522"}.mdi-toggle-switch-off-outline::before{content:"\FA18"}.mdi-toggle-switch-outline::before{content:"\FA19"}.mdi-toilet::before{content:"\F9AA"}.mdi-toolbox::before{content:"\F9AB"}.mdi-toolbox-outline::before{content:"\F9AC"}.mdi-tooltip::before{content:"\F523"}.mdi-tooltip-account::before{content:"\F00C"}.mdi-tooltip-edit::before{content:"\F524"}.mdi-tooltip-image::before{content:"\F525"}.mdi-tooltip-image-outline::before{content:"\FBB1"}.mdi-tooltip-outline::before{content:"\F526"}.mdi-tooltip-plus::before{content:"\FBB2"}.mdi-tooltip-plus-outline::before{content:"\F527"}.mdi-tooltip-text::before{content:"\F528"}.mdi-tooltip-text-outline::before{content:"\FBB3"}.mdi-tooth::before{content:"\F8C2"}.mdi-tooth-outline::before{content:"\F529"}.mdi-tor::before{content:"\F52A"}.mdi-tortoise::before{content:"\FD17"}.mdi-tournament::before{content:"\F9AD"}.mdi-tower-beach::before{content:"\F680"}.mdi-tower-fire::before{content:"\F681"}.mdi-towing::before{content:"\F83B"}.mdi-track-light::before{content:"\F913"}.mdi-trackpad::before{content:"\F7F7"}.mdi-trackpad-lock::before{content:"\F932"}.mdi-tractor::before{content:"\F891"}.mdi-trademark::before{content:"\FA77"}.mdi-traffic-light::before{content:"\F52B"}.mdi-train::before{content:"\F52C"}.mdi-train-car::before{content:"\FBB4"}.mdi-train-variant::before{content:"\F8C3"}.mdi-tram::before{content:"\F52D"}.mdi-transcribe::before{content:"\F52E"}.mdi-transcribe-close::before{content:"\F52F"}.mdi-transfer-down::before{content:"\FD7D"}.mdi-transfer-left::before{content:"\FD7E"}.mdi-transfer-right::before{content:"\F530"}.mdi-transfer-up::before{content:"\FD7F"}.mdi-transit-connection::before{content:"\FD18"}.mdi-transit-connection-variant::before{content:"\FD19"}.mdi-transit-detour::before{content:"\FFA8"}.mdi-transit-transfer::before{content:"\F6AD"}.mdi-transition::before{content:"\F914"}.mdi-transition-masked::before{content:"\F915"}.mdi-translate::before{content:"\F5CA"}.mdi-translate-off::before{content:"\FE66"}.mdi-transmission-tower::before{content:"\FD1A"}.mdi-trash-can::before{content:"\FA78"}.mdi-trash-can-outline::before{content:"\FA79"}.mdi-treasure-chest::before{content:"\F725"}.mdi-tree::before{content:"\F531"}.mdi-tree-outline::before{content:"\FE4C"}.mdi-trello::before{content:"\F532"}.mdi-trending-down::before{content:"\F533"}.mdi-trending-neutral::before{content:"\F534"}.mdi-trending-up::before{content:"\F535"}.mdi-triangle::before{content:"\F536"}.mdi-triangle-outline::before{content:"\F537"}.mdi-triforce::before{content:"\FBB5"}.mdi-trophy::before{content:"\F538"}.mdi-trophy-award::before{content:"\F539"}.mdi-trophy-broken::before{content:"\FD80"}.mdi-trophy-outline::before{content:"\F53A"}.mdi-trophy-variant::before{content:"\F53B"}.mdi-trophy-variant-outline::before{content:"\F53C"}.mdi-truck::before{content:"\F53D"}.mdi-truck-check::before{content:"\FCB0"}.mdi-truck-delivery::before{content:"\F53E"}.mdi-truck-fast::before{content:"\F787"}.mdi-truck-trailer::before{content:"\F726"}.mdi-tshirt-crew::before{content:"\FA7A"}.mdi-tshirt-crew-outline::before{content:"\F53F"}.mdi-tshirt-v::before{content:"\FA7B"}.mdi-tshirt-v-outline::before{content:"\F540"}.mdi-tumble-dryer::before{content:"\F916"}.mdi-tumblr::before{content:"\F541"}.mdi-tumblr-box::before{content:"\F917"}.mdi-tumblr-reblog::before{content:"\F542"}.mdi-tune::before{content:"\F62E"}.mdi-tune-vertical::before{content:"\F66A"}.mdi-turnstile::before{content:"\FCB1"}.mdi-turnstile-outline::before{content:"\FCB2"}.mdi-turtle::before{content:"\FCB3"}.mdi-twitch::before{content:"\F543"}.mdi-twitter::before{content:"\F544"}.mdi-twitter-box::before{content:"\F545"}.mdi-twitter-circle::before{content:"\F546"}.mdi-twitter-retweet::before{content:"\F547"}.mdi-two-factor-authentication::before{content:"\F9AE"}.mdi-typewriter::before{content:"\FF4A"}.mdi-uber::before{content:"\F748"}.mdi-ubisoft::before{content:"\FBB6"}.mdi-ubuntu::before{content:"\F548"}.mdi-ultra-high-definition::before{content:"\F7F8"}.mdi-umbraco::before{content:"\F549"}.mdi-umbrella::before{content:"\F54A"}.mdi-umbrella-closed::before{content:"\F9AF"}.mdi-umbrella-outline::before{content:"\F54B"}.mdi-undo::before{content:"\F54C"}.mdi-undo-variant::before{content:"\F54D"}.mdi-unfold-less-horizontal::before{content:"\F54E"}.mdi-unfold-less-vertical::before{content:"\F75F"}.mdi-unfold-more-horizontal::before{content:"\F54F"}.mdi-unfold-more-vertical::before{content:"\F760"}.mdi-ungroup::before{content:"\F550"}.mdi-unicode::before{content:"\FEED"}.mdi-unity::before{content:"\F6AE"}.mdi-unreal::before{content:"\F9B0"}.mdi-untappd::before{content:"\F551"}.mdi-update::before{content:"\F6AF"}.mdi-upload::before{content:"\F552"}.mdi-upload-multiple::before{content:"\F83C"}.mdi-upload-network::before{content:"\F6F5"}.mdi-upload-network-outline::before{content:"\FCB4"}.mdi-upload-outline::before{content:"\FE67"}.mdi-usb::before{content:"\F553"}.mdi-van-passenger::before{content:"\F7F9"}.mdi-van-utility::before{content:"\F7FA"}.mdi-vanish::before{content:"\F7FB"}.mdi-variable::before{content:"\FAE6"}.mdi-vector-arrange-above::before{content:"\F554"}.mdi-vector-arrange-below::before{content:"\F555"}.mdi-vector-bezier::before{content:"\FAE7"}.mdi-vector-circle::before{content:"\F556"}.mdi-vector-circle-variant::before{content:"\F557"}.mdi-vector-combine::before{content:"\F558"}.mdi-vector-curve::before{content:"\F559"}.mdi-vector-difference::before{content:"\F55A"}.mdi-vector-difference-ab::before{content:"\F55B"}.mdi-vector-difference-ba::before{content:"\F55C"}.mdi-vector-ellipse::before{content:"\F892"}.mdi-vector-intersection::before{content:"\F55D"}.mdi-vector-line::before{content:"\F55E"}.mdi-vector-point::before{content:"\F55F"}.mdi-vector-polygon::before{content:"\F560"}.mdi-vector-polyline::before{content:"\F561"}.mdi-vector-radius::before{content:"\F749"}.mdi-vector-rectangle::before{content:"\F5C6"}.mdi-vector-selection::before{content:"\F562"}.mdi-vector-square::before{content:"\F001"}.mdi-vector-triangle::before{content:"\F563"}.mdi-vector-union::before{content:"\F564"}.mdi-venmo::before{content:"\F578"}.mdi-vhs::before{content:"\FA1A"}.mdi-vibrate::before{content:"\F566"}.mdi-vibrate-off::before{content:"\FCB5"}.mdi-video::before{content:"\F567"}.mdi-video-3d::before{content:"\F7FC"}.mdi-video-3d-variant::before{content:"\FEEE"}.mdi-video-4k-box::before{content:"\F83D"}.mdi-video-account::before{content:"\F918"}.mdi-video-image::before{content:"\F919"}.mdi-video-input-antenna::before{content:"\F83E"}.mdi-video-input-component::before{content:"\F83F"}.mdi-video-input-hdmi::before{content:"\F840"}.mdi-video-input-scart::before{content:"\FFA9"}.mdi-video-input-svideo::before{content:"\F841"}.mdi-video-minus::before{content:"\F9B1"}.mdi-video-off::before{content:"\F568"}.mdi-video-off-outline::before{content:"\FBB7"}.mdi-video-outline::before{content:"\FBB8"}.mdi-video-plus::before{content:"\F9B2"}.mdi-video-stabilization::before{content:"\F91A"}.mdi-video-switch::before{content:"\F569"}.mdi-video-vintage::before{content:"\FA1B"}.mdi-video-wireless::before{content:"\FEEF"}.mdi-video-wireless-outline::before{content:"\FEF0"}.mdi-view-agenda::before{content:"\F56A"}.mdi-view-array::before{content:"\F56B"}.mdi-view-carousel::before{content:"\F56C"}.mdi-view-column::before{content:"\F56D"}.mdi-view-comfy::before{content:"\FE4D"}.mdi-view-compact::before{content:"\FE4E"}.mdi-view-compact-outline::before{content:"\FE4F"}.mdi-view-dashboard::before{content:"\F56E"}.mdi-view-dashboard-outline::before{content:"\FA1C"}.mdi-view-dashboard-variant::before{content:"\F842"}.mdi-view-day::before{content:"\F56F"}.mdi-view-grid::before{content:"\F570"}.mdi-view-grid-plus::before{content:"\FFAA"}.mdi-view-headline::before{content:"\F571"}.mdi-view-list::before{content:"\F572"}.mdi-view-module::before{content:"\F573"}.mdi-view-parallel::before{content:"\F727"}.mdi-view-quilt::before{content:"\F574"}.mdi-view-sequential::before{content:"\F728"}.mdi-view-split-horizontal::before{content:"\FBA7"}.mdi-view-split-vertical::before{content:"\FBA8"}.mdi-view-stream::before{content:"\F575"}.mdi-view-week::before{content:"\F576"}.mdi-vimeo::before{content:"\F577"}.mdi-violin::before{content:"\F60F"}.mdi-virtual-reality::before{content:"\F893"}.mdi-visual-studio::before{content:"\F610"}.mdi-visual-studio-code::before{content:"\FA1D"}.mdi-vk::before{content:"\F579"}.mdi-vk-box::before{content:"\F57A"}.mdi-vk-circle::before{content:"\F57B"}.mdi-vlc::before{content:"\F57C"}.mdi-voice::before{content:"\F5CB"}.mdi-voice-off::before{content:"\FEF1"}.mdi-voicemail::before{content:"\F57D"}.mdi-volleyball::before{content:"\F9B3"}.mdi-volume-high::before{content:"\F57E"}.mdi-volume-low::before{content:"\F57F"}.mdi-volume-medium::before{content:"\F580"}.mdi-volume-minus::before{content:"\F75D"}.mdi-volume-mute::before{content:"\F75E"}.mdi-volume-off::before{content:"\F581"}.mdi-volume-plus::before{content:"\F75C"}.mdi-volume-variant-off::before{content:"\FE68"}.mdi-vote::before{content:"\FA1E"}.mdi-vote-outline::before{content:"\FA1F"}.mdi-vpn::before{content:"\F582"}.mdi-vuejs::before{content:"\F843"}.mdi-vuetify::before{content:"\FE50"}.mdi-walk::before{content:"\F583"}.mdi-wall::before{content:"\F7FD"}.mdi-wall-sconce::before{content:"\F91B"}.mdi-wall-sconce-flat::before{content:"\F91C"}.mdi-wall-sconce-variant::before{content:"\F91D"}.mdi-wallet::before{content:"\F584"}.mdi-wallet-giftcard::before{content:"\F585"}.mdi-wallet-membership::before{content:"\F586"}.mdi-wallet-outline::before{content:"\FBB9"}.mdi-wallet-plus::before{content:"\FFAB"}.mdi-wallet-plus-outline::before{content:"\FFAC"}.mdi-wallet-travel::before{content:"\F587"}.mdi-wallpaper::before{content:"\FE69"}.mdi-wan::before{content:"\F588"}.mdi-wardrobe::before{content:"\FFAD"}.mdi-wardrobe-outline::before{content:"\FFAE"}.mdi-warehouse::before{content:"\FFBB"}.mdi-washing-machine::before{content:"\F729"}.mdi-watch::before{content:"\F589"}.mdi-watch-export::before{content:"\F58A"}.mdi-watch-export-variant::before{content:"\F894"}.mdi-watch-import::before{content:"\F58B"}.mdi-watch-import-variant::before{content:"\F895"}.mdi-watch-variant::before{content:"\F896"}.mdi-watch-vibrate::before{content:"\F6B0"}.mdi-watch-vibrate-off::before{content:"\FCB6"}.mdi-water::before{content:"\F58C"}.mdi-water-boiler::before{content:"\FFAF"}.mdi-water-off::before{content:"\F58D"}.mdi-water-outline::before{content:"\FE6A"}.mdi-water-percent::before{content:"\F58E"}.mdi-water-pump::before{content:"\F58F"}.mdi-water-pump-off::before{content:"\FFB0"}.mdi-watermark::before{content:"\F612"}.mdi-wave::before{content:"\FF4B"}.mdi-waves::before{content:"\F78C"}.mdi-waze::before{content:"\FBBA"}.mdi-weather-cloudy::before{content:"\F590"}.mdi-weather-cloudy-alert::before{content:"\FF4C"}.mdi-weather-cloudy-arrow-right::before{content:"\FE51"}.mdi-weather-fog::before{content:"\F591"}.mdi-weather-hail::before{content:"\F592"}.mdi-weather-hazy::before{content:"\FF4D"}.mdi-weather-hurricane::before{content:"\F897"}.mdi-weather-lightning::before{content:"\F593"}.mdi-weather-lightning-rainy::before{content:"\F67D"}.mdi-weather-night::before{content:"\F594"}.mdi-weather-night-partly-cloudy::before{content:"\FF4E"}.mdi-weather-partly-cloudy::before{content:"\F595"}.mdi-weather-partly-lightning::before{content:"\FF4F"}.mdi-weather-partly-rainy::before{content:"\FF50"}.mdi-weather-partly-snowy::before{content:"\FF51"}.mdi-weather-partly-snowy-rainy::before{content:"\FF52"}.mdi-weather-pouring::before{content:"\F596"}.mdi-weather-rainy::before{content:"\F597"}.mdi-weather-snowy::before{content:"\F598"}.mdi-weather-snowy-heavy::before{content:"\FF53"}.mdi-weather-snowy-rainy::before{content:"\F67E"}.mdi-weather-sunny::before{content:"\F599"}.mdi-weather-sunny-alert::before{content:"\FF54"}.mdi-weather-sunset::before{content:"\F59A"}.mdi-weather-sunset-down::before{content:"\F59B"}.mdi-weather-sunset-up::before{content:"\F59C"}.mdi-weather-tornado::before{content:"\FF55"}.mdi-weather-windy::before{content:"\F59D"}.mdi-weather-windy-variant::before{content:"\F59E"}.mdi-web::before{content:"\F59F"}.mdi-web-box::before{content:"\FFB1"}.mdi-webcam::before{content:"\F5A0"}.mdi-webhook::before{content:"\F62F"}.mdi-webpack::before{content:"\F72A"}.mdi-wechat::before{content:"\F611"}.mdi-weight::before{content:"\F5A1"}.mdi-weight-gram::before{content:"\FD1B"}.mdi-weight-kilogram::before{content:"\F5A2"}.mdi-weight-pound::before{content:"\F9B4"}.mdi-whatsapp::before{content:"\F5A3"}.mdi-wheelchair-accessibility::before{content:"\F5A4"}.mdi-whistle::before{content:"\F9B5"}.mdi-white-balance-auto::before{content:"\F5A5"}.mdi-white-balance-incandescent::before{content:"\F5A6"}.mdi-white-balance-iridescent::before{content:"\F5A7"}.mdi-white-balance-sunny::before{content:"\F5A8"}.mdi-widgets::before{content:"\F72B"}.mdi-wifi::before{content:"\F5A9"}.mdi-wifi-off::before{content:"\F5AA"}.mdi-wifi-star::before{content:"\FE6B"}.mdi-wifi-strength-1::before{content:"\F91E"}.mdi-wifi-strength-1-alert::before{content:"\F91F"}.mdi-wifi-strength-1-lock::before{content:"\F920"}.mdi-wifi-strength-2::before{content:"\F921"}.mdi-wifi-strength-2-alert::before{content:"\F922"}.mdi-wifi-strength-2-lock::before{content:"\F923"}.mdi-wifi-strength-3::before{content:"\F924"}.mdi-wifi-strength-3-alert::before{content:"\F925"}.mdi-wifi-strength-3-lock::before{content:"\F926"}.mdi-wifi-strength-4::before{content:"\F927"}.mdi-wifi-strength-4-alert::before{content:"\F928"}.mdi-wifi-strength-4-lock::before{content:"\F929"}.mdi-wifi-strength-alert-outline::before{content:"\F92A"}.mdi-wifi-strength-lock-outline::before{content:"\F92B"}.mdi-wifi-strength-off::before{content:"\F92C"}.mdi-wifi-strength-off-outline::before{content:"\F92D"}.mdi-wifi-strength-outline::before{content:"\F92E"}.mdi-wii::before{content:"\F5AB"}.mdi-wiiu::before{content:"\F72C"}.mdi-wikipedia::before{content:"\F5AC"}.mdi-wind-turbine::before{content:"\FD81"}.mdi-window-close::before{content:"\F5AD"}.mdi-window-closed::before{content:"\F5AE"}.mdi-window-maximize::before{content:"\F5AF"}.mdi-window-minimize::before{content:"\F5B0"}.mdi-window-open::before{content:"\F5B1"}.mdi-window-restore::before{content:"\F5B2"}.mdi-windows::before{content:"\F5B3"}.mdi-windows-classic::before{content:"\FA20"}.mdi-wiper::before{content:"\FAE8"}.mdi-wiper-wash::before{content:"\FD82"}.mdi-wordpress::before{content:"\F5B4"}.mdi-worker::before{content:"\F5B5"}.mdi-wrap::before{content:"\F5B6"}.mdi-wrap-disabled::before{content:"\FBBB"}.mdi-wrench::before{content:"\F5B7"}.mdi-wrench-outline::before{content:"\FBBC"}.mdi-wunderlist::before{content:"\F5B8"}.mdi-xamarin::before{content:"\F844"}.mdi-xamarin-outline::before{content:"\F845"}.mdi-xaml::before{content:"\F673"}.mdi-xbox::before{content:"\F5B9"}.mdi-xbox-controller::before{content:"\F5BA"}.mdi-xbox-controller-battery-alert::before{content:"\F74A"}.mdi-xbox-controller-battery-charging::before{content:"\FA21"}.mdi-xbox-controller-battery-empty::before{content:"\F74B"}.mdi-xbox-controller-battery-full::before{content:"\F74C"}.mdi-xbox-controller-battery-low::before{content:"\F74D"}.mdi-xbox-controller-battery-medium::before{content:"\F74E"}.mdi-xbox-controller-battery-unknown::before{content:"\F74F"}.mdi-xbox-controller-menu::before{content:"\FE52"}.mdi-xbox-controller-off::before{content:"\F5BB"}.mdi-xbox-controller-view::before{content:"\FE53"}.mdi-xda::before{content:"\F5BC"}.mdi-xing::before{content:"\F5BD"}.mdi-xing-box::before{content:"\F5BE"}.mdi-xing-circle::before{content:"\F5BF"}.mdi-xml::before{content:"\F5C0"}.mdi-xmpp::before{content:"\F7FE"}.mdi-yahoo::before{content:"\FB2A"}.mdi-yammer::before{content:"\F788"}.mdi-yeast::before{content:"\F5C1"}.mdi-yelp::before{content:"\F5C2"}.mdi-yin-yang::before{content:"\F67F"}.mdi-youtube::before{content:"\F5C3"}.mdi-youtube-creator-studio::before{content:"\F846"}.mdi-youtube-gaming::before{content:"\F847"}.mdi-youtube-subscription::before{content:"\FD1C"}.mdi-youtube-tv::before{content:"\F448"}.mdi-z-wave::before{content:"\FAE9"}.mdi-zend::before{content:"\FAEA"}.mdi-zigbee::before{content:"\FD1D"}.mdi-zip-box::before{content:"\F5C4"}.mdi-zip-disk::before{content:"\FA22"}.mdi-zodiac-aquarius::before{content:"\FA7C"}.mdi-zodiac-aries::before{content:"\FA7D"}.mdi-zodiac-cancer::before{content:"\FA7E"}.mdi-zodiac-capricorn::before{content:"\FA7F"}.mdi-zodiac-gemini::before{content:"\FA80"}.mdi-zodiac-leo::before{content:"\FA81"}.mdi-zodiac-libra::before{content:"\FA82"}.mdi-zodiac-pisces::before{content:"\FA83"}.mdi-zodiac-sagittarius::before{content:"\FA84"}.mdi-zodiac-scorpio::before{content:"\FA85"}.mdi-zodiac-taurus::before{content:"\FA86"}.mdi-zodiac-virgo::before{content:"\FA87"}.mdi-blank::before{content:"\F68C";visibility:hidden}.mdi-18px.mdi-set,.mdi-18px.mdi:before{font-size:18px}.mdi-24px.mdi-set,.mdi-24px.mdi:before{font-size:24px}.mdi-36px.mdi-set,.mdi-36px.mdi:before{font-size:36px}.mdi-48px.mdi-set,.mdi-48px.mdi:before{font-size:48px}.mdi-dark:before{color:rgba(0,0,0,0.54)}.mdi-dark.mdi-inactive:before{color:rgba(0,0,0,0.26)}.mdi-light:before{color:#fff}.mdi-light.mdi-inactive:before{color:rgba(255,255,255,0.3)}.mdi-rotate-45:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mdi-rotate-90:before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.mdi-rotate-135:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.mdi-rotate-180:before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.mdi-rotate-225:before{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}.mdi-rotate-270:before{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.mdi-rotate-315:before{-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg)}.mdi-flip-h:before{-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.mdi-flip-v:before{-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:"FlipV"}.mdi-spin:before{-webkit-animation:mdi-spin 2s infinite linear;animation:mdi-spin 2s infinite linear}@-webkit-keyframes mdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes mdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}

/*# sourceMappingURL=materialdesignicons.css.map */

/*
Tipue drop 5.0.2
Copyright (c) 2015 Tipue
Tipue drop is released under the MIT License
http://www.tipue.com/drop
*/


/*#tipue_drop_input
{
font: 13px/1.6 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #333;
padding: 13px 13px 13px 40px;
width: 170px;
border: 1px solid #e2e2e2;
border-radius: 0;
-moz-appearance: none;
-webkit-appearance: none;
box-shadow: none; 
outline: 0;
margin: 0;
background: #fff url('../../Themes/DefaultClean/Content/css/img/search.png') no-repeat 15px 15px;
}*/

#tipue_drop_content
{
    display: none;
    position: absolute;
    margin: 20px 0;
    line-height: 0;
    width: 300px;
    z-index: 1000;
}

.tipue_drop_box 
{
    position: relative;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important;
}
.tipue_drop_box:after, .tipue_drop_box:before
{
    position: absolute;
    pointer-events: none;
    border: solid transparent;
    bottom: 100%;
    content: "";
    height: 0;
    width: 0;
}
.tipue_drop_box:after
{
    border-bottom-color: #fff;
    border-width: 8px;
    left: 42px;
    margin-left: -8px;
}
.tipue_drop_box:before 
{
    border-bottom-color: #dcdcdc;
    border-width: 9px;
    left: 42px;
    margin-left: -9px;
}

#tipue_drop_wrapper
{
    margin: 6px;
}
#tipue_drop_wrapper a
{
    text-decoration: none;
}
.tipue_drop_item
{
    background-color: #fff;
}
.tipue_drop_item:hover
{
    background-color: #f7f7f7;
}
.tipue_drop_left
{
    display: table-cell;
    padding: 7px;
}
.tipue_drop_image
{
    position: relative;
    left: 1px;
    margin: 0;
    width: 50px !important;
    height: 50px !important;
    min-height: 50px;
    border-radius: 50%;
    display: block;
    padding: 4px;
    border: 1px solid #cecece;
}
.tipue_drop_right
{
    display: table-cell;
    vertical-align: middle;
    font: 300 14px/1.6 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /*color: #333;*/
    color: #515365;
    font-weight: 500;
    width: 170px;
    padding: 0 7px;
}

.tipue_drop_right small {
    font-weight: 400;
    color: #999;
}

.tokenize>.tokens-container{position:relative;list-style:none;padding:0 0 5px 5px;height:auto;min-height:34px;cursor:text}.tokenize>.tokens-container.disabled{background-color:#eee;cursor:not-allowed}.tokenize.focus>.tokens-container{outline:0;border-color:#66afe9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.tokenize>.tokens-container.input-sm{padding:0 0 4px 4px;min-height:30px}.tokenize>.tokens-container.input-lg{padding:0 0 9px 9px;min-height:46px}.tokenize>.tokens-container>.token{padding:0 1.2em 0 5px;background-color:#eff2f7;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.tokenize>.tokens-container>.token,.tokenize>.tokens-container>.placeholder,.tokenize>.tokens-container>.token-search{border:1px solid #cdd5e3;display:inline-block;margin:5px 5px 0 0;position:relative;vertical-align:middle}.tokenize>.tokens-container>.token-search{min-width:10px}.tokenize.sortable>.tokens-container>.token{cursor:move}.tokenize.sortable>.tokens-container>.token.dragged{position:absolute;z-index:2000}.tokenize.single>.tokens-container>.token{display:block;border-color:#fff;background-color:transparent}.tokenize.sortable>.tokens-container>.token.shadow{border-color:#ccc;background-color:#ccc;filter:alpha(opacity=50);opacity:.2}.tokenize>.tokens-container>.placeholder,.tokenize>.tokens-container>.token-search{padding:0;border-color:#fff}.tokenize>.tokens-container>.placeholder{color:#ccc}.tokenize>.tokens-container>.token-search>input{padding:0;margin:0;line-height:1em;border:1px solid #fff;background:transparent;border-left:0;border-right:0;outline:0;width:100%}.tokenize>.tokens-container>.token-search>input::-ms-clear{display:none}.tokenize>.tokens-container.input-sm>.placeholder,.tokenize>.tokens-container.input-sm>.token-search,.tokenize>.tokens-container.input-sm>.token{margin:4px 4px 0 0}.tokenize>.tokens-container.input-lg>.placeholder,.tokenize>.tokens-container.input-lg>.token-search,.tokenize>.tokens-container.input-lg>.token{margin:9px 9px 0 0}.tokenize>.tokens-container>.token.pending-delete{background-color:#5b72a4;border-color:#425c96;color:#fff}.tokenize>.tokens-container>.token>.dismiss{position:absolute;right:5px;color:#a9b9d8;text-decoration:none;cursor:pointer}.tokenize>.tokens-container>.token>.dismiss:after{content:"×"}.tokenize>.tokens-container>.token.pending-delete>.dismiss{color:#aaa}.tokenize-dropdown{position:absolute;display:none}.tokenize-dropdown>.dropdown-menu{min-height:10px;width:100%;display:block;margin:-1px 0 0 0;visibility:visible;opacity:1}.tokenize-dropdown>.dropdown-menu li{cursor:pointer}.tokenize-dropdown>.dropdown-menu li>a .tokenize-highlight{font-weight:bold}.tokenize-dropdown>.dropdown-menu li.locked{padding:3px 20px;color:#333;white-space:nowrap}.tokenize-dropdown>.dropdown-menu li.locked,.tokenize-dropdown>.dropdown-menu li>a{text-overflow:ellipsis;overflow-x:hidden}.tokenize-dropdown>.dropdown-menu li:not(.active) a:hover,.tokenize-dropdown>.dropdown-menu li:not(.active) a:focus{background-color:transparent}
@charset "UTF-8";

@font-face {
  font-family: "dripicons-v2";
  src:url("../../Themes/DefaultClean/Content/css/fonts/dripicons-v2.eot");
  src:url("../../Themes/DefaultClean/Content/css/fonts/dripicons-v2.eot?#iefix") format("embedded-opentype"),
    url("../../Themes/DefaultClean/Content/css/fonts/dripicons-v2.woff") format("woff"),
    url("../../Themes/DefaultClean/Content/css/fonts/dripicons-v2.ttf") format("truetype"),
    url("../../Themes/DefaultClean/Content/css/fonts/dripicons-v2.svg#dripicons-v2") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "dripicons-v2" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="dripicons-"]:before,
[class*=" dripicons-"]:before {
  font-family: "dripicons-v2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dripicons-alarm:before {
  content: "\61";
}
.dripicons-align-center:before {
  content: "\62";
}
.dripicons-align-justify:before {
  content: "\63";
}
.dripicons-align-left:before {
  content: "\64";
}
.dripicons-align-right:before {
  content: "\65";
}
.dripicons-anchor:before {
  content: "\66";
}
.dripicons-archive:before {
  content: "\67";
}
.dripicons-arrow-down:before {
  content: "\68";
}
.dripicons-arrow-left:before {
  content: "\69";
}
.dripicons-arrow-right:before {
  content: "\6a";
}
.dripicons-arrow-thin-down:before {
  content: "\6b";
}
.dripicons-arrow-thin-left:before {
  content: "\6c";
}
.dripicons-arrow-thin-right:before {
  content: "\6d";
}
.dripicons-arrow-thin-up:before {
  content: "\6e";
}
.dripicons-arrow-up:before {
  content: "\6f";
}
.dripicons-article:before {
  content: "\70";
}
.dripicons-backspace:before {
  content: "\71";
}
.dripicons-basket:before {
  content: "\72";
}
.dripicons-basketball:before {
  content: "\73";
}
.dripicons-battery-empty:before {
  content: "\74";
}
.dripicons-battery-full:before {
  content: "\75";
}
.dripicons-battery-low:before {
  content: "\76";
}
.dripicons-battery-medium:before {
  content: "\77";
}
.dripicons-bell:before {
  content: "\78";
}
.dripicons-blog:before {
  content: "\79";
}
.dripicons-bluetooth:before {
  content: "\7a";
}
.dripicons-bold:before {
  content: "\41";
}
.dripicons-bookmark:before {
  content: "\42";
}
.dripicons-bookmarks:before {
  content: "\43";
}
.dripicons-box:before {
  content: "\44";
}
.dripicons-briefcase:before {
  content: "\45";
}
.dripicons-brightness-low:before {
  content: "\46";
}
.dripicons-brightness-max:before {
  content: "\47";
}
.dripicons-brightness-medium:before {
  content: "\48";
}
.dripicons-broadcast:before {
  content: "\49";
}
.dripicons-browser:before {
  content: "\4a";
}
.dripicons-browser-upload:before {
  content: "\4b";
}
.dripicons-brush:before {
  content: "\4c";
}
.dripicons-calendar:before {
  content: "\4d";
}
.dripicons-camcorder:before {
  content: "\4e";
}
.dripicons-camera:before {
  content: "\4f";
}
.dripicons-card:before {
  content: "\50";
}
.dripicons-cart:before {
  content: "\51";
}
.dripicons-checklist:before {
  content: "\52";
}
.dripicons-checkmark:before {
  content: "\53";
}
.dripicons-chevron-down:before {
  content: "\54";
}
.dripicons-chevron-left:before {
  content: "\55";
}
.dripicons-chevron-right:before {
  content: "\56";
}
.dripicons-chevron-up:before {
  content: "\57";
}
.dripicons-clipboard:before {
  content: "\58";
}
.dripicons-clock:before {
  content: "\59";
}
.dripicons-clockwise:before {
  content: "\5a";
}
.dripicons-cloud:before {
  content: "\30";
}
.dripicons-cloud-download:before {
  content: "\31";
}
.dripicons-cloud-upload:before {
  content: "\32";
}
.dripicons-code:before {
  content: "\33";
}
.dripicons-contract:before {
  content: "\34";
}
.dripicons-contract-2:before {
  content: "\35";
}
.dripicons-conversation:before {
  content: "\36";
}
.dripicons-copy:before {
  content: "\37";
}
.dripicons-crop:before {
  content: "\38";
}
.dripicons-cross:before {
  content: "\39";
}
.dripicons-crosshair:before {
  content: "\21";
}
.dripicons-cutlery:before {
  content: "\22";
}
.dripicons-device-desktop:before {
  content: "\23";
}
.dripicons-device-mobile:before {
  content: "\24";
}
.dripicons-device-tablet:before {
  content: "\25";
}
.dripicons-direction:before {
  content: "\26";
}
.dripicons-disc:before {
  content: "\27";
}
.dripicons-document:before {
  content: "\28";
}
.dripicons-document-delete:before {
  content: "\29";
}
.dripicons-document-edit:before {
  content: "\2a";
}
.dripicons-document-new:before {
  content: "\2b";
}
.dripicons-document-remove:before {
  content: "\2c";
}
.dripicons-dot:before {
  content: "\2d";
}
.dripicons-dots-2:before {
  content: "\2e";
}
.dripicons-dots-3:before {
  content: "\2f";
}
.dripicons-download:before {
  content: "\3a";
}
.dripicons-duplicate:before {
  content: "\3b";
}
.dripicons-enter:before {
  content: "\3c";
}
.dripicons-exit:before {
  content: "\3d";
}
.dripicons-expand:before {
  content: "\3e";
}
.dripicons-expand-2:before {
  content: "\3f";
}
.dripicons-experiment:before {
  content: "\40";
}
.dripicons-export:before {
  content: "\5b";
}
.dripicons-feed:before {
  content: "\5d";
}
.dripicons-flag:before {
  content: "\5e";
}
.dripicons-flashlight:before {
  content: "\5f";
}
.dripicons-folder:before {
  content: "\60";
}
.dripicons-folder-open:before {
  content: "\7b";
}
.dripicons-forward:before {
  content: "\7c";
}
.dripicons-gaming:before {
  content: "\7d";
}
.dripicons-gear:before {
  content: "\7e";
}
.dripicons-graduation:before {
  content: "\5c";
}
.dripicons-graph-bar:before {
  content: "\e000";
}
.dripicons-graph-line:before {
  content: "\e001";
}
.dripicons-graph-pie:before {
  content: "\e002";
}
.dripicons-headset:before {
  content: "\e003";
}
.dripicons-heart:before {
  content: "\e004";
}
.dripicons-help:before {
  content: "\e005";
}
.dripicons-home:before {
  content: "\e006";
}
.dripicons-hourglass:before {
  content: "\e007";
}
.dripicons-inbox:before {
  content: "\e008";
}
.dripicons-information:before {
  content: "\e009";
}
.dripicons-italic:before {
  content: "\e00a";
}
.dripicons-jewel:before {
  content: "\e00b";
}
.dripicons-lifting:before {
  content: "\e00c";
}
.dripicons-lightbulb:before {
  content: "\e00d";
}
.dripicons-link:before {
  content: "\e00e";
}
.dripicons-link-broken:before {
  content: "\e00f";
}
.dripicons-list:before {
  content: "\e010";
}
.dripicons-loading:before {
  content: "\e011";
}
.dripicons-location:before {
  content: "\e012";
}
.dripicons-lock:before {
  content: "\e013";
}
.dripicons-lock-open:before {
  content: "\e014";
}
.dripicons-mail:before {
  content: "\e015";
}
.dripicons-map:before {
  content: "\e016";
}
.dripicons-media-loop:before {
  content: "\e017";
}
.dripicons-media-next:before {
  content: "\e018";
}
.dripicons-media-pause:before {
  content: "\e019";
}
.dripicons-media-play:before {
  content: "\e01a";
}
.dripicons-media-previous:before {
  content: "\e01b";
}
.dripicons-media-record:before {
  content: "\e01c";
}
.dripicons-media-shuffle:before {
  content: "\e01d";
}
.dripicons-media-stop:before {
  content: "\e01e";
}
.dripicons-medical:before {
  content: "\e01f";
}
.dripicons-menu:before {
  content: "\e020";
}
.dripicons-message:before {
  content: "\e021";
}
.dripicons-meter:before {
  content: "\e022";
}
.dripicons-microphone:before {
  content: "\e023";
}
.dripicons-minus:before {
  content: "\e024";
}
.dripicons-monitor:before {
  content: "\e025";
}
.dripicons-move:before {
  content: "\e026";
}
.dripicons-music:before {
  content: "\e027";
}
.dripicons-network-1:before {
  content: "\e028";
}
.dripicons-network-2:before {
  content: "\e029";
}
.dripicons-network-3:before {
  content: "\e02a";
}
.dripicons-network-4:before {
  content: "\e02b";
}
.dripicons-network-5:before {
  content: "\e02c";
}
.dripicons-pamphlet:before {
  content: "\e02d";
}
.dripicons-paperclip:before {
  content: "\e02e";
}
.dripicons-pencil:before {
  content: "\e02f";
}
.dripicons-phone:before {
  content: "\e030";
}
.dripicons-photo:before {
  content: "\e031";
}
.dripicons-photo-group:before {
  content: "\e032";
}
.dripicons-pill:before {
  content: "\e033";
}
.dripicons-pin:before {
  content: "\e034";
}
.dripicons-plus:before {
  content: "\e035";
}
.dripicons-power:before {
  content: "\e036";
}
.dripicons-preview:before {
  content: "\e037";
}
.dripicons-print:before {
  content: "\e038";
}
.dripicons-pulse:before {
  content: "\e039";
}
.dripicons-question:before {
  content: "\e03a";
}
.dripicons-reply:before {
  content: "\e03b";
}
.dripicons-reply-all:before {
  content: "\e03c";
}
.dripicons-return:before {
  content: "\e03d";
}
.dripicons-retweet:before {
  content: "\e03e";
}
.dripicons-rocket:before {
  content: "\e03f";
}
.dripicons-scale:before {
  content: "\e040";
}
.dripicons-search:before {
  content: "\e041";
}
.dripicons-shopping-bag:before {
  content: "\e042";
}
.dripicons-skip:before {
  content: "\e043";
}
.dripicons-stack:before {
  content: "\e044";
}
.dripicons-star:before {
  content: "\e045";
}
.dripicons-stopwatch:before {
  content: "\e046";
}
.dripicons-store:before {
  content: "\e047";
}
.dripicons-suitcase:before {
  content: "\e048";
}
.dripicons-swap:before {
  content: "\e049";
}
.dripicons-tag:before {
  content: "\e04a";
}
.dripicons-tag-delete:before {
  content: "\e04b";
}
.dripicons-tags:before {
  content: "\e04c";
}
.dripicons-thumbs-down:before {
  content: "\e04d";
}
.dripicons-thumbs-up:before {
  content: "\e04e";
}
.dripicons-ticket:before {
  content: "\e04f";
}
.dripicons-time-reverse:before {
  content: "\e050";
}
.dripicons-to-do:before {
  content: "\e051";
}
.dripicons-toggles:before {
  content: "\e052";
}
.dripicons-trash:before {
  content: "\e053";
}
.dripicons-trophy:before {
  content: "\e054";
}
.dripicons-upload:before {
  content: "\e055";
}
.dripicons-user:before {
  content: "\e056";
}
.dripicons-user-group:before {
  content: "\e057";
}
.dripicons-user-id:before {
  content: "\e058";
}
.dripicons-vibrate:before {
  content: "\e059";
}
.dripicons-view-apps:before {
  content: "\e05a";
}
.dripicons-view-list:before {
  content: "\e05b";
}
.dripicons-view-list-large:before {
  content: "\e05c";
}
.dripicons-view-thumb:before {
  content: "\e05d";
}
.dripicons-volume-full:before {
  content: "\e05e";
}
.dripicons-volume-low:before {
  content: "\e05f";
}
.dripicons-volume-medium:before {
  content: "\e060";
}
.dripicons-volume-off:before {
  content: "\e061";
}
.dripicons-wallet:before {
  content: "\e062";
}
.dripicons-warning:before {
  content: "\e063";
}
.dripicons-web:before {
  content: "\e064";
}
.dripicons-weight:before {
  content: "\e065";
}
.dripicons-wifi:before {
  content: "\e066";
}
.dripicons-wrong:before {
  content: "\e067";
}
.dripicons-zoom-in:before {
  content: "\e068";
}
.dripicons-zoom-out:before {
  content: "\e069";
}

/*# sourceMappingURL=app.css.map */

.pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .file-cta, .file-name, .select select, .textarea, .input, .button {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.5em;
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(0.5em - 1px);
    padding-left: calc(0.75em - 1px);
    padding-right: calc(0.75em - 1px);
    padding-top: calc(0.5em - 1px);
    position: relative;
    vertical-align: top
}

    .pagination-previous:focus, .pagination-next:focus, .pagination-link:focus, .pagination-ellipsis:focus, .file-cta:focus, .file-name:focus, .select select:focus, .textarea:focus, .input:focus, .button:focus, .is-focused.pagination-previous, .is-focused.pagination-next, .is-focused.pagination-link, .is-focused.pagination-ellipsis, .is-focused.file-cta, .is-focused.file-name, .select select.is-focused, .is-focused.textarea, .is-focused.input, .is-focused.button, .pagination-previous:active, .pagination-next:active, .pagination-link:active, .pagination-ellipsis:active, .file-cta:active, .file-name:active, .select select:active, .textarea:active, .input:active, .button:active, .is-active.pagination-previous, .is-active.pagination-next, .is-active.pagination-link, .is-active.pagination-ellipsis, .is-active.file-cta, .is-active.file-name, .select select.is-active, .is-active.textarea, .is-active.input, .is-active.button {
        outline: none
    }

    [disabled].pagination-previous, [disabled].pagination-next, [disabled].pagination-link, [disabled].pagination-ellipsis, [disabled].file-cta, [disabled].file-name, .select select[disabled], [disabled].textarea, [disabled].input, [disabled].button, fieldset[disabled] .pagination-previous, fieldset[disabled] .pagination-next, fieldset[disabled] .pagination-link, fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .file-cta, fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input, fieldset[disabled] .button {
        cursor: not-allowed
    }

.is-unselectable, .tabs, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .breadcrumb, .file, .button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after {
    border: 3px solid transparent;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: .625em;
    margin-top: -0.4375em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    transform-origin: center;
    width: .625em
}

.tabs:not(:last-child), .pagination:not(:last-child), .message:not(:last-child), .level:not(:last-child), .breadcrumb:not(:last-child), .block:not(:last-child), .title:not(:last-child), .subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .progress:not(:last-child), .notification:not(:last-child), .content:not(:last-child), .box:not(:last-child) {
    margin-bottom: 1.5rem
}

.modal-close, .delete {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: rgba(10,10,10,.2);
    border: none;
    border-radius: 9999px;
    cursor: pointer;
    pointer-events: auto;
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 0;
    height: 20px;
    max-height: 20px;
    max-width: 20px;
    min-height: 20px;
    min-width: 20px;
    outline: none;
    position: relative;
    vertical-align: top;
    width: 20px
}

    .modal-close::before, .delete::before, .modal-close::after, .delete::after {
        background-color: #fff;
        content: "";
        display: block;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform-origin: center center
    }

    .modal-close::before, .delete::before {
        height: 2px;
        width: 50%
    }

    .modal-close::after, .delete::after {
        height: 50%;
        width: 2px
    }

    .modal-close:hover, .delete:hover, .modal-close:focus, .delete:focus {
        background-color: rgba(10,10,10,.3)
    }

    .modal-close:active, .delete:active {
        background-color: rgba(10,10,10,.4)
    }

.is-small.modal-close, .is-small.delete {
    height: 16px;
    max-height: 16px;
    max-width: 16px;
    min-height: 16px;
    min-width: 16px;
    width: 16px
}

.is-medium.modal-close, .is-medium.delete {
    height: 24px;
    max-height: 24px;
    max-width: 24px;
    min-height: 24px;
    min-width: 24px;
    width: 24px
}

.is-large.modal-close, .is-large.delete {
    height: 32px;
    max-height: 32px;
    max-width: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px
}

.control.is-loading::after, .select.is-loading::after, .loader, .button.is-loading::after {
    animation: spinAround 500ms infinite linear;
    border: 2px solid #dbdbdb;
    border-radius: 9999px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}
.chat-loader {
    margin: 0 auto;
    animation: spinAround 500ms infinite linear;
    border: 2px solid #000;
    border-radius: 9999px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}
.chat-loader::after{
    border-color: #999999;
}
.hero-video, .is-overlay, .modal-background, .modal, .image.is-square img, .image.is-square .has-ratio, .image.is-1by1 img, .image.is-1by1 .has-ratio, .image.is-5by4 img, .image.is-5by4 .has-ratio, .image.is-4by3 img, .image.is-4by3 .has-ratio, .image.is-3by2 img, .image.is-3by2 .has-ratio, .image.is-5by3 img, .image.is-5by3 .has-ratio, .image.is-16by9 img, .image.is-16by9 .has-ratio, .image.is-2by1 img, .image.is-2by1 .has-ratio, .image.is-3by1 img, .image.is-3by1 .has-ratio, .image.is-4by5 img, .image.is-4by5 .has-ratio, .image.is-3by4 img, .image.is-3by4 .has-ratio, .image.is-2by3 img, .image.is-2by3 .has-ratio, .image.is-3by5 img, .image.is-3by5 .has-ratio, .image.is-9by16 img, .image.is-9by16 .has-ratio, .image.is-1by2 img, .image.is-1by2 .has-ratio, .image.is-1by3 img, .image.is-1by3 .has-ratio {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.navbar-burger {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: currentColor;
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0
}
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */

html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

ul {
    list-style: none
}

button, input, select, textarea {
    margin: 0
}

html {
    box-sizing: border-box
}

*, *::before, *::after {
    box-sizing: inherit
}

img, video {
    height: auto;
    max-width: 100%
}

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

    td:not([align]), th:not([align]) {
        text-align: inherit
    }

html {
    background-color: #fff;
    font-size: 16px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    min-width: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

article, aside, figure, footer, header, hgroup, section {
    display: block
}

body, button, a.button, input, optgroup, select, textarea {
    font-family: BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif
}

code, pre {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-family: monospace
}

body {
    color: #4a4a4a;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5
}

a {
    color: #039be5;
    cursor: pointer;
    text-decoration: none
}

    a strong {
        color: currentColor
    }

    a:hover {
        color: #363636
    }

code {
    background-color: #f5f5f5;
    color: #b80608;
    font-size: .875em;
    font-weight: normal;
    padding: .25em .5em .25em
}

hr {
    background-color: #f5f5f5;
    border: none;
    display: block;
    height: 2px;
    margin: 1.5rem 0
}

img {
    height: auto;
    max-width: 100%
}

input[type=checkbox], input[type=radio] {
    vertical-align: baseline
}

small {
    font-size: .875em
}

span {
    font-style: inherit;
    font-weight: inherit
}

strong {
    color: #363636;
    font-weight: 700
}

fieldset {
    border: none
}

pre {
    -webkit-overflow-scrolling: touch;
    background-color: #f5f5f5;
    color: #4a4a4a;
    font-size: .875em;
    overflow-x: auto;
    padding: 1.25rem 1.5rem;
    white-space: pre;
    word-wrap: normal
}

    pre code {
        background-color: transparent;
        color: currentColor;
        font-size: 1em;
        padding: 0
    }

table td, table th {
    vertical-align: top
}

    table td:not([align]), table th:not([align]) {
        text-align: inherit
    }

table th {
    color: #363636
}

@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.box {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 .5em 1em -0.125em rgba(10,10,10,.1),0 0px 0 1px rgba(10,10,10,.02);
    color: #4a4a4a;
    display: block;
    padding: 1.25rem
}

a.box:hover, a.box:focus {
    box-shadow: 0 .5em 1em -0.125em rgba(10,10,10,.1),0 0 0 1px #039be5
}

a.box:active {
    box-shadow: inset 0 1px 2px rgba(10,10,10,.2),0 0 0 1px #039be5
}

.button {
    background-color: #fff;
    border-color: #dbdbdb;
    border-width: 1px;
    color: #363636;
    cursor: pointer;
    justify-content: center;
    padding-bottom: calc(0.5em - 1px);
    padding-left: 1em;
    padding-right: 1em;
    padding-top: calc(0.5em - 1px);
    text-align: center;
    white-space: nowrap
}

    .button strong {
        color: inherit
    }

    .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
        height: 1.5em;
        width: 1.5em
    }

        .button .icon:first-child:not(:last-child) {
            margin-left: calc(-0.5em - 1px);
            margin-right: .25em
        }

        .button .icon:last-child:not(:first-child) {
            margin-left: .25em;
            margin-right: calc(-0.5em - 1px)
        }

        .button .icon:first-child:last-child {
            margin-left: calc(-0.5em - 1px);
            margin-right: calc(-0.5em - 1px)
        }

    .button:hover, .button.is-hovered {
        border-color: #b5b5b5;
        color: #363636
    }

    .button:focus, .button.is-focused {
        border-color: #039be5;
        color: #363636
    }

        .button:focus:not(:active), .button.is-focused:not(:active) {
            box-shadow: 0 0 0 .125em rgba(3,155,229,.25)
        }

    .button:active, .button.is-active {
        border-color: #4a4a4a;
        color: #363636
    }

    .button.is-text {
        background-color: transparent;
        border-color: transparent;
        color: #4a4a4a;
        text-decoration: underline
    }

        .button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
            background-color: #f5f5f5;
            color: #363636
        }

        .button.is-text:active, .button.is-text.is-active {
            background-color: #e8e8e8;
            color: #363636
        }

        .button.is-text[disabled], fieldset[disabled] .button.is-text {
            background-color: transparent;
            border-color: transparent;
            box-shadow: none
        }

    .button.is-ghost {
        background: none;
        border-color: transparent;
        color: #039be5;
        text-decoration: none
    }

        .button.is-ghost:hover, .button.is-ghost.is-hovered {
            color: #039be5;
            text-decoration: underline
        }

    .button.is-white {
        background-color: #fff;
        border-color: transparent;
        color: #0a0a0a
    }

        .button.is-white:hover, .button.is-white.is-hovered {
            background-color: #f9f9f9;
            border-color: transparent;
            color: #0a0a0a
        }

        .button.is-white:focus, .button.is-white.is-focused {
            border-color: transparent;
            color: #0a0a0a
        }

            .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
                box-shadow: 0 0 0 .125em rgba(255,255,255,.25)
            }

        .button.is-white:active, .button.is-white.is-active {
            background-color: #f2f2f2;
            border-color: transparent;
            color: #0a0a0a
        }

        .button.is-white[disabled], fieldset[disabled] .button.is-white {
            background-color: #fff;
            border-color: #fff;
            box-shadow: none
        }

        .button.is-white.is-inverted {
            background-color: #0a0a0a;
            color: #fff
        }

            .button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
                background-color: #000
            }

            .button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
                background-color: #0a0a0a;
                border-color: transparent;
                box-shadow: none;
                color: #fff
            }

        .button.is-white.is-loading::after {
            border-color: transparent transparent #0a0a0a #0a0a0a !important
        }

        .button.is-white.is-outlined {
            background-color: transparent;
            border-color: #fff;
            color: #fff
        }

            .button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
                background-color: #fff;
                border-color: #fff;
                color: #0a0a0a
            }

            .button.is-white.is-outlined.is-loading::after {
                border-color: transparent transparent #fff #fff !important
            }

            .button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #0a0a0a #0a0a0a !important
            }

            .button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined {
                background-color: transparent;
                border-color: #fff;
                box-shadow: none;
                color: #fff
            }

        .button.is-white.is-inverted.is-outlined {
            background-color: transparent;
            border-color: #0a0a0a;
            color: #0a0a0a
        }

            .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
                background-color: #0a0a0a;
                color: #fff
            }

            .button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #fff #fff !important
            }

            .button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined {
                background-color: transparent;
                border-color: #0a0a0a;
                box-shadow: none;
                color: #0a0a0a
            }

    .button.is-black {
        background-color: #0a0a0a;
        border-color: transparent;
        color: #fff
    }

        .button.is-black:hover, .button.is-black.is-hovered {
            background-color: #040404;
            border-color: transparent;
            color: #fff
        }

        .button.is-black:focus, .button.is-black.is-focused {
            border-color: transparent;
            color: #fff
        }

            .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
                box-shadow: 0 0 0 .125em rgba(10,10,10,.25)
            }

        .button.is-black:active, .button.is-black.is-active {
            background-color: #000;
            border-color: transparent;
            color: #fff
        }

        .button.is-black[disabled], fieldset[disabled] .button.is-black {
            background-color: #0a0a0a;
            border-color: #0a0a0a;
            box-shadow: none
        }

        .button.is-black.is-inverted {
            background-color: #fff;
            color: #0a0a0a
        }

            .button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
                background-color: #f2f2f2
            }

            .button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
                background-color: #fff;
                border-color: transparent;
                box-shadow: none;
                color: #0a0a0a
            }

        .button.is-black.is-loading::after {
            border-color: transparent transparent #fff #fff !important
        }

        .button.is-black.is-outlined {
            background-color: transparent;
            border-color: #0a0a0a;
            color: #0a0a0a
        }

            .button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
                background-color: #0a0a0a;
                border-color: #0a0a0a;
                color: #fff
            }

            .button.is-black.is-outlined.is-loading::after {
                border-color: transparent transparent #0a0a0a #0a0a0a !important
            }

            .button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #fff #fff !important
            }

            .button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined {
                background-color: transparent;
                border-color: #0a0a0a;
                box-shadow: none;
                color: #0a0a0a
            }

        .button.is-black.is-inverted.is-outlined {
            background-color: transparent;
            border-color: #fff;
            color: #fff
        }

            .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
                background-color: #fff;
                color: #0a0a0a
            }

            .button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #0a0a0a #0a0a0a !important
            }

            .button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined {
                background-color: transparent;
                border-color: #fff;
                box-shadow: none;
                color: #fff
            }

    .button.is-light {
        background-color: #f5f5f5;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

        .button.is-light:hover, .button.is-light.is-hovered {
            background-color: #eee;
            border-color: transparent;
            color: rgba(0,0,0,.7)
        }

        .button.is-light:focus, .button.is-light.is-focused {
            border-color: transparent;
            color: rgba(0,0,0,.7)
        }

            .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
                box-shadow: 0 0 0 .125em rgba(245,245,245,.25)
            }

        .button.is-light:active, .button.is-light.is-active {
            background-color: #e8e8e8;
            border-color: transparent;
            color: rgba(0,0,0,.7)
        }

        .button.is-light[disabled], fieldset[disabled] .button.is-light {
            background-color: #f5f5f5;
            border-color: #f5f5f5;
            box-shadow: none
        }

        .button.is-light.is-inverted {
            background-color: rgba(0,0,0,.7);
            color: #f5f5f5
        }

            .button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
                background-color: rgba(0,0,0,.7)
            }

            .button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted {
                background-color: rgba(0,0,0,.7);
                border-color: transparent;
                box-shadow: none;
                color: #f5f5f5
            }

        .button.is-light.is-loading::after {
            border-color: transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7) !important
        }

        .button.is-light.is-outlined {
            background-color: transparent;
            border-color: #f5f5f5;
            color: #f5f5f5
        }

            .button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
                background-color: #f5f5f5;
                border-color: #f5f5f5;
                color: rgba(0,0,0,.7)
            }

            .button.is-light.is-outlined.is-loading::after {
                border-color: transparent transparent #f5f5f5 #f5f5f5 !important
            }

            .button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7) !important
            }

            .button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined {
                background-color: transparent;
                border-color: #f5f5f5;
                box-shadow: none;
                color: #f5f5f5
            }

        .button.is-light.is-inverted.is-outlined {
            background-color: transparent;
            border-color: rgba(0,0,0,.7);
            color: rgba(0,0,0,.7)
        }

            .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
                background-color: rgba(0,0,0,.7);
                color: #f5f5f5
            }

            .button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #f5f5f5 #f5f5f5 !important
            }

            .button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
                background-color: transparent;
                border-color: rgba(0,0,0,.7);
                box-shadow: none;
                color: rgba(0,0,0,.7)
            }

    .button.is-dark {
        background-color: #202836;
        border-color: transparent;
        color: #fff
    }

        .button.is-dark:hover, .button.is-dark.is-hovered {
            background-color: #1b222e;
            border-color: transparent;
            color: #fff
        }

        .button.is-dark:focus, .button.is-dark.is-focused {
            border-color: transparent;
            color: #fff
        }

            .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
                box-shadow: 0 0 0 .125em rgba(32,40,54,.25)
            }

        .button.is-dark:active, .button.is-dark.is-active {
            background-color: #171c26;
            border-color: transparent;
            color: #fff
        }

        .button.is-dark[disabled], fieldset[disabled] .button.is-dark {
            background-color: #202836;
            border-color: #202836;
            box-shadow: none
        }

        .button.is-dark.is-inverted {
            background-color: #fff;
            color: #202836
        }

            .button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
                background-color: #f2f2f2
            }

            .button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted {
                background-color: #fff;
                border-color: transparent;
                box-shadow: none;
                color: #202836
            }

        .button.is-dark.is-loading::after {
            border-color: transparent transparent #fff #fff !important
        }

        .button.is-dark.is-outlined {
            background-color: transparent;
            border-color: #202836;
            color: #202836
        }

            .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
                background-color: #202836;
                border-color: #202836;
                color: #fff
            }

            .button.is-dark.is-outlined.is-loading::after {
                border-color: transparent transparent #202836 #202836 !important
            }

            .button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #fff #fff !important
            }

            .button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined {
                background-color: transparent;
                border-color: #202836;
                box-shadow: none;
                color: #202836
            }

        .button.is-dark.is-inverted.is-outlined {
            background-color: transparent;
            border-color: #fff;
            color: #fff
        }

            .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
                background-color: #fff;
                color: #202836
            }

            .button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #202836 #202836 !important
            }

            .button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
                background-color: transparent;
                border-color: #fff;
                box-shadow: none;
                color: #fff
            }

    .button.is-primary {
        background-color: #3d70b2;
        border-color: transparent;
        color: #fff
    }

        .button.is-primary:hover, .button.is-primary.is-hovered {
            background-color: #3a6aa9;
            border-color: transparent;
            color: #fff
        }

        .button.is-primary:focus, .button.is-primary.is-focused {
            border-color: transparent;
            color: #fff
        }

            .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
                box-shadow: 0 0 0 .125em rgba(61,112,178,.25)
            }

        .button.is-primary:active, .button.is-primary.is-active {
            background-color: #36649f;
            border-color: transparent;
            color: #fff
        }

        .button.is-primary[disabled], fieldset[disabled] .button.is-primary {
            background-color: #3d70b2;
            border-color: #3d70b2;
            box-shadow: none
        }

        .button.is-primary.is-inverted {
            background-color: #fff;
            color: #3d70b2
        }

            .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
                background-color: #f2f2f2
            }

            .button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
                background-color: #fff;
                border-color: transparent;
                box-shadow: none;
                color: #3d70b2
            }

        .button.is-primary.is-loading::after {
            border-color: transparent transparent #fff #fff !important
        }

        .button.is-primary.is-outlined {
            background-color: transparent;
            border-color: #3d70b2;
            color: #3d70b2
        }

            .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
                background-color: #3d70b2;
                border-color: #3d70b2;
                color: #fff
            }

            .button.is-primary.is-outlined.is-loading::after {
                border-color: transparent transparent #3d70b2 #3d70b2 !important
            }

            .button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #fff #fff !important
            }

            .button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
                background-color: transparent;
                border-color: #3d70b2;
                box-shadow: none;
                color: #3d70b2
            }

        .button.is-primary.is-inverted.is-outlined {
            background-color: transparent;
            border-color: #fff;
            color: #fff
        }

            .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
                background-color: #fff;
                color: #3d70b2
            }

            .button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #3d70b2 #3d70b2 !important
            }

            .button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
                background-color: transparent;
                border-color: #fff;
                box-shadow: none;
                color: #fff
            }

        .button.is-primary.is-light {
            background-color: #f0f4fa;
            color: #3c6eaf
        }

            .button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered {
                background-color: #e6edf7;
                border-color: transparent;
                color: #3c6eaf
            }

            .button.is-primary.is-light:active, .button.is-primary.is-light.is-active {
                background-color: #dde7f3;
                border-color: transparent;
                color: #3c6eaf
            }

    .button.is-link {
        background-color: #039be5;
        border-color: transparent;
        color: #fff
    }

        .button.is-link:hover, .button.is-link.is-hovered {
            background-color: #0392d8;
            border-color: transparent;
            color: #fff
        }

        .button.is-link:focus, .button.is-link.is-focused {
            border-color: transparent;
            color: #fff
        }

            .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
                box-shadow: 0 0 0 .125em rgba(3,155,229,.25)
            }

        .button.is-link:active, .button.is-link.is-active {
            background-color: #038acc;
            border-color: transparent;
            color: #fff
        }

        .button.is-link[disabled], fieldset[disabled] .button.is-link {
            background-color: #039be5;
            border-color: #039be5;
            box-shadow: none
        }

        .button.is-link.is-inverted {
            background-color: #fff;
            color: #039be5
        }

            .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
                background-color: #f2f2f2
            }

            .button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
                background-color: #fff;
                border-color: transparent;
                box-shadow: none;
                color: #039be5
            }

        .button.is-link.is-loading::after {
            border-color: transparent transparent #fff #fff !important
        }

        .button.is-link.is-outlined {
            background-color: transparent;
            border-color: #039be5;
            color: #039be5
        }

            .button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
                background-color: #039be5;
                border-color: #039be5;
                color: #fff
            }

            .button.is-link.is-outlined.is-loading::after {
                border-color: transparent transparent #039be5 #039be5 !important
            }

            .button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #fff #fff !important
            }

            .button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
                background-color: transparent;
                border-color: #039be5;
                box-shadow: none;
                color: #039be5
            }

        .button.is-link.is-inverted.is-outlined {
            background-color: transparent;
            border-color: #fff;
            color: #fff
        }

            .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
                background-color: #fff;
                color: #039be5
            }

            .button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #039be5 #039be5 !important
            }

            .button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
                background-color: transparent;
                border-color: #fff;
                box-shadow: none;
                color: #fff
            }

        .button.is-link.is-light {
            background-color: #ebf8ff;
            color: #0385c4
        }

            .button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
                background-color: #def4ff;
                border-color: transparent;
                color: #0385c4
            }

            .button.is-link.is-light:active, .button.is-link.is-light.is-active {
                background-color: #d2f0fe;
                border-color: transparent;
                color: #0385c4
            }

    .button.is-info {
        background-color: #3e8ed0;
        border-color: transparent;
        color: #fff
    }

        .button.is-info:hover, .button.is-info.is-hovered {
            background-color: #3488ce;
            border-color: transparent;
            color: #fff
        }

        .button.is-info:focus, .button.is-info.is-focused {
            border-color: transparent;
            color: #fff
        }

            .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
                box-shadow: 0 0 0 .125em rgba(62,142,208,.25)
            }

        .button.is-info:active, .button.is-info.is-active {
            background-color: #3082c5;
            border-color: transparent;
            color: #fff
        }

        .button.is-info[disabled], fieldset[disabled] .button.is-info {
            background-color: #3e8ed0;
            border-color: #3e8ed0;
            box-shadow: none
        }

        .button.is-info.is-inverted {
            background-color: #fff;
            color: #3e8ed0
        }

            .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
                background-color: #f2f2f2
            }

            .button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted {
                background-color: #fff;
                border-color: transparent;
                box-shadow: none;
                color: #3e8ed0
            }

        .button.is-info.is-loading::after {
            border-color: transparent transparent #fff #fff !important
        }

        .button.is-info.is-outlined {
            background-color: transparent;
            border-color: #3e8ed0;
            color: #3e8ed0
        }

            .button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
                background-color: #3e8ed0;
                border-color: #3e8ed0;
                color: #fff
            }

            .button.is-info.is-outlined.is-loading::after {
                border-color: transparent transparent #3e8ed0 #3e8ed0 !important
            }

            .button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #fff #fff !important
            }

            .button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined {
                background-color: transparent;
                border-color: #3e8ed0;
                box-shadow: none;
                color: #3e8ed0
            }

        .button.is-info.is-inverted.is-outlined {
            background-color: transparent;
            border-color: #fff;
            color: #fff
        }

            .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
                background-color: #fff;
                color: #3e8ed0
            }

            .button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #3e8ed0 #3e8ed0 !important
            }

            .button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
                background-color: transparent;
                border-color: #fff;
                box-shadow: none;
                color: #fff
            }

        .button.is-info.is-light {
            background-color: #eff5fb;
            color: #296fa8
        }

            .button.is-info.is-light:hover, .button.is-info.is-light.is-hovered {
                background-color: #e4eff9;
                border-color: transparent;
                color: #296fa8
            }

            .button.is-info.is-light:active, .button.is-info.is-light.is-active {
                background-color: #dae9f6;
                border-color: transparent;
                color: #296fa8
            }

    .button.is-success {
        background-color: #1ce589;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

        .button.is-success:hover, .button.is-success.is-hovered {
            background-color: #19db82;
            border-color: transparent;
            color: rgba(0,0,0,.7)
        }

        .button.is-success:focus, .button.is-success.is-focused {
            border-color: transparent;
            color: rgba(0,0,0,.7)
        }

            .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
                box-shadow: 0 0 0 .125em rgba(28,229,137,.25)
            }

        .button.is-success:active, .button.is-success.is-active {
            background-color: #18d07c;
            border-color: transparent;
            color: rgba(0,0,0,.7)
        }

        .button.is-success[disabled], fieldset[disabled] .button.is-success {
            background-color: #1ce589;
            border-color: #1ce589;
            box-shadow: none
        }

        .button.is-success.is-inverted {
            background-color: rgba(0,0,0,.7);
            color: #1ce589
        }

            .button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
                background-color: rgba(0,0,0,.7)
            }

            .button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted {
                background-color: rgba(0,0,0,.7);
                border-color: transparent;
                box-shadow: none;
                color: #1ce589
            }

        .button.is-success.is-loading::after {
            border-color: transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7) !important
        }

        .button.is-success.is-outlined {
            background-color: transparent;
            border-color: #1ce589;
            color: #1ce589
        }

            .button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
                background-color: #1ce589;
                border-color: #1ce589;
                color: rgba(0,0,0,.7)
            }

            .button.is-success.is-outlined.is-loading::after {
                border-color: transparent transparent #1ce589 #1ce589 !important
            }

            .button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7) !important
            }

            .button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined {
                background-color: transparent;
                border-color: #1ce589;
                box-shadow: none;
                color: #1ce589
            }

        .button.is-success.is-inverted.is-outlined {
            background-color: transparent;
            border-color: rgba(0,0,0,.7);
            color: rgba(0,0,0,.7)
        }

            .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
                background-color: rgba(0,0,0,.7);
                color: #1ce589
            }

            .button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #1ce589 #1ce589 !important
            }

            .button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined {
                background-color: transparent;
                border-color: rgba(0,0,0,.7);
                box-shadow: none;
                color: rgba(0,0,0,.7)
            }

        .button.is-success.is-light {
            background-color: #edfdf5;
            color: #0f854f
        }

            .button.is-success.is-light:hover, .button.is-success.is-light.is-hovered {
                background-color: #e1fcf0;
                border-color: transparent;
                color: #0f854f
            }

            .button.is-success.is-light:active, .button.is-success.is-light.is-active {
                background-color: #d6faea;
                border-color: transparent;
                color: #0f854f
            }

    .button.is-warning {
        background-color: #ffe08a;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

        .button.is-warning:hover, .button.is-warning.is-hovered {
            background-color: #ffdc7d;
            border-color: transparent;
            color: rgba(0,0,0,.7)
        }

        .button.is-warning:focus, .button.is-warning.is-focused {
            border-color: transparent;
            color: rgba(0,0,0,.7)
        }

            .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
                box-shadow: 0 0 0 .125em rgba(255,224,138,.25)
            }

        .button.is-warning:active, .button.is-warning.is-active {
            background-color: #ffd970;
            border-color: transparent;
            color: rgba(0,0,0,.7)
        }

        .button.is-warning[disabled], fieldset[disabled] .button.is-warning {
            background-color: #ffe08a;
            border-color: #ffe08a;
            box-shadow: none
        }

        .button.is-warning.is-inverted {
            background-color: rgba(0,0,0,.7);
            color: #ffe08a
        }

            .button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
                background-color: rgba(0,0,0,.7)
            }

            .button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted {
                background-color: rgba(0,0,0,.7);
                border-color: transparent;
                box-shadow: none;
                color: #ffe08a
            }

        .button.is-warning.is-loading::after {
            border-color: transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7) !important
        }

        .button.is-warning.is-outlined {
            background-color: transparent;
            border-color: #ffe08a;
            color: #ffe08a
        }

            .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
                background-color: #ffe08a;
                border-color: #ffe08a;
                color: rgba(0,0,0,.7)
            }

            .button.is-warning.is-outlined.is-loading::after {
                border-color: transparent transparent #ffe08a #ffe08a !important
            }

            .button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7) !important
            }

            .button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined {
                background-color: transparent;
                border-color: #ffe08a;
                box-shadow: none;
                color: #ffe08a
            }

        .button.is-warning.is-inverted.is-outlined {
            background-color: transparent;
            border-color: rgba(0,0,0,.7);
            color: rgba(0,0,0,.7)
        }

            .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
                background-color: rgba(0,0,0,.7);
                color: #ffe08a
            }

            .button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #ffe08a #ffe08a !important
            }

            .button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
                background-color: transparent;
                border-color: rgba(0,0,0,.7);
                box-shadow: none;
                color: rgba(0,0,0,.7)
            }

        .button.is-warning.is-light {
            background-color: #fffaeb;
            color: #946c00
        }

            .button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered {
                background-color: #fff6de;
                border-color: transparent;
                color: #946c00
            }

            .button.is-warning.is-light:active, .button.is-warning.is-light.is-active {
                background-color: #fff3d1;
                border-color: transparent;
                color: #946c00
            }

    .button.is-danger {
        background-color: #f71416;
        border-color: transparent;
        color: #fff
    }

        .button.is-danger:hover, .button.is-danger.is-hovered {
            background-color: #f6080a;
            border-color: transparent;
            color: #fff
        }

        .button.is-danger:focus, .button.is-danger.is-focused {
            border-color: transparent;
            color: #fff
        }

            .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
                box-shadow: 0 0 0 .125em rgba(247,20,22,.25)
            }

        .button.is-danger:active, .button.is-danger.is-active {
            background-color: #ea080a;
            border-color: transparent;
            color: #fff
        }

        .button.is-danger[disabled], fieldset[disabled] .button.is-danger {
            background-color: #f71416;
            border-color: #f71416;
            box-shadow: none
        }

        .button.is-danger.is-inverted {
            background-color: #fff;
            color: #f71416
        }

            .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
                background-color: #f2f2f2
            }

            .button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted {
                background-color: #fff;
                border-color: transparent;
                box-shadow: none;
                color: #f71416
            }

        .button.is-danger.is-loading::after {
            border-color: transparent transparent #fff #fff !important
        }

        .button.is-danger.is-outlined {
            background-color: transparent;
            border-color: #f71416;
            color: #f71416
        }

            .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
                background-color: #f71416;
                border-color: #f71416;
                color: #fff
            }

            .button.is-danger.is-outlined.is-loading::after {
                border-color: transparent transparent #f71416 #f71416 !important
            }

            .button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #fff #fff !important
            }

            .button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined {
                background-color: transparent;
                border-color: #f71416;
                box-shadow: none;
                color: #f71416
            }

        .button.is-danger.is-inverted.is-outlined {
            background-color: transparent;
            border-color: #fff;
            color: #fff
        }

            .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
                background-color: #fff;
                color: #f71416
            }

            .button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #f71416 #f71416 !important
            }

            .button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
                background-color: transparent;
                border-color: #fff;
                box-shadow: none;
                color: #fff
            }

        .button.is-danger.is-light {
            background-color: #feebeb;
            color: #e3080a
        }

            .button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered {
                background-color: #fedfdf;
                border-color: transparent;
                color: #e3080a
            }

            .button.is-danger.is-light:active, .button.is-danger.is-light.is-active {
                background-color: #fdd3d3;
                border-color: transparent;
                color: #e3080a
            }

    .button.is-small {
        font-size: .75rem
    }

        .button.is-small:not(.is-rounded) {
            border-radius: 2px
        }

    .button.is-normal {
        font-size: 1rem
    }

    .button.is-medium {
        font-size: 1.25rem
    }

    .button.is-large {
        font-size: 1.5rem
    }

    .button[disabled], fieldset[disabled] .button {
        background-color: #fff;
        border-color: #dbdbdb;
        box-shadow: none;
        opacity: .5
    }

    .button.is-fullwidth {
        display: flex;
        width: 100%
    }

    .button.is-loading {
        color: transparent !important;
        pointer-events: none
    }

        .button.is-loading::after {
            position: absolute;
            left: calc(50% - (1em * 0.5));
            top: calc(50% - (1em * 0.5));
            position: absolute !important
        }

    .button.is-static {
        background-color: #f5f5f5;
        border-color: #dbdbdb;
        color: #7a7a7a;
        box-shadow: none;
        pointer-events: none
    }

    .button.is-rounded {
        border-radius: 9999px;
        padding-left: calc(1em + 0.25em);
        padding-right: calc(1em + 0.25em)
    }

.buttons {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

    .buttons .button {
        margin-bottom: .5rem
    }

        .buttons .button:not(:last-child):not(.is-fullwidth) {
            margin-right: .5rem
        }

    .buttons:last-child {
        margin-bottom: -0.5rem
    }

    .buttons:not(:last-child) {
        margin-bottom: 1rem
    }

    .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
        font-size: .75rem
    }

        .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
            border-radius: 2px
        }

    .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
        font-size: 1.25rem
    }

    .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
        font-size: 1.5rem
    }

    .buttons.has-addons .button:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .buttons.has-addons .button:not(:last-child) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        margin-right: -1px
    }

    .buttons.has-addons .button:last-child {
        margin-right: 0
    }

    .buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
        z-index: 2
    }

    .buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
        z-index: 3
    }

        .buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
            z-index: 4
        }

    .buttons.has-addons .button.is-expanded {
        flex-grow: 1;
        flex-shrink: 1
    }

    .buttons.is-centered {
        justify-content: center
    }

        .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
            margin-left: .25rem;
            margin-right: .25rem
        }

    .buttons.is-right {
        justify-content: flex-end
    }

        .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
            margin-left: .25rem;
            margin-right: .25rem
        }

@media screen and (max-width: 768px) {
    .button.is-responsive.is-small {
        font-size: .5625rem
    }

    .button.is-responsive, .button.is-responsive.is-normal {
        font-size: .65625rem
    }

        .button.is-responsive.is-medium {
            font-size: .75rem
        }

        .button.is-responsive.is-large {
            font-size: 1rem
        }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .button.is-responsive.is-small {
        font-size: .65625rem
    }

    .button.is-responsive, .button.is-responsive.is-normal {
        font-size: .75rem
    }

        .button.is-responsive.is-medium {
            font-size: 1rem
        }

        .button.is-responsive.is-large {
            font-size: 1.25rem
        }
}

.container {
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: auto
}

    .container.is-fluid {
        max-width: none !important;
        padding-left: 32px;
        padding-right: 32px;
        width: 100%
    }

@media screen and (min-width: 1024px) {
    .container {
        max-width: 960px
    }
}

@media screen and (max-width: 1215px) {
    .container.is-widescreen:not(.is-max-desktop) {
        max-width: 1152px
    }
}

@media screen and (max-width: 1407px) {
    .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width: 1344px
    }
}

@media screen and (min-width: 1216px) {
    .container:not(.is-max-desktop) {
        max-width: 1152px
    }
}

@media screen and (min-width: 1408px) {
    .container:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width: 1344px
    }
}

.content li + li {
    margin-top: .25em
}

.content p:not(:last-child), .content dl:not(:last-child), .content ol:not(:last-child), .content ul:not(:last-child), .content blockquote:not(:last-child), .content pre:not(:last-child), .content table:not(:last-child) {
    margin-bottom: 1em
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    color: #363636;
    font-weight: 600;
    line-height: 1.125
}

.content h1 {
    font-size: 2em;
    margin-bottom: .5em
}

    .content h1:not(:first-child) {
        margin-top: 1em
    }

.content h2 {
    font-size: 1.75em;
    margin-bottom: .5714em
}

    .content h2:not(:first-child) {
        margin-top: 1.1428em
    }

.content h3 {
    font-size: 1.5em;
    margin-bottom: .6666em
}

    .content h3:not(:first-child) {
        margin-top: 1.3333em
    }

.content h4 {
    font-size: 1.25em;
    margin-bottom: .8em
}

.content h5 {
    font-size: 1.125em;
    margin-bottom: .8888em
}

.content h6 {
    font-size: 1em;
    margin-bottom: 1em
}

.content blockquote {
    background-color: #f5f5f5;
    border-left: 5px solid #dbdbdb;
    padding: 1.25em 1.5em
}

.content ol {
    list-style-position: outside;
    margin-left: 2em;
    margin-top: 1em
}

    .content ol:not([type]) {
        list-style-type: decimal
    }

        .content ol:not([type]).is-lower-alpha {
            list-style-type: lower-alpha
        }

        .content ol:not([type]).is-lower-roman {
            list-style-type: lower-roman
        }

        .content ol:not([type]).is-upper-alpha {
            list-style-type: upper-alpha
        }

        .content ol:not([type]).is-upper-roman {
            list-style-type: upper-roman
        }

.content ul {
    list-style: disc outside;
    margin-left: 2em;
    margin-top: 1em
}

    .content ul ul {
        list-style-type: circle;
        margin-top: .5em
    }

        .content ul ul ul {
            list-style-type: square
        }

.content dd {
    margin-left: 2em
}

.content figure {
    margin-left: 2em;
    margin-right: 2em;
    text-align: center
}

    .content figure:not(:first-child) {
        margin-top: 2em
    }

    .content figure:not(:last-child) {
        margin-bottom: 2em
    }

    .content figure img {
        display: inline-block
    }

    .content figure figcaption {
        font-style: italic
    }

.content pre {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    padding: 1.25em 1.5em;
    white-space: pre;
    word-wrap: normal
}

.content sup, .content sub {
    font-size: 75%
}

.content table {
    width: 100%
}

    .content table td, .content table th {
        border: 1px solid #dbdbdb;
        border-width: 0 0 1px;
        padding: .5em .75em;
        vertical-align: top
    }

    .content table th {
        color: #363636
    }

        .content table th:not([align]) {
            text-align: inherit
        }

    .content table thead td, .content table thead th {
        border-width: 0 0 2px;
        color: #363636
    }

    .content table tfoot td, .content table tfoot th {
        border-width: 2px 0 0;
        color: #363636
    }

    .content table tbody tr:last-child td, .content table tbody tr:last-child th {
        border-bottom-width: 0
    }

.content .tabs li + li {
    margin-top: 0
}

.content.is-small {
    font-size: .75rem
}

.content.is-normal {
    font-size: 1rem
}

.content.is-medium {
    font-size: 1.25rem
}

.content.is-large {
    font-size: 1.5rem
}

.icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem
}

    .icon.is-small {
        height: 1rem;
        width: 1rem
    }

    .icon.is-medium {
        height: 2rem;
        width: 2rem
    }

    .icon.is-large {
        height: 3rem;
        width: 3rem
    }

.icon-text {
    align-items: flex-start;
    color: inherit;
    display: inline-flex;
    flex-wrap: wrap;
    line-height: 1.5rem;
    vertical-align: top
}

    .icon-text .icon {
        flex-grow: 0;
        flex-shrink: 0
    }

        .icon-text .icon:not(:last-child) {
            margin-right: .25em
        }

        .icon-text .icon:not(:first-child) {
            margin-left: .25em
        }

div.icon-text {
    display: flex
}

.image {
    display: block;
    position: relative
}

    .image img {
        display: block;
        height: auto;
        width: 100%
    }

        .image img.is-rounded {
            border-radius: 9999px
        }

    .image.is-fullwidth {
        width: 100%
    }

    .image.is-square img, .image.is-square .has-ratio, .image.is-1by1 img, .image.is-1by1 .has-ratio, .image.is-5by4 img, .image.is-5by4 .has-ratio, .image.is-4by3 img, .image.is-4by3 .has-ratio, .image.is-3by2 img, .image.is-3by2 .has-ratio, .image.is-5by3 img, .image.is-5by3 .has-ratio, .image.is-16by9 img, .image.is-16by9 .has-ratio, .image.is-2by1 img, .image.is-2by1 .has-ratio, .image.is-3by1 img, .image.is-3by1 .has-ratio, .image.is-4by5 img, .image.is-4by5 .has-ratio, .image.is-3by4 img, .image.is-3by4 .has-ratio, .image.is-2by3 img, .image.is-2by3 .has-ratio, .image.is-3by5 img, .image.is-3by5 .has-ratio, .image.is-9by16 img, .image.is-9by16 .has-ratio, .image.is-1by2 img, .image.is-1by2 .has-ratio, .image.is-1by3 img, .image.is-1by3 .has-ratio {
        height: 100%;
        width: 100%
    }

    .image.is-square, .image.is-1by1 {
        padding-top: 100%
    }

    .image.is-5by4 {
        padding-top: 80%
    }

    .image.is-4by3 {
        padding-top: 75%
    }

    .image.is-3by2 {
        padding-top: 66.6666%
    }

    .image.is-5by3 {
        padding-top: 60%
    }

    .image.is-16by9 {
        padding-top: 56.25%
    }

    .image.is-2by1 {
        padding-top: 50%
    }

    .image.is-3by1 {
        padding-top: 33.3333%
    }

    .image.is-4by5 {
        padding-top: 125%
    }

    .image.is-3by4 {
        padding-top: 133.3333%
    }

    .image.is-2by3 {
        padding-top: 150%
    }

    .image.is-3by5 {
        padding-top: 166.6666%
    }

    .image.is-9by16 {
        padding-top: 177.7777%
    }

    .image.is-1by2 {
        padding-top: 200%
    }

    .image.is-1by3 {
        padding-top: 300%
    }

    .image.is-16x16 {
        height: 16px;
        width: 16px
    }

    .image.is-24x24 {
        height: 24px;
        width: 24px
    }

    .image.is-32x32 {
        height: 32px;
        width: 32px
    }

    .image.is-48x48 {
        height: 48px;
        width: 48px
    }

    .image.is-64x64 {
        height: 64px;
        width: 64px
    }

    .image.is-96x96 {
        height: 96px;
        width: 96px
    }

    .image.is-128x128 {
        height: 128px;
        width: 128px
    }

.notification {
    background-color: #f5f5f5;
    border-radius: 4px;
    position: relative;
    padding: 1.25rem 2.5rem 1.25rem 1.5rem
}

    .notification a:not(.button):not(.dropdown-item) {
        color: currentColor;
        text-decoration: underline
    }

    .notification strong {
        color: currentColor
    }

    .notification code, .notification pre {
        background: #fff
    }

        .notification pre code {
            background: transparent
        }

    .notification > .delete {
        right: .5rem;
        position: absolute;
        top: .5rem
    }

    .notification .title, .notification .subtitle, .notification .content {
        color: currentColor
    }

    .notification.is-white {
        background-color: #fff;
        color: #0a0a0a
    }

    .notification.is-black {
        background-color: #0a0a0a;
        color: #fff
    }

    .notification.is-light {
        background-color: #f5f5f5;
        color: rgba(0,0,0,.7)
    }

    .notification.is-dark {
        background-color: #202836;
        color: #fff
    }

    .notification.is-primary {
        background-color: #3d70b2;
        color: #fff
    }

        .notification.is-primary.is-light {
            background-color: #f0f4fa;
            color: #3c6eaf
        }

    .notification.is-link {
        background-color: #039be5;
        color: #fff
    }

        .notification.is-link.is-light {
            background-color: #ebf8ff;
            color: #0385c4
        }

    .notification.is-info {
        background-color: #3e8ed0;
        color: #fff
    }

        .notification.is-info.is-light {
            background-color: #eff5fb;
            color: #296fa8
        }

    .notification.is-success {
        background-color: #1ce589;
        color: rgba(0,0,0,.7)
    }

        .notification.is-success.is-light {
            background-color: #edfdf5;
            color: #0f854f
        }

    .notification.is-warning {
        background-color: #ffe08a;
        color: rgba(0,0,0,.7)
    }

        .notification.is-warning.is-light {
            background-color: #fffaeb;
            color: #946c00
        }

    .notification.is-danger {
        background-color: #f71416;
        color: #fff
    }

        .notification.is-danger.is-light {
            background-color: #feebeb;
            color: #e3080a
        }

.progress {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 9999px;
    display: block;
    height: 1rem;
    overflow: hidden;
    padding: 0;
    width: 100%
}

    .progress::-webkit-progress-bar {
        background-color: #ededed
    }

    .progress::-webkit-progress-value {
        background-color: #4a4a4a
    }

    .progress::-moz-progress-bar {
        background-color: #4a4a4a
    }

    .progress::-ms-fill {
        background-color: #4a4a4a;
        border: none
    }

    .progress.is-white::-webkit-progress-value {
        background-color: #fff
    }

    .progress.is-white::-moz-progress-bar {
        background-color: #fff
    }

    .progress.is-white::-ms-fill {
        background-color: #fff
    }

    .progress.is-white:indeterminate {
        background-image: linear-gradient(to right, #fff 30%, #ededed 30%)
    }

    .progress.is-black::-webkit-progress-value {
        background-color: #0a0a0a
    }

    .progress.is-black::-moz-progress-bar {
        background-color: #0a0a0a
    }

    .progress.is-black::-ms-fill {
        background-color: #0a0a0a
    }

    .progress.is-black:indeterminate {
        background-image: linear-gradient(to right, #0a0a0a 30%, #ededed 30%)
    }

    .progress.is-light::-webkit-progress-value {
        background-color: #f5f5f5
    }

    .progress.is-light::-moz-progress-bar {
        background-color: #f5f5f5
    }

    .progress.is-light::-ms-fill {
        background-color: #f5f5f5
    }

    .progress.is-light:indeterminate {
        background-image: linear-gradient(to right, whitesmoke 30%, #ededed 30%)
    }

    .progress.is-dark::-webkit-progress-value {
        background-color: #202836
    }

    .progress.is-dark::-moz-progress-bar {
        background-color: #202836
    }

    .progress.is-dark::-ms-fill {
        background-color: #202836
    }

    .progress.is-dark:indeterminate {
        background-image: linear-gradient(to right, #202836 30%, #ededed 30%)
    }

    .progress.is-primary::-webkit-progress-value {
        background-color: #3d70b2
    }

    .progress.is-primary::-moz-progress-bar {
        background-color: #3d70b2
    }

    .progress.is-primary::-ms-fill {
        background-color: #3d70b2
    }

    .progress.is-primary:indeterminate {
        background-image: linear-gradient(to right, #3d70b2 30%, #ededed 30%)
    }

    .progress.is-link::-webkit-progress-value {
        background-color: #039be5
    }

    .progress.is-link::-moz-progress-bar {
        background-color: #039be5
    }

    .progress.is-link::-ms-fill {
        background-color: #039be5
    }

    .progress.is-link:indeterminate {
        background-image: linear-gradient(to right, #039BE5 30%, #ededed 30%)
    }

    .progress.is-info::-webkit-progress-value {
        background-color: #3e8ed0
    }

    .progress.is-info::-moz-progress-bar {
        background-color: #3e8ed0
    }

    .progress.is-info::-ms-fill {
        background-color: #3e8ed0
    }

    .progress.is-info:indeterminate {
        background-image: linear-gradient(to right, #3e8ed0 30%, #ededed 30%)
    }

    .progress.is-success::-webkit-progress-value {
        background-color: #1ce589
    }

    .progress.is-success::-moz-progress-bar {
        background-color: #1ce589
    }

    .progress.is-success::-ms-fill {
        background-color: #1ce589
    }

    .progress.is-success:indeterminate {
        background-image: linear-gradient(to right, #1CE589 30%, #ededed 30%)
    }

    .progress.is-warning::-webkit-progress-value {
        background-color: #ffe08a
    }

    .progress.is-warning::-moz-progress-bar {
        background-color: #ffe08a
    }

    .progress.is-warning::-ms-fill {
        background-color: #ffe08a
    }

    .progress.is-warning:indeterminate {
        background-image: linear-gradient(to right, #ffe08a 30%, #ededed 30%)
    }

    .progress.is-danger::-webkit-progress-value {
        background-color: #f71416
    }

    .progress.is-danger::-moz-progress-bar {
        background-color: #f71416
    }

    .progress.is-danger::-ms-fill {
        background-color: #f71416
    }

    .progress.is-danger:indeterminate {
        background-image: linear-gradient(to right, #f71416 30%, #ededed 30%)
    }

    .progress:indeterminate {
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-name: moveIndeterminate;
        animation-timing-function: linear;
        background-color: #ededed;
        background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 150% 150%
    }

        .progress:indeterminate::-webkit-progress-bar {
            background-color: transparent
        }

        .progress:indeterminate::-moz-progress-bar {
            background-color: transparent
        }

        .progress:indeterminate::-ms-fill {
            animation-name: none
        }

    .progress.is-small {
        height: .75rem
    }

    .progress.is-medium {
        height: 1.25rem
    }

    .progress.is-large {
        height: 1.5rem
    }

@keyframes moveIndeterminate {
    from {
        background-position: 200% 0
    }

    to {
        background-position: -200% 0
    }
}

.table {
    background-color: #fff;
    color: #363636
}

    .table td, .table th {
        border: 1px solid #dbdbdb;
        border-width: 0 0 1px;
        padding: .5em .75em;
        vertical-align: top
    }

        .table td.is-white, .table th.is-white {
            background-color: #fff;
            border-color: #fff;
            color: #0a0a0a
        }

        .table td.is-black, .table th.is-black {
            background-color: #0a0a0a;
            border-color: #0a0a0a;
            color: #fff
        }

        .table td.is-light, .table th.is-light {
            background-color: #f5f5f5;
            border-color: #f5f5f5;
            color: rgba(0,0,0,.7)
        }

        .table td.is-dark, .table th.is-dark {
            background-color: #202836;
            border-color: #202836;
            color: #fff
        }

        .table td.is-primary, .table th.is-primary {
            background-color: #3d70b2;
            border-color: #3d70b2;
            color: #fff
        }

        .table td.is-link, .table th.is-link {
            background-color: #039be5;
            border-color: #039be5;
            color: #fff
        }

        .table td.is-info, .table th.is-info {
            background-color: #3e8ed0;
            border-color: #3e8ed0;
            color: #fff
        }

        .table td.is-success, .table th.is-success {
            background-color: #1ce589;
            border-color: #1ce589;
            color: rgba(0,0,0,.7)
        }

        .table td.is-warning, .table th.is-warning {
            background-color: #ffe08a;
            border-color: #ffe08a;
            color: rgba(0,0,0,.7)
        }

        .table td.is-danger, .table th.is-danger {
            background-color: #f71416;
            border-color: #f71416;
            color: #fff
        }

        .table td.is-narrow, .table th.is-narrow {
            white-space: nowrap;
            width: 1%
        }

        .table td.is-selected, .table th.is-selected {
            background-color: #3d70b2;
            color: #fff
        }

            .table td.is-selected a, .table td.is-selected strong, .table th.is-selected a, .table th.is-selected strong {
                color: currentColor
            }

        .table td.is-vcentered, .table th.is-vcentered {
            vertical-align: middle
        }

    .table th {
        color: #363636
    }

        .table th:not([align]) {
            text-align: left
        }

    .table tr.is-selected {
        background-color: #3d70b2;
        color: #fff
    }

        .table tr.is-selected a, .table tr.is-selected strong {
            color: currentColor
        }

        .table tr.is-selected td, .table tr.is-selected th {
            border-color: #fff;
            color: currentColor
        }

    .table thead {
        background-color: transparent
    }

        .table thead td, .table thead th {
            border-width: 0 0 2px;
            color: #363636
        }

    .table tfoot {
        background-color: transparent
    }

        .table tfoot td, .table tfoot th {
            border-width: 2px 0 0;
            color: #363636
        }

    .table tbody {
        background-color: transparent
    }

        .table tbody tr:last-child td, .table tbody tr:last-child th {
            border-bottom-width: 0
        }

    .table.is-bordered td, .table.is-bordered th {
        border-width: 1px
    }

    .table.is-bordered tr:last-child td, .table.is-bordered tr:last-child th {
        border-bottom-width: 1px
    }

    .table.is-fullwidth {
        width: 100%
    }

    .table.is-hoverable tbody tr:not(.is-selected):hover {
        background-color: #fafafa
    }

    .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
        background-color: #fafafa
    }

        .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
            background-color: #f5f5f5
        }

    .table.is-narrow td, .table.is-narrow th {
        padding: .25em .5em
    }

    .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
        background-color: #fafafa
    }

.table-container {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    overflow-y: hidden;
    max-width: 100%
}

.tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

    .tags .tag {
        margin-bottom: .5rem
    }

        .tags .tag:not(:last-child) {
            margin-right: .5rem
        }

    .tags:last-child {
        margin-bottom: -0.5rem
    }

    .tags:not(:last-child) {
        margin-bottom: 1rem
    }

    .tags.are-medium .tag:not(.is-normal):not(.is-large) {
        font-size: 1rem
    }

    .tags.are-large .tag:not(.is-normal):not(.is-medium) {
        font-size: 1.25rem
    }

    .tags.is-centered {
        justify-content: center
    }

        .tags.is-centered .tag {
            margin-right: .25rem;
            margin-left: .25rem
        }

    .tags.is-right {
        justify-content: flex-end
    }

        .tags.is-right .tag:not(:first-child) {
            margin-left: .5rem
        }

        .tags.is-right .tag:not(:last-child) {
            margin-right: 0
        }

    .tags.has-addons .tag {
        margin-right: 0
    }

        .tags.has-addons .tag:not(:first-child) {
            margin-left: 0;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .tags.has-addons .tag:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

.tag:not(body) {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 4px;
    color: #4a4a4a;
    display: inline-flex;
    font-size: .75rem;
    height: 2em;
    justify-content: center;
    line-height: 1.5;
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap
}

    .tag:not(body) .delete {
        margin-left: .25rem;
        margin-right: -0.375rem
    }

    .tag:not(body).is-white {
        background-color: #fff;
        color: #0a0a0a
    }

    .tag:not(body).is-black {
        background-color: #0a0a0a;
        color: #fff
    }

    .tag:not(body).is-light {
        background-color: #f5f5f5;
        color: rgba(0,0,0,.7)
    }

    .tag:not(body).is-dark {
        background-color: #202836;
        color: #fff
    }

    .tag:not(body).is-primary {
        background-color: #3d70b2;
        color: #fff
    }

        .tag:not(body).is-primary.is-light {
            background-color: #f0f4fa;
            color: #3c6eaf
        }

    .tag:not(body).is-link {
        background-color: #039be5;
        color: #fff
    }

        .tag:not(body).is-link.is-light {
            background-color: #ebf8ff;
            color: #0385c4
        }

    .tag:not(body).is-info {
        background-color: #3e8ed0;
        color: #fff
    }

        .tag:not(body).is-info.is-light {
            background-color: #eff5fb;
            color: #296fa8
        }

    .tag:not(body).is-success {
        background-color: #1ce589;
        color: rgba(0,0,0,.7)
    }

        .tag:not(body).is-success.is-light {
            background-color: #edfdf5;
            color: #0f854f
        }

    .tag:not(body).is-warning {
        background-color: #ffe08a;
        color: rgba(0,0,0,.7)
    }

        .tag:not(body).is-warning.is-light {
            background-color: #fffaeb;
            color: #946c00
        }

    .tag:not(body).is-danger {
        background-color: #f71416;
        color: #fff
    }

        .tag:not(body).is-danger.is-light {
            background-color: #feebeb;
            color: #e3080a
        }

    .tag:not(body).is-normal {
        font-size: .75rem
    }

    .tag:not(body).is-medium {
        font-size: 1rem
    }

    .tag:not(body).is-large {
        font-size: 1.25rem
    }

    .tag:not(body) .icon:first-child:not(:last-child) {
        margin-left: -0.375em;
        margin-right: .1875em
    }

    .tag:not(body) .icon:last-child:not(:first-child) {
        margin-left: .1875em;
        margin-right: -0.375em
    }

    .tag:not(body) .icon:first-child:last-child {
        margin-left: -0.375em;
        margin-right: -0.375em
    }

    .tag:not(body).is-delete {
        margin-left: 1px;
        padding: 0;
        position: relative;
        width: 2em
    }

        .tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
            background-color: currentColor;
            content: "";
            display: block;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transform-origin: center center
        }

        .tag:not(body).is-delete::before {
            height: 1px;
            width: 50%
        }

        .tag:not(body).is-delete::after {
            height: 50%;
            width: 1px
        }

        .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
            background-color: #e8e8e8
        }

        .tag:not(body).is-delete:active {
            background-color: #dbdbdb
        }

    .tag:not(body).is-rounded {
        border-radius: 9999px
    }

a.tag:hover {
    text-decoration: underline
}

.share-link {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}
.share-link-link {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 4px;
    color: #4a4a4a;
    display: inline-flex;
    font-size: .75rem;
    height: 2em;
    justify-content: center;
    line-height: 1.5;
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap
}

    .share-link-link.is-delete {
        margin-left: 1px;
        padding: 0;
        position: relative;
        width: 2em
    }

        .share-link-link.is-delete::before, .share-link-link.is-delete::after {
            background-color: currentColor;
            content: "";
            display: block;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transform-origin: center center
        }

        .share-link-link.is-delete::before {
            height: 1px;
            width: 50%
        }

        .share-link-link.is-delete::after {
            height: 50%;
            width: 1px
        }

        .share-link-link.is-delete:hover, .tag.is-delete:focus {
            background-color: #e8e8e8
        }

        .share-link-link.is-delete:active {
            background-color: #dbdbdb
        }

.title, .subtitle {
    word-break: break-word
}

    .title em, .title span, .subtitle em, .subtitle span {
        font-weight: inherit
    }

    .title sub, .subtitle sub {
        font-size: .75em
    }

    .title sup, .subtitle sup {
        font-size: .75em
    }

    .title .tag, .subtitle .tag {
        vertical-align: middle
    }

.title {
    color: #363636;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.125
}

    .title strong {
        color: inherit;
        font-weight: inherit
    }

    .title:not(.is-spaced) + .subtitle {
        margin-top: -1.25rem
    }

    .title.is-1 {
        font-size: 3rem
    }

    .title.is-2 {
        font-size: 2.5rem
    }

    .title.is-3 {
        font-size: 2rem
    }

    .title.is-4 {
        font-size: 1.5rem
    }

    .title.is-5 {
        font-size: 1.25rem
    }

    .title.is-6 {
        font-size: 1rem
    }

    .title.is-7 {
        font-size: .75rem
    }

.subtitle {
    color: #4a4a4a;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.25
}

    .subtitle strong {
        color: #363636;
        font-weight: 600
    }

    .subtitle:not(.is-spaced) + .title {
        margin-top: -1.25rem
    }

    .subtitle.is-1 {
        font-size: 3rem
    }

    .subtitle.is-2 {
        font-size: 2.5rem
    }

    .subtitle.is-3 {
        font-size: 2rem
    }

    .subtitle.is-4 {
        font-size: 1.5rem
    }

    .subtitle.is-5 {
        font-size: 1.25rem
    }

    .subtitle.is-6 {
        font-size: 1rem
    }

    .subtitle.is-7 {
        font-size: .75rem
    }

.heading {
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.number {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 9999px;
    display: inline-flex;
    font-size: 1.25rem;
    height: 2em;
    justify-content: center;
    margin-right: 1.5rem;
    min-width: 2.5em;
    padding: .25rem .5rem;
    text-align: center;
    vertical-align: top
}

.select select, .textarea, .input {
    background-color: #fff;
    border-color: #dbdbdb;
    border-radius: 4px;
    color: #363636
}

    .select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder {
        color: rgba(54,54,54,.3)
    }

    .select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder {
        color: rgba(54,54,54,.3)
    }

    .select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder {
        color: rgba(54,54,54,.3)
    }

    .select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder {
        color: rgba(54,54,54,.3)
    }

    .select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input {
        border-color: #b5b5b5
    }

    .select select:focus, .textarea:focus, .input:focus, .select select.is-focused, .is-focused.textarea, .is-focused.input, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input {
        border-color: #039be5;
        box-shadow: 0 0 0 .125em rgba(3,155,229,.25)
    }

    .select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
        background-color: #f5f5f5;
        border-color: #f5f5f5;
        box-shadow: none;
        color: #7a7a7a
    }

        .select select[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, [disabled].input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder {
            color: rgba(122,122,122,.3)
        }

        .select select[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder {
            color: rgba(122,122,122,.3)
        }

        .select select[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, [disabled].input:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder {
            color: rgba(122,122,122,.3)
        }

        .select select[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder {
            color: rgba(122,122,122,.3)
        }

.textarea, .input {
    box-shadow: inset 0 .0625em .125em rgba(10,10,10,.05);
    max-width: 100%;
    width: 100%
}

[readonly].textarea, [readonly].input {
    box-shadow: none
}

.is-white.textarea, .is-white.input {
    border-color: #fff
}

    .is-white.textarea:focus, .is-white.input:focus, .is-white.is-focused.textarea, .is-white.is-focused.input, .is-white.textarea:active, .is-white.input:active, .is-white.is-active.textarea, .is-white.is-active.input {
        box-shadow: 0 0 0 .125em rgba(255,255,255,.25)
    }

.is-black.textarea, .is-black.input {
    border-color: #0a0a0a
}

    .is-black.textarea:focus, .is-black.input:focus, .is-black.is-focused.textarea, .is-black.is-focused.input, .is-black.textarea:active, .is-black.input:active, .is-black.is-active.textarea, .is-black.is-active.input {
        box-shadow: 0 0 0 .125em rgba(10,10,10,.25)
    }

.is-light.textarea, .is-light.input {
    border-color: #f5f5f5
}

    .is-light.textarea:focus, .is-light.input:focus, .is-light.is-focused.textarea, .is-light.is-focused.input, .is-light.textarea:active, .is-light.input:active, .is-light.is-active.textarea, .is-light.is-active.input {
        box-shadow: 0 0 0 .125em rgba(245,245,245,.25)
    }

.is-dark.textarea, .is-dark.input {
    border-color: #202836
}

    .is-dark.textarea:focus, .is-dark.input:focus, .is-dark.is-focused.textarea, .is-dark.is-focused.input, .is-dark.textarea:active, .is-dark.input:active, .is-dark.is-active.textarea, .is-dark.is-active.input {
        box-shadow: 0 0 0 .125em rgba(32,40,54,.25)
    }

.is-primary.textarea, .is-primary.input {
    border-color: #3d70b2
}

    .is-primary.textarea:focus, .is-primary.input:focus, .is-primary.is-focused.textarea, .is-primary.is-focused.input, .is-primary.textarea:active, .is-primary.input:active, .is-primary.is-active.textarea, .is-primary.is-active.input {
        box-shadow: 0 0 0 .125em rgba(61,112,178,.25)
    }

.is-link.textarea, .is-link.input {
    border-color: #039be5
}

    .is-link.textarea:focus, .is-link.input:focus, .is-link.is-focused.textarea, .is-link.is-focused.input, .is-link.textarea:active, .is-link.input:active, .is-link.is-active.textarea, .is-link.is-active.input {
        box-shadow: 0 0 0 .125em rgba(3,155,229,.25)
    }

.is-info.textarea, .is-info.input {
    border-color: #3e8ed0
}

    .is-info.textarea:focus, .is-info.input:focus, .is-info.is-focused.textarea, .is-info.is-focused.input, .is-info.textarea:active, .is-info.input:active, .is-info.is-active.textarea, .is-info.is-active.input {
        box-shadow: 0 0 0 .125em rgba(62,142,208,.25)
    }

.is-success.textarea, .is-success.input {
    border-color: #1ce589
}

    .is-success.textarea:focus, .is-success.input:focus, .is-success.is-focused.textarea, .is-success.is-focused.input, .is-success.textarea:active, .is-success.input:active, .is-success.is-active.textarea, .is-success.is-active.input {
        box-shadow: 0 0 0 .125em rgba(28,229,137,.25)
    }

.is-warning.textarea, .is-warning.input {
    border-color: #ffe08a
}

    .is-warning.textarea:focus, .is-warning.input:focus, .is-warning.is-focused.textarea, .is-warning.is-focused.input, .is-warning.textarea:active, .is-warning.input:active, .is-warning.is-active.textarea, .is-warning.is-active.input {
        box-shadow: 0 0 0 .125em rgba(255,224,138,.25)
    }

.is-danger.textarea, .is-danger.input {
    border-color: #f71416
}

    .is-danger.textarea:focus, .is-danger.input:focus, .is-danger.is-focused.textarea, .is-danger.is-focused.input, .is-danger.textarea:active, .is-danger.input:active, .is-danger.is-active.textarea, .is-danger.is-active.input {
        box-shadow: 0 0 0 .125em rgba(247,20,22,.25)
    }

.is-small.textarea, .is-small.input {
    border-radius: 2px;
    font-size: .75rem
}

.is-medium.textarea, .is-medium.input {
    font-size: 1.25rem
}

.is-large.textarea, .is-large.input {
    font-size: 1.5rem
}

.is-fullwidth.textarea, .is-fullwidth.input {
    display: block;
    width: 100%
}

.is-inline.textarea, .is-inline.input {
    display: inline;
    width: auto
}

.input.is-rounded {
    border-radius: 9999px;
    padding-left: calc(calc(0.75em - 1px) + 0.375em);
    padding-right: calc(calc(0.75em - 1px) + 0.375em)
}

.input.is-static {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0
}

.textarea {
    display: block;
    max-width: 100%;
    min-width: 100%;
    padding: calc(0.75em - 1px);
    resize: vertical
}

    .textarea:not([rows]) {
        max-height: 40em;
        min-height: 8em
    }

    .textarea[rows] {
        height: initial
    }

    .textarea.has-fixed-size {
        resize: none
    }

.radio, .checkbox {
    cursor: pointer;
    display: inline-block;
    line-height: 1.25;
    position: relative
}

    .radio input, .checkbox input {
        cursor: pointer
    }

    .radio:hover, .checkbox:hover {
        color: #363636
    }

    [disabled].radio, [disabled].checkbox, fieldset[disabled] .radio, fieldset[disabled] .checkbox, .radio input[disabled], .checkbox input[disabled] {
        color: #7a7a7a;
        cursor: not-allowed
    }

    .radio + .radio {
        margin-left: .5em
    }

.select {
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top
}

    .select:not(.is-multiple) {
        height: 2.5em
    }

        .select:not(.is-multiple):not(.is-loading)::after {
            border-color: #039be5;
            right: 1.125em;
            z-index: 4
        }

    .select.is-rounded select {
        border-radius: 9999px;
        padding-left: 1em
    }

    .select select {
        cursor: pointer;
        display: block;
        font-size: 1em;
        max-width: 100%;
        outline: none
    }

        .select select::-ms-expand {
            display: none
        }

        .select select[disabled]:hover, fieldset[disabled] .select select:hover {
            border-color: #f5f5f5
        }

        .select select:not([multiple]) {
            padding-right: 2.5em
        }

        .select select[multiple] {
            height: auto;
            padding: 0
        }

            .select select[multiple] option {
                padding: .5em 1em
            }

    .select:not(.is-multiple):not(.is-loading):hover::after {
        border-color: #363636
    }

    .select.is-white:not(:hover)::after {
        border-color: #fff
    }

    .select.is-white select {
        border-color: #fff
    }

        .select.is-white select:hover, .select.is-white select.is-hovered {
            border-color: #f2f2f2
        }

        .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
            box-shadow: 0 0 0 .125em rgba(255,255,255,.25)
        }

    .select.is-black:not(:hover)::after {
        border-color: #0a0a0a
    }

    .select.is-black select {
        border-color: #0a0a0a
    }

        .select.is-black select:hover, .select.is-black select.is-hovered {
            border-color: #000
        }

        .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
            box-shadow: 0 0 0 .125em rgba(10,10,10,.25)
        }

    .select.is-light:not(:hover)::after {
        border-color: #f5f5f5
    }

    .select.is-light select {
        border-color: #f5f5f5
    }

        .select.is-light select:hover, .select.is-light select.is-hovered {
            border-color: #e8e8e8
        }

        .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
            box-shadow: 0 0 0 .125em rgba(245,245,245,.25)
        }

    .select.is-dark:not(:hover)::after {
        border-color: #202836
    }

    .select.is-dark select {
        border-color: #202836
    }

        .select.is-dark select:hover, .select.is-dark select.is-hovered {
            border-color: #171c26
        }

        .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
            box-shadow: 0 0 0 .125em rgba(32,40,54,.25)
        }

    .select.is-primary:not(:hover)::after {
        border-color: #3d70b2
    }

    .select.is-primary select {
        border-color: #3d70b2
    }

        .select.is-primary select:hover, .select.is-primary select.is-hovered {
            border-color: #36649f
        }

        .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
            box-shadow: 0 0 0 .125em rgba(61,112,178,.25)
        }

    .select.is-link:not(:hover)::after {
        border-color: #039be5
    }

    .select.is-link select {
        border-color: #039be5
    }

        .select.is-link select:hover, .select.is-link select.is-hovered {
            border-color: #038acc
        }

        .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
            box-shadow: 0 0 0 .125em rgba(3,155,229,.25)
        }

    .select.is-info:not(:hover)::after {
        border-color: #3e8ed0
    }

    .select.is-info select {
        border-color: #3e8ed0
    }

        .select.is-info select:hover, .select.is-info select.is-hovered {
            border-color: #3082c5
        }

        .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
            box-shadow: 0 0 0 .125em rgba(62,142,208,.25)
        }

    .select.is-success:not(:hover)::after {
        border-color: #1ce589
    }

    .select.is-success select {
        border-color: #1ce589
    }

        .select.is-success select:hover, .select.is-success select.is-hovered {
            border-color: #18d07c
        }

        .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
            box-shadow: 0 0 0 .125em rgba(28,229,137,.25)
        }

    .select.is-warning:not(:hover)::after {
        border-color: #ffe08a
    }

    .select.is-warning select {
        border-color: #ffe08a
    }

        .select.is-warning select:hover, .select.is-warning select.is-hovered {
            border-color: #ffd970
        }

        .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
            box-shadow: 0 0 0 .125em rgba(255,224,138,.25)
        }

    .select.is-danger:not(:hover)::after {
        border-color: #f71416
    }

    .select.is-danger select {
        border-color: #f71416
    }

        .select.is-danger select:hover, .select.is-danger select.is-hovered {
            border-color: #ea080a
        }

        .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
            box-shadow: 0 0 0 .125em rgba(247,20,22,.25)
        }

    .select.is-small {
        border-radius: 2px;
        font-size: .75rem
    }

    .select.is-medium {
        font-size: 1.25rem
    }

    .select.is-large {
        font-size: 1.5rem
    }

    .select.is-disabled::after {
        border-color: #7a7a7a !important;
        opacity: .5
    }

    .select.is-fullwidth {
        width: 100%
    }

        .select.is-fullwidth select {
            width: 100%
        }

    .select.is-loading::after {
        margin-top: 0;
        position: absolute;
        right: .625em;
        top: .625em;
        transform: none
    }

    .select.is-loading.is-small:after {
        font-size: .75rem
    }

    .select.is-loading.is-medium:after {
        font-size: 1.25rem
    }

    .select.is-loading.is-large:after {
        font-size: 1.5rem
    }

.file {
    align-items: stretch;
    display: flex;
    justify-content: flex-start;
    position: relative
}

    .file.is-white .file-cta {
        background-color: #fff;
        border-color: transparent;
        color: #0a0a0a
    }

    .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
        background-color: #f9f9f9;
        border-color: transparent;
        color: #0a0a0a
    }

    .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 .5em rgba(255,255,255,.25);
        color: #0a0a0a
    }

    .file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
        background-color: #f2f2f2;
        border-color: transparent;
        color: #0a0a0a
    }

    .file.is-black .file-cta {
        background-color: #0a0a0a;
        border-color: transparent;
        color: #fff
    }

    .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
        background-color: #040404;
        border-color: transparent;
        color: #fff
    }

    .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 .5em rgba(10,10,10,.25);
        color: #fff
    }

    .file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
        background-color: #000;
        border-color: transparent;
        color: #fff
    }

    .file.is-light .file-cta {
        background-color: #f5f5f5;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

    .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
        background-color: #eee;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

    .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 .5em rgba(245,245,245,.25);
        color: rgba(0,0,0,.7)
    }

    .file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
        background-color: #e8e8e8;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

    .file.is-dark .file-cta {
        background-color: #202836;
        border-color: transparent;
        color: #fff
    }

    .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
        background-color: #1b222e;
        border-color: transparent;
        color: #fff
    }

    .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 .5em rgba(32,40,54,.25);
        color: #fff
    }

    .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
        background-color: #171c26;
        border-color: transparent;
        color: #fff
    }

    .file.is-primary .file-cta {
        background-color: #3d70b2;
        border-color: transparent;
        color: #fff
    }

    .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
        background-color: #3a6aa9;
        border-color: transparent;
        color: #fff
    }

    .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 .5em rgba(61,112,178,.25);
        color: #fff
    }

    .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
        background-color: #36649f;
        border-color: transparent;
        color: #fff
    }

    .file.is-link .file-cta {
        background-color: #039be5;
        border-color: transparent;
        color: #fff
    }

    .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
        background-color: #0392d8;
        border-color: transparent;
        color: #fff
    }

    .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 .5em rgba(3,155,229,.25);
        color: #fff
    }

    .file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
        background-color: #038acc;
        border-color: transparent;
        color: #fff
    }

    .file.is-info .file-cta {
        background-color: #3e8ed0;
        border-color: transparent;
        color: #fff
    }

    .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
        background-color: #3488ce;
        border-color: transparent;
        color: #fff
    }

    .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 .5em rgba(62,142,208,.25);
        color: #fff
    }

    .file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
        background-color: #3082c5;
        border-color: transparent;
        color: #fff
    }

    .file.is-success .file-cta {
        background-color: #1ce589;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

    .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
        background-color: #19db82;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

    .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 .5em rgba(28,229,137,.25);
        color: rgba(0,0,0,.7)
    }

    .file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
        background-color: #18d07c;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

    .file.is-warning .file-cta {
        background-color: #ffe08a;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

    .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
        background-color: #ffdc7d;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

    .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 .5em rgba(255,224,138,.25);
        color: rgba(0,0,0,.7)
    }

    .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
        background-color: #ffd970;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

    .file.is-danger .file-cta {
        background-color: #f71416;
        border-color: transparent;
        color: #fff
    }

    .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
        background-color: #f6080a;
        border-color: transparent;
        color: #fff
    }

    .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 .5em rgba(247,20,22,.25);
        color: #fff
    }

    .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
        background-color: #ea080a;
        border-color: transparent;
        color: #fff
    }

    .file.is-small {
        font-size: .75rem
    }

    .file.is-normal {
        font-size: 1rem
    }

    .file.is-medium {
        font-size: 1.25rem
    }

        .file.is-medium .file-icon .fa {
            font-size: 21px
        }

    .file.is-large {
        font-size: 1.5rem
    }

        .file.is-large .file-icon .fa {
            font-size: 28px
        }

    .file.has-name .file-cta {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .file.has-name .file-name {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .file.has-name.is-empty .file-cta {
        border-radius: 4px
    }

    .file.has-name.is-empty .file-name {
        display: none
    }

    .file.is-boxed .file-label {
        flex-direction: column
    }

    .file.is-boxed .file-cta {
        flex-direction: column;
        height: auto;
        padding: 1em 3em
    }

    .file.is-boxed .file-name {
        border-width: 0 1px 1px
    }

    .file.is-boxed .file-icon {
        height: 1.5em;
        width: 1.5em
    }

        .file.is-boxed .file-icon .fa {
            font-size: 21px
        }

    .file.is-boxed.is-small .file-icon .fa {
        font-size: 14px
    }

    .file.is-boxed.is-medium .file-icon .fa {
        font-size: 28px
    }

    .file.is-boxed.is-large .file-icon .fa {
        font-size: 35px
    }

    .file.is-boxed.has-name .file-cta {
        border-radius: 4px 4px 0 0
    }

    .file.is-boxed.has-name .file-name {
        border-radius: 0 0 4px 4px;
        border-width: 0 1px 1px
    }

    .file.is-centered {
        justify-content: center
    }

    .file.is-fullwidth .file-label {
        width: 100%
    }

    .file.is-fullwidth .file-name {
        flex-grow: 1;
        max-width: none
    }

    .file.is-right {
        justify-content: flex-end
    }

        .file.is-right .file-cta {
            border-radius: 0 4px 4px 0
        }

        .file.is-right .file-name {
            border-radius: 4px 0 0 4px;
            border-width: 1px 0 1px 1px;
            order: -1
        }

.file-label {
    align-items: stretch;
    display: flex;
    cursor: pointer;
    justify-content: flex-start;
    overflow: hidden;
    position: relative
}

    .file-label:hover .file-cta {
        background-color: #eee;
        color: #363636
    }

    .file-label:hover .file-name {
        border-color: #d5d5d5
    }

    .file-label:active .file-cta {
        background-color: #e8e8e8;
        color: #363636
    }

    .file-label:active .file-name {
        border-color: #cfcfcf
    }

.file-input {
    height: 100%;
    left: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 100%
}

.file-cta, .file-name {
    border-color: #dbdbdb;
    border-radius: 4px;
    font-size: 1em;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap
}

.file-cta {
    background-color: #f5f5f5;
    color: #4a4a4a
}

.file-name {
    border-color: #dbdbdb;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    display: block;
    max-width: 16em;
    overflow: hidden;
    text-align: inherit;
    text-overflow: ellipsis
}

.file-icon {
    align-items: center;
    display: flex;
    height: 1em;
    justify-content: center;
    margin-right: .5em;
    width: 1em
}

    .file-icon .fa {
        font-size: 14px
    }

.label {
    color: #363636;
    display: block;
    font-size: 1rem;
    font-weight: 700
}

    .label:not(:last-child) {
        margin-bottom: .5em
    }

    .label.is-small {
        font-size: .75rem
    }

    .label.is-medium {
        font-size: 1.25rem
    }

    .label.is-large {
        font-size: 1.5rem
    }

.help {
    display: block;
    font-size: .75rem;
    margin-top: .25rem
}

    .help.is-white {
        color: #fff
    }

    .help.is-black {
        color: #0a0a0a
    }

    .help.is-light {
        color: #f5f5f5
    }

    .help.is-dark {
        color: #202836
    }

    .help.is-primary {
        color: #3d70b2
    }

    .help.is-link {
        color: #039be5
    }

    .help.is-info {
        color: #3e8ed0
    }

    .help.is-success {
        color: #1ce589
    }

    .help.is-warning {
        color: #ffe08a
    }

    .help.is-danger {
        color: #f71416
    }

.field:not(:last-child) {
    margin-bottom: .75rem
}

.field.has-addons {
    display: flex;
    justify-content: flex-start
}

    .field.has-addons .control:not(:last-child) {
        margin-right: -1px
    }

    .field.has-addons .control:not(:first-child):not(:last-child) .button, .field.has-addons .control:not(:first-child):not(:last-child) .input, .field.has-addons .control:not(:first-child):not(:last-child) .select select {
        border-radius: 0
    }

    .field.has-addons .control:first-child:not(:only-child) .button, .field.has-addons .control:first-child:not(:only-child) .input, .field.has-addons .control:first-child:not(:only-child) .select select {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .field.has-addons .control:last-child:not(:only-child) .button, .field.has-addons .control:last-child:not(:only-child) .input, .field.has-addons .control:last-child:not(:only-child) .select select {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered, .field.has-addons .control .input:not([disabled]):hover, .field.has-addons .control .input:not([disabled]).is-hovered, .field.has-addons .control .select select:not([disabled]):hover, .field.has-addons .control .select select:not([disabled]).is-hovered {
        z-index: 2
    }

    .field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active, .field.has-addons .control .input:not([disabled]):focus, .field.has-addons .control .input:not([disabled]).is-focused, .field.has-addons .control .input:not([disabled]):active, .field.has-addons .control .input:not([disabled]).is-active, .field.has-addons .control .select select:not([disabled]):focus, .field.has-addons .control .select select:not([disabled]).is-focused, .field.has-addons .control .select select:not([disabled]):active, .field.has-addons .control .select select:not([disabled]).is-active {
        z-index: 3
    }

        .field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover, .field.has-addons .control .input:not([disabled]):focus:hover, .field.has-addons .control .input:not([disabled]).is-focused:hover, .field.has-addons .control .input:not([disabled]):active:hover, .field.has-addons .control .input:not([disabled]).is-active:hover, .field.has-addons .control .select select:not([disabled]):focus:hover, .field.has-addons .control .select select:not([disabled]).is-focused:hover, .field.has-addons .control .select select:not([disabled]):active:hover, .field.has-addons .control .select select:not([disabled]).is-active:hover {
            z-index: 4
        }

    .field.has-addons .control.is-expanded {
        flex-grow: 1;
        flex-shrink: 1
    }

    .field.has-addons.has-addons-centered {
        justify-content: center
    }

    .field.has-addons.has-addons-right {
        justify-content: flex-end
    }

    .field.has-addons.has-addons-fullwidth .control {
        flex-grow: 1;
        flex-shrink: 0
    }

.field.is-grouped {
    display: flex;
    justify-content: flex-start
}

    .field.is-grouped > .control {
        flex-shrink: 0
    }

        .field.is-grouped > .control:not(:last-child) {
            margin-bottom: 0;
            margin-right: .75rem
        }

        .field.is-grouped > .control.is-expanded {
            flex-grow: 1;
            flex-shrink: 1
        }

    .field.is-grouped.is-grouped-centered {
        justify-content: center
    }

    .field.is-grouped.is-grouped-right {
        justify-content: flex-end
    }

    .field.is-grouped.is-grouped-multiline {
        flex-wrap: wrap
    }

        .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
            margin-bottom: .75rem
        }

        .field.is-grouped.is-grouped-multiline:last-child {
            margin-bottom: -0.75rem
        }

        .field.is-grouped.is-grouped-multiline:not(:last-child) {
            margin-bottom: 0
        }

@media screen and (min-width: 769px),print {
    .field.is-horizontal {
        display: flex
    }
}

.field-label .label {
    font-size: inherit
}

@media screen and (max-width: 768px) {
    .field-label {
        margin-bottom: .5rem
    }
}

@media screen and (min-width: 769px),print {
    .field-label {
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 0;
        margin-right: 1.5rem;
        text-align: right
    }

        .field-label.is-small {
            font-size: .75rem;
            padding-top: .375em
        }

        .field-label.is-normal {
            padding-top: .375em
        }

        .field-label.is-medium {
            font-size: 1.25rem;
            padding-top: .375em
        }

        .field-label.is-large {
            font-size: 1.5rem;
            padding-top: .375em
        }
}

.field-body .field .field {
    margin-bottom: 0
}

@media screen and (min-width: 769px),print {
    .field-body {
        display: flex;
        flex-basis: 0;
        flex-grow: 5;
        flex-shrink: 1
    }

        .field-body .field {
            margin-bottom: 0
        }

        .field-body > .field {
            flex-shrink: 1
        }

            .field-body > .field:not(.is-narrow) {
                flex-grow: 1
            }

            .field-body > .field:not(:last-child) {
                margin-right: .75rem
            }
}

.control {
    box-sizing: border-box;
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: inherit
}

    .control.has-icons-left .input:focus ~ .icon, .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, .control.has-icons-right .select:focus ~ .icon {
        color: #4a4a4a
    }

    .control.has-icons-left .input.is-small ~ .icon, .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, .control.has-icons-right .select.is-small ~ .icon {
        font-size: .75rem
    }

    .control.has-icons-left .input.is-medium ~ .icon, .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, .control.has-icons-right .select.is-medium ~ .icon {
        font-size: 1.25rem
    }

    .control.has-icons-left .input.is-large ~ .icon, .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, .control.has-icons-right .select.is-large ~ .icon {
        font-size: 1.5rem
    }

    .control.has-icons-left .icon, .control.has-icons-right .icon {
        color: #dbdbdb;
        height: 2.5em;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 2.5em;
        z-index: 4
    }

    .control.has-icons-left .input, .control.has-icons-left .select select {
        padding-left: 2.5em
    }

    .control.has-icons-left .icon.is-left {
        left: 0
    }

    .control.has-icons-right .input, .control.has-icons-right .select select {
        padding-right: 2.5em
    }

    .control.has-icons-right .icon.is-right {
        right: 0
    }

    .control.is-loading::after {
        position: absolute !important;
        right: .625em;
        top: .625em;
        z-index: 4
    }

    .control.is-loading.is-small:after {
        font-size: .75rem
    }

    .control.is-loading.is-medium:after {
        font-size: 1.25rem
    }

    .control.is-loading.is-large:after {
        font-size: 1.5rem
    }

.breadcrumb {
    font-size: 1rem;
    white-space: nowrap
}
.breadcrumb .separator{
    display:flex;
    width: 15px;
}
    .breadcrumb a {
        align-items: center;
        color: #fff;
        display: flex;
        justify-content: center;
        padding: 0 .75em
    }

        .breadcrumb a:hover {
            color: #363636
        }

    .breadcrumb li {
        align-items: center;
        display: flex
    }

        .breadcrumb li:first-child a {
            padding-left: 0
        }

        .breadcrumb li.is-active a {
            color: #363636;
            cursor: default;
            pointer-events: none
        }

    /*.breadcrumb li + li::before {
            color: #b5b5b5;
            content: "/"
        }*/

    .breadcrumb ul, .breadcrumb ol {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .breadcrumb .icon:first-child {
        margin-right: .5em
    }

    .breadcrumb .icon:last-child {
        margin-left: .5em
    }

    .breadcrumb.is-centered ol, .breadcrumb.is-centered ul {
        justify-content: center
    }

    .breadcrumb.is-right ol, .breadcrumb.is-right ul {
        justify-content: flex-end
    }

    .breadcrumb.is-small {
        font-size: .75rem
    }

    .breadcrumb.is-medium {
        font-size: 1.25rem
    }

    .breadcrumb.is-large {
        font-size: 1.5rem
    }

    .breadcrumb.has-arrow-separator li + li::before {
        content: "→"
    }

    .breadcrumb.has-bullet-separator li + li::before {
        content: "•"
    }

    .breadcrumb.has-dot-separator li + li::before {
        content: "·"
    }

    .breadcrumb.has-succeeds-separator li + li::before {
        content: "≻"
    }

.card, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card {
    background-color: #fff;
    border-radius: .25rem;
    box-shadow: 0 .5em 1em -0.125em rgba(10,10,10,.1),0 0px 0 1px rgba(10,10,10,.02);
    color: #4a4a4a;
    max-width: 100%;
    position: relative
}

.card-footer:first-child, .card-content:first-child, .card-header:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card-footer:last-child, .card-content:last-child, .card-header:last-child {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.card-header {
    background-color: transparent;
    align-items: stretch;
    box-shadow: 0 .125em .25em rgba(10,10,10,.1);
    display: flex
}

.card-header-title {
    align-items: center;
    color: #363636;
    display: flex;
    flex-grow: 1;
    font-weight: 700;
    padding: .75rem 1rem
}

    .card-header-title.is-centered {
        justify-content: center
    }

.card-header-icon {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: currentColor;
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0;
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: .75rem 1rem
}

.card-image {
    display: block;
    position: relative
}

    .card-image:first-child img {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .card-image:last-child img {
        border-bottom-left-radius: .25rem;
        border-bottom-right-radius: .25rem
    }

.card-content {
    background-color: transparent;
    padding: 1.5rem
}

.card-footer {
    background-color: transparent;
    border-top: 1px solid #ededed;
    align-items: stretch;
    display: flex
}

.card-footer-item {
    align-items: center;
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: center;
    padding: .75rem
}

    .card-footer-item:not(:last-child) {
        border-right: 1px solid #ededed
    }

.card .media:not(:last-child), .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .media:not(:last-child) {
    margin-bottom: 1.5rem
}

.dropdown {
    display: inline-flex;
    position: relative;
    vertical-align: top
}

    .dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
        display: block
    }

    .dropdown.is-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .dropdown.is-up .dropdown-menu {
        bottom: 100%;
        padding-bottom: 4px;
        padding-top: initial;
        top: auto
    }

.dropdown-menu {
    display: none;
    left: 0;
    min-width: 12rem;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    z-index: 20
}

.dropdown-content {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 .5em 1em -0.125em rgba(10,10,10,.1),0 0px 0 1px rgba(10,10,10,.02);
    padding-bottom: .5rem;
    padding-top: .5rem
}

.dropdown-item {
    color: #4a4a4a;
    display: block;
    font-size: .875rem;
    line-height: 1.5;
    padding: .375rem 1rem;
    position: relative
}

a.dropdown-item, button.dropdown-item {
    padding-right: 3rem;
    text-align: inherit;
    white-space: nowrap;
    width: 100%
}

    a.dropdown-item:hover, button.dropdown-item:hover {
        background-color: #f5f5f5;
        color: #0a0a0a
    }

    a.dropdown-item.is-active, button.dropdown-item.is-active {
        background-color: #039be5;
        color: #fff
    }

.dropdown-divider {
    background-color: #ededed;
    border: none;
    display: block;
    height: 1px;
    margin: .5rem 0
}

.level {
    align-items: center;
    justify-content: space-between
}

    .level code {
        border-radius: 4px
    }

    .level img {
        display: inline-block;
        vertical-align: top
    }

    .level.is-mobile {
        display: flex
    }

        .level.is-mobile .level-left, .level.is-mobile .level-right {
            display: flex
        }

            .level.is-mobile .level-left + .level-right {
                margin-top: 0
            }

        .level.is-mobile .level-item:not(:last-child) {
            margin-bottom: 0;
            margin-right: .75rem
        }

        .level.is-mobile .level-item:not(.is-narrow) {
            flex-grow: 1
        }

@media screen and (min-width: 769px),print {
    .level {
        display: flex
    }

        .level > .level-item:not(.is-narrow) {
            flex-grow: 1
        }
}

.level-item {
    align-items: center;
    display: flex;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center
}

    .level-item .title, .level-item .subtitle {
        margin-bottom: 0
    }

@media screen and (max-width: 768px) {
    .level-item:not(:last-child) {
        margin-bottom: .75rem
    }
}

.level-left, .level-right {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

    .level-left .level-item.is-flexible, .level-right .level-item.is-flexible {
        flex-grow: 1
    }

@media screen and (min-width: 769px),print {
    .level-left .level-item:not(:last-child), .level-right .level-item:not(:last-child) {
        margin-right: .75rem
    }
}

.level-left {
    align-items: center;
    justify-content: flex-start
}

@media screen and (max-width: 768px) {
    .level-left + .level-right {
        margin-top: 1.5rem
    }
}

@media screen and (min-width: 769px),print {
    .level-left {
        display: flex
    }
}

.level-right {
    align-items: center;
    justify-content: flex-end
}

@media screen and (min-width: 769px),print {
    .level-right {
        display: flex
    }
}

.media {
    align-items: flex-start;
    display: flex;
    text-align: inherit
}

    .media .content:not(:last-child) {
        margin-bottom: .75rem
    }

    .media .media {
        border-top: 1px solid rgba(219,219,219,.5);
        display: flex;
        padding-top: .75rem
    }

        .media .media .content:not(:last-child), .media .media .control:not(:last-child) {
            margin-bottom: .5rem
        }

        .media .media .media {
            padding-top: .5rem
        }

            .media .media .media + .media {
                margin-top: .5rem
            }

    .media + .media {
        border-top: 1px solid rgba(219,219,219,.5);
        margin-top: 1rem;
        padding-top: 1rem
    }

    .media.is-large + .media {
        margin-top: 1.5rem;
        padding-top: 1.5rem
    }

.media-left, .media-right {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.media-left {
    margin-right: 1rem
}

.media-right {
    margin-left: 1rem
}

.media-content {
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    text-align: inherit
}
.media-content .button {
    padding: 5px 12px !important;
}
@media screen and (max-width: 768px) {
    .media-content {
        overflow-x: auto
    }
}

.menu {
    font-size: 1rem
}

    .menu.is-small {
        font-size: .75rem
    }

    .menu.is-medium {
        font-size: 1.25rem
    }

    .menu.is-large {
        font-size: 1.5rem
    }

.menu-list {
    line-height: 1.25
}

    .menu-list a {
        border-radius: 2px;
        color: #4a4a4a;
        display: block;
        padding: .5em .75em
    }

        .menu-list a:hover {
            background-color: #f5f5f5;
            color: #363636
        }

        .menu-list a.is-active {
            background-color: #039be5;
            color: #fff
        }

    .menu-list li ul {
        border-left: 1px solid #dbdbdb;
        margin: .75em;
        padding-left: .75em
    }

.menu-label {
    color: #7a7a7a;
    font-size: .75em;
    letter-spacing: .1em;
    text-transform: uppercase
}

    .menu-label:not(:first-child) {
        margin-top: 1em
    }

    .menu-label:not(:last-child) {
        margin-bottom: 1em
    }

.message {
    background-color: #f5f5f5;
    border-radius: 4px;
    font-size: 1rem
}

    .message strong {
        color: currentColor
    }

    .message a:not(.button):not(.tag):not(.dropdown-item) {
        color: currentColor;
        text-decoration: underline
    }

    .message.is-small {
        font-size: .75rem
    }

    .message.is-medium {
        font-size: 1.25rem
    }

    .message.is-large {
        font-size: 1.5rem
    }

    .message.is-white {
        background-color: #fff
    }

        .message.is-white .message-header {
            background-color: #fff;
            color: #0a0a0a
        }

        .message.is-white .message-body {
            border-color: #fff
        }

    .message.is-black {
        background-color: #fafafa
    }

        .message.is-black .message-header {
            background-color: #0a0a0a;
            color: #fff
        }

        .message.is-black .message-body {
            border-color: #0a0a0a
        }

    .message.is-light {
        background-color: #fafafa
    }

        .message.is-light .message-header {
            background-color: #f5f5f5;
            color: rgba(0,0,0,.7)
        }

        .message.is-light .message-body {
            border-color: #f5f5f5
        }

    .message.is-dark {
        background-color: #f9fafb
    }

        .message.is-dark .message-header {
            background-color: #202836;
            color: #fff
        }

        .message.is-dark .message-body {
            border-color: #202836
        }

    .message.is-primary {
        background-color: #f0f4fa
    }

        .message.is-primary .message-header {
            background-color: #3d70b2;
            color: #fff
        }

        .message.is-primary .message-body {
            border-color: #3d70b2;
            color: #3c6eaf
        }

    .message.is-link {
        background-color: #ebf8ff
    }

        .message.is-link .message-header {
            background-color: #039be5;
            color: #fff
        }

        .message.is-link .message-body {
            border-color: #039be5;
            color: #0385c4
        }

    .message.is-info {
        background-color: #eff5fb
    }

        .message.is-info .message-header {
            background-color: #3e8ed0;
            color: #fff
        }

        .message.is-info .message-body {
            border-color: #3e8ed0;
            color: #296fa8
        }

    .message.is-success {
        background-color: #edfdf5
    }

        .message.is-success .message-header {
            background-color: #1ce589;
            color: rgba(0,0,0,.7)
        }

        .message.is-success .message-body {
            border-color: #1ce589;
            color: #0f854f
        }

    .message.is-warning {
        background-color: #fffaeb
    }

        .message.is-warning .message-header {
            background-color: #ffe08a;
            color: rgba(0,0,0,.7)
        }

        .message.is-warning .message-body {
            border-color: #ffe08a;
            color: #946c00
        }

    .message.is-danger {
        background-color: #feebeb
    }

        .message.is-danger .message-header {
            background-color: #f71416;
            color: #fff
        }

        .message.is-danger .message-body {
            border-color: #f71416;
            color: #e3080a
        }

.message-header {
    align-items: center;
    background-color: #4a4a4a;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    line-height: 1.25;
    padding: .75em 1em;
    position: relative
}

    .message-header .delete {
        flex-grow: 0;
        flex-shrink: 0;
        margin-left: .75em
    }

    .message-header + .message-body {
        border-width: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.message-body {
    border-color: #dbdbdb;
    border-radius: 4px;
    border-style: solid;
    border-width: 0 0 0 4px;
    color: #4a4a4a;
    padding: 1.25em 1.5em
}

    .message-body code, .message-body pre {
        background-color: #fff
    }

        .message-body pre code {
            background-color: transparent
        }

.modal {
    align-items: center;
    display: none;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    z-index: 40
}

    .modal.is-active {
        display: flex
    }

.modal-background {
    background-color: rgba(10,10,10,.86)
}

.modal-content, .modal-card {
    margin: 0 20px;
    max-height: calc(100vh - 160px);
    overflow: auto;
    position: relative;
    width: 100%
}

@media screen and (min-width: 769px) {
    .modal-content, .modal-card {
        margin: 0 auto;
        max-height: calc(100vh - 40px);
        width: 640px
    }
}

.modal-close {
    background: none;
    height: 40px;
    position: fixed;
    right: 20px;
    top: 20px;
    width: 40px
}

.modal-card {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 40px);
    overflow: hidden;
    -ms-overflow-y: visible
}

.modal-card-head, .modal-card-foot {
    align-items: center;
    background-color: #f5f5f5;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-start;
    padding: 20px;
    position: relative
}

.modal-card-head {
    border-bottom: 1px solid #dbdbdb;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.modal-card-title {
    color: #363636;
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 1.5rem;
    line-height: 1
}

.modal-card-foot {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 1px solid #dbdbdb
}

    .modal-card-foot .button:not(:last-child) {
        margin-right: .5em
    }

.modal-card-body {
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    flex-grow: 1;
    flex-shrink: 1;
    overflow: auto;
    padding: 20px
}

.navbar {
    background-color: #fff;
    min-height: 3.25rem;
    position: relative;
    z-index: 30
}

    .navbar.is-white {
        background-color: #fff;
        color: #0a0a0a
    }

        .navbar.is-white .navbar-brand > .navbar-item, .navbar.is-white .navbar-brand .navbar-link {
            color: #0a0a0a
        }

            .navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, .navbar.is-white .navbar-brand .navbar-link:focus, .navbar.is-white .navbar-brand .navbar-link:hover, .navbar.is-white .navbar-brand .navbar-link.is-active {
                background-color: #f2f2f2;
                color: #0a0a0a
            }

            .navbar.is-white .navbar-brand .navbar-link::after {
                border-color: #0a0a0a
            }

        .navbar.is-white .navbar-burger {
            color: #0a0a0a
        }
.mobile-navbar .navbar-brand .header-item{
    display: inline-block;
    padding: 10px 0 0 10px
}

@media screen and (min-width: 1024px) {
    .navbar.is-white .navbar-start > .navbar-item, .navbar.is-white .navbar-start .navbar-link, .navbar.is-white .navbar-end > .navbar-item, .navbar.is-white .navbar-end .navbar-link {
        color: #0a0a0a
    }

        .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, .navbar.is-white .navbar-start .navbar-link:focus, .navbar.is-white .navbar-start .navbar-link:hover, .navbar.is-white .navbar-start .navbar-link.is-active, .navbar.is-white .navbar-end > a.navbar-item:focus, .navbar.is-white .navbar-end > a.navbar-item:hover, .navbar.is-white .navbar-end > a.navbar-item.is-active, .navbar.is-white .navbar-end .navbar-link:focus, .navbar.is-white .navbar-end .navbar-link:hover, .navbar.is-white .navbar-end .navbar-link.is-active {
            background-color: #f2f2f2;
            color: #0a0a0a
        }

        .navbar.is-white .navbar-start .navbar-link::after, .navbar.is-white .navbar-end .navbar-link::after {
            border-color: #0a0a0a
        }

    .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #f2f2f2;
        color: #0a0a0a
    }

    .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
        background-color: #fff;
        color: #0a0a0a
    }
}

.navbar.is-black {
    background-color: #0a0a0a;
    color: #fff
}

    .navbar.is-black .navbar-brand > .navbar-item, .navbar.is-black .navbar-brand .navbar-link {
        color: #fff
    }

        .navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, .navbar.is-black .navbar-brand .navbar-link:focus, .navbar.is-black .navbar-brand .navbar-link:hover, .navbar.is-black .navbar-brand .navbar-link.is-active {
            background-color: #000;
            color: #fff
        }

        .navbar.is-black .navbar-brand .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-black .navbar-burger {
        color: #fff
    }

@media screen and (min-width: 1024px) {
    .navbar.is-black .navbar-start > .navbar-item, .navbar.is-black .navbar-start .navbar-link, .navbar.is-black .navbar-end > .navbar-item, .navbar.is-black .navbar-end .navbar-link {
        color: #fff
    }

        .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, .navbar.is-black .navbar-start .navbar-link:focus, .navbar.is-black .navbar-start .navbar-link:hover, .navbar.is-black .navbar-start .navbar-link.is-active, .navbar.is-black .navbar-end > a.navbar-item:focus, .navbar.is-black .navbar-end > a.navbar-item:hover, .navbar.is-black .navbar-end > a.navbar-item.is-active, .navbar.is-black .navbar-end .navbar-link:focus, .navbar.is-black .navbar-end .navbar-link:hover, .navbar.is-black .navbar-end .navbar-link.is-active {
            background-color: #000;
            color: #fff
        }

        .navbar.is-black .navbar-start .navbar-link::after, .navbar.is-black .navbar-end .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #000;
        color: #fff
    }

    .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
        background-color: #0a0a0a;
        color: #fff
    }
}

.navbar.is-light {
    background-color: #f5f5f5;
    color: rgba(0,0,0,.7)
}

    .navbar.is-light .navbar-brand > .navbar-item, .navbar.is-light .navbar-brand .navbar-link {
        color: rgba(0,0,0,.7)
    }

        .navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, .navbar.is-light .navbar-brand .navbar-link:focus, .navbar.is-light .navbar-brand .navbar-link:hover, .navbar.is-light .navbar-brand .navbar-link.is-active {
            background-color: #e8e8e8;
            color: rgba(0,0,0,.7)
        }

        .navbar.is-light .navbar-brand .navbar-link::after {
            border-color: rgba(0,0,0,.7)
        }

    .navbar.is-light .navbar-burger {
        color: rgba(0,0,0,.7)
    }

@media screen and (min-width: 1024px) {
    .navbar.is-light .navbar-start > .navbar-item, .navbar.is-light .navbar-start .navbar-link, .navbar.is-light .navbar-end > .navbar-item, .navbar.is-light .navbar-end .navbar-link {
        color: rgba(0,0,0,.7)
    }

        .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, .navbar.is-light .navbar-start .navbar-link:focus, .navbar.is-light .navbar-start .navbar-link:hover, .navbar.is-light .navbar-start .navbar-link.is-active, .navbar.is-light .navbar-end > a.navbar-item:focus, .navbar.is-light .navbar-end > a.navbar-item:hover, .navbar.is-light .navbar-end > a.navbar-item.is-active, .navbar.is-light .navbar-end .navbar-link:focus, .navbar.is-light .navbar-end .navbar-link:hover, .navbar.is-light .navbar-end .navbar-link.is-active {
            background-color: #e8e8e8;
            color: rgba(0,0,0,.7)
        }

        .navbar.is-light .navbar-start .navbar-link::after, .navbar.is-light .navbar-end .navbar-link::after {
            border-color: rgba(0,0,0,.7)
        }

    .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #e8e8e8;
        color: rgba(0,0,0,.7)
    }

    .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: rgba(0,0,0,.7)
    }
}

.navbar.is-dark {
    background-color: #202836;
    color: #fff
}

    .navbar.is-dark .navbar-brand > .navbar-item, .navbar.is-dark .navbar-brand .navbar-link {
        color: #fff
    }

        .navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, .navbar.is-dark .navbar-brand .navbar-link:focus, .navbar.is-dark .navbar-brand .navbar-link:hover, .navbar.is-dark .navbar-brand .navbar-link.is-active {
            background-color: #171c26;
            color: #fff
        }

        .navbar.is-dark .navbar-brand .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-dark .navbar-burger {
        color: #fff
    }

@media screen and (min-width: 1024px) {
    .navbar.is-dark .navbar-start > .navbar-item, .navbar.is-dark .navbar-start .navbar-link, .navbar.is-dark .navbar-end > .navbar-item, .navbar.is-dark .navbar-end .navbar-link {
        color: #fff
    }

        .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, .navbar.is-dark .navbar-start .navbar-link:focus, .navbar.is-dark .navbar-start .navbar-link:hover, .navbar.is-dark .navbar-start .navbar-link.is-active, .navbar.is-dark .navbar-end > a.navbar-item:focus, .navbar.is-dark .navbar-end > a.navbar-item:hover, .navbar.is-dark .navbar-end > a.navbar-item.is-active, .navbar.is-dark .navbar-end .navbar-link:focus, .navbar.is-dark .navbar-end .navbar-link:hover, .navbar.is-dark .navbar-end .navbar-link.is-active {
            background-color: #171c26;
            color: #fff
        }

        .navbar.is-dark .navbar-start .navbar-link::after, .navbar.is-dark .navbar-end .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #171c26;
        color: #fff
    }

    .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
        background-color: #202836;
        color: #fff
    }
}

.navbar.is-primary {
    background-color: #3d70b2;
    color: #fff
}

    .navbar.is-primary .navbar-brand > .navbar-item, .navbar.is-primary .navbar-brand .navbar-link {
        color: #fff
    }

        .navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .navbar.is-primary .navbar-brand .navbar-link:focus, .navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand .navbar-link.is-active {
            background-color: #36649f;
            color: #fff
        }

        .navbar.is-primary .navbar-brand .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-primary .navbar-burger {
        color: #fff
    }

@media screen and (min-width: 1024px) {
    .navbar.is-primary .navbar-start > .navbar-item, .navbar.is-primary .navbar-start .navbar-link, .navbar.is-primary .navbar-end > .navbar-item, .navbar.is-primary .navbar-end .navbar-link {
        color: #fff
    }

        .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, .navbar.is-primary .navbar-start .navbar-link:focus, .navbar.is-primary .navbar-start .navbar-link:hover, .navbar.is-primary .navbar-start .navbar-link.is-active, .navbar.is-primary .navbar-end > a.navbar-item:focus, .navbar.is-primary .navbar-end > a.navbar-item:hover, .navbar.is-primary .navbar-end > a.navbar-item.is-active, .navbar.is-primary .navbar-end .navbar-link:focus, .navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end .navbar-link.is-active {
            background-color: #36649f;
            color: #fff
        }

        .navbar.is-primary .navbar-start .navbar-link::after, .navbar.is-primary .navbar-end .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #36649f;
        color: #fff
    }

    .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
        background-color: #3d70b2;
        color: #fff
    }
}

.navbar.is-link {
    background-color: #039be5;
    color: #fff
}

    .navbar.is-link .navbar-brand > .navbar-item, .navbar.is-link .navbar-brand .navbar-link {
        color: #fff
    }

        .navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, .navbar.is-link .navbar-brand .navbar-link:focus, .navbar.is-link .navbar-brand .navbar-link:hover, .navbar.is-link .navbar-brand .navbar-link.is-active {
            background-color: #038acc;
            color: #fff
        }

        .navbar.is-link .navbar-brand .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-link .navbar-burger {
        color: #fff
    }

@media screen and (min-width: 1024px) {
    .navbar.is-link .navbar-start > .navbar-item, .navbar.is-link .navbar-start .navbar-link, .navbar.is-link .navbar-end > .navbar-item, .navbar.is-link .navbar-end .navbar-link {
        color: #fff
    }

        .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, .navbar.is-link .navbar-start .navbar-link:focus, .navbar.is-link .navbar-start .navbar-link:hover, .navbar.is-link .navbar-start .navbar-link.is-active, .navbar.is-link .navbar-end > a.navbar-item:focus, .navbar.is-link .navbar-end > a.navbar-item:hover, .navbar.is-link .navbar-end > a.navbar-item.is-active, .navbar.is-link .navbar-end .navbar-link:focus, .navbar.is-link .navbar-end .navbar-link:hover, .navbar.is-link .navbar-end .navbar-link.is-active {
            background-color: #038acc;
            color: #fff
        }

        .navbar.is-link .navbar-start .navbar-link::after, .navbar.is-link .navbar-end .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #038acc;
        color: #fff
    }

    .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
        background-color: #039be5;
        color: #fff
    }
}

.navbar.is-info {
    background-color: #3e8ed0;
    color: #fff
}

    .navbar.is-info .navbar-brand > .navbar-item, .navbar.is-info .navbar-brand .navbar-link {
        color: #fff
    }

        .navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, .navbar.is-info .navbar-brand .navbar-link:focus, .navbar.is-info .navbar-brand .navbar-link:hover, .navbar.is-info .navbar-brand .navbar-link.is-active {
            background-color: #3082c5;
            color: #fff
        }

        .navbar.is-info .navbar-brand .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-info .navbar-burger {
        color: #fff
    }

@media screen and (min-width: 1024px) {
    .navbar.is-info .navbar-start > .navbar-item, .navbar.is-info .navbar-start .navbar-link, .navbar.is-info .navbar-end > .navbar-item, .navbar.is-info .navbar-end .navbar-link {
        color: #fff
    }

        .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, .navbar.is-info .navbar-start .navbar-link:focus, .navbar.is-info .navbar-start .navbar-link:hover, .navbar.is-info .navbar-start .navbar-link.is-active, .navbar.is-info .navbar-end > a.navbar-item:focus, .navbar.is-info .navbar-end > a.navbar-item:hover, .navbar.is-info .navbar-end > a.navbar-item.is-active, .navbar.is-info .navbar-end .navbar-link:focus, .navbar.is-info .navbar-end .navbar-link:hover, .navbar.is-info .navbar-end .navbar-link.is-active {
            background-color: #3082c5;
            color: #fff
        }

        .navbar.is-info .navbar-start .navbar-link::after, .navbar.is-info .navbar-end .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #3082c5;
        color: #fff
    }

    .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
        background-color: #3e8ed0;
        color: #fff
    }
}

.navbar.is-success {
    background-color: #1ce589;
    color: rgba(0,0,0,.7)
}

    .navbar.is-success .navbar-brand > .navbar-item, .navbar.is-success .navbar-brand .navbar-link {
        color: rgba(0,0,0,.7)
    }

        .navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, .navbar.is-success .navbar-brand .navbar-link:focus, .navbar.is-success .navbar-brand .navbar-link:hover, .navbar.is-success .navbar-brand .navbar-link.is-active {
            background-color: #18d07c;
            color: rgba(0,0,0,.7)
        }

        .navbar.is-success .navbar-brand .navbar-link::after {
            border-color: rgba(0,0,0,.7)
        }

    .navbar.is-success .navbar-burger {
        color: rgba(0,0,0,.7)
    }

@media screen and (min-width: 1024px) {
    .navbar.is-success .navbar-start > .navbar-item, .navbar.is-success .navbar-start .navbar-link, .navbar.is-success .navbar-end > .navbar-item, .navbar.is-success .navbar-end .navbar-link {
        color: rgba(0,0,0,.7)
    }

        .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, .navbar.is-success .navbar-start .navbar-link:focus, .navbar.is-success .navbar-start .navbar-link:hover, .navbar.is-success .navbar-start .navbar-link.is-active, .navbar.is-success .navbar-end > a.navbar-item:focus, .navbar.is-success .navbar-end > a.navbar-item:hover, .navbar.is-success .navbar-end > a.navbar-item.is-active, .navbar.is-success .navbar-end .navbar-link:focus, .navbar.is-success .navbar-end .navbar-link:hover, .navbar.is-success .navbar-end .navbar-link.is-active {
            background-color: #18d07c;
            color: rgba(0,0,0,.7)
        }

        .navbar.is-success .navbar-start .navbar-link::after, .navbar.is-success .navbar-end .navbar-link::after {
            border-color: rgba(0,0,0,.7)
        }

    .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #18d07c;
        color: rgba(0,0,0,.7)
    }

    .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
        background-color: #1ce589;
        color: rgba(0,0,0,.7)
    }
}

.navbar.is-warning {
    background-color: #ffe08a;
    color: rgba(0,0,0,.7)
}

    .navbar.is-warning .navbar-brand > .navbar-item, .navbar.is-warning .navbar-brand .navbar-link {
        color: rgba(0,0,0,.7)
    }

        .navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, .navbar.is-warning .navbar-brand .navbar-link:focus, .navbar.is-warning .navbar-brand .navbar-link:hover, .navbar.is-warning .navbar-brand .navbar-link.is-active {
            background-color: #ffd970;
            color: rgba(0,0,0,.7)
        }

        .navbar.is-warning .navbar-brand .navbar-link::after {
            border-color: rgba(0,0,0,.7)
        }

    .navbar.is-warning .navbar-burger {
        color: rgba(0,0,0,.7)
    }

@media screen and (min-width: 1024px) {
    .navbar.is-warning .navbar-start > .navbar-item, .navbar.is-warning .navbar-start .navbar-link, .navbar.is-warning .navbar-end > .navbar-item, .navbar.is-warning .navbar-end .navbar-link {
        color: rgba(0,0,0,.7)
    }

        .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, .navbar.is-warning .navbar-start .navbar-link:focus, .navbar.is-warning .navbar-start .navbar-link:hover, .navbar.is-warning .navbar-start .navbar-link.is-active, .navbar.is-warning .navbar-end > a.navbar-item:focus, .navbar.is-warning .navbar-end > a.navbar-item:hover, .navbar.is-warning .navbar-end > a.navbar-item.is-active, .navbar.is-warning .navbar-end .navbar-link:focus, .navbar.is-warning .navbar-end .navbar-link:hover, .navbar.is-warning .navbar-end .navbar-link.is-active {
            background-color: #ffd970;
            color: rgba(0,0,0,.7)
        }

        .navbar.is-warning .navbar-start .navbar-link::after, .navbar.is-warning .navbar-end .navbar-link::after {
            border-color: rgba(0,0,0,.7)
        }

    .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #ffd970;
        color: rgba(0,0,0,.7)
    }

    .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
        background-color: #ffe08a;
        color: rgba(0,0,0,.7)
    }
}

.navbar.is-danger {
    background-color: #f71416;
    color: #fff
}

    .navbar.is-danger .navbar-brand > .navbar-item, .navbar.is-danger .navbar-brand .navbar-link {
        color: #fff
    }

        .navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, .navbar.is-danger .navbar-brand .navbar-link:focus, .navbar.is-danger .navbar-brand .navbar-link:hover, .navbar.is-danger .navbar-brand .navbar-link.is-active {
            background-color: #ea080a;
            color: #fff
        }

        .navbar.is-danger .navbar-brand .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-danger .navbar-burger {
        color: #fff
    }

@media screen and (min-width: 1024px) {
    .navbar.is-danger .navbar-start > .navbar-item, .navbar.is-danger .navbar-start .navbar-link, .navbar.is-danger .navbar-end > .navbar-item, .navbar.is-danger .navbar-end .navbar-link {
        color: #fff
    }

        .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, .navbar.is-danger .navbar-start .navbar-link:focus, .navbar.is-danger .navbar-start .navbar-link:hover, .navbar.is-danger .navbar-start .navbar-link.is-active, .navbar.is-danger .navbar-end > a.navbar-item:focus, .navbar.is-danger .navbar-end > a.navbar-item:hover, .navbar.is-danger .navbar-end > a.navbar-item.is-active, .navbar.is-danger .navbar-end .navbar-link:focus, .navbar.is-danger .navbar-end .navbar-link:hover, .navbar.is-danger .navbar-end .navbar-link.is-active {
            background-color: #ea080a;
            color: #fff
        }

        .navbar.is-danger .navbar-start .navbar-link::after, .navbar.is-danger .navbar-end .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #ea080a;
        color: #fff
    }

    .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
        background-color: #f71416;
        color: #fff
    }
}

.navbar > .container {
    align-items: stretch;
    display: flex;
    min-height: 3.25rem;
    width: 100%
}

.navbar.has-shadow {
    box-shadow: 0 2px 0 0 #f5f5f5
}

.navbar.is-fixed-bottom, .navbar.is-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30
}

.navbar.is-fixed-bottom {
    bottom: 0
}

    .navbar.is-fixed-bottom.has-shadow {
        box-shadow: 0 -2px 0 0 #f5f5f5
    }

.navbar.is-fixed-top {
    top: 0
}

html.has-navbar-fixed-top, body.has-navbar-fixed-top {
    padding-top: 3.25rem
}

html.has-navbar-fixed-bottom, body.has-navbar-fixed-bottom {
    padding-bottom: 3.25rem
}

.navbar-brand, .navbar-tabs {
    align-items: stretch;
    display: flex;
    flex-shrink: 0;
    min-height: 3.25rem
}

    .navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
        background-color: transparent
    }

.navbar-tabs {
    -webkit-overflow-scrolling: touch;
    max-width: 100vw;
    overflow-x: auto;
    overflow-y: hidden
}

.navbar-burger {
    color: #4a4a4a;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    height: 3.25rem;
    position: relative;
    width: 3.25rem;
    margin-left: auto
}

    .navbar-burger span {
        background-color: currentColor;
        display: block;
        height: 1px;
        left: calc(50% - 8px);
        position: absolute;
        transform-origin: center;
        transition-duration: 86ms;
        transition-property: background-color,opacity,transform;
        transition-timing-function: ease-out;
        width: 16px
    }

        .navbar-burger span:nth-child(1) {
            top: calc(50% - 6px)
        }

        .navbar-burger span:nth-child(2) {
            top: calc(50% - 1px)
        }

        .navbar-burger span:nth-child(3) {
            top: calc(50% + 4px)
        }

    .navbar-burger:hover {
        background-color: rgba(0,0,0,.05)
    }

    .navbar-burger.is-active span:nth-child(1) {
        transform: translateY(5px) rotate(45deg)
    }

    .navbar-burger.is-active span:nth-child(2) {
        opacity: 0
    }

    .navbar-burger.is-active span:nth-child(3) {
        transform: translateY(-5px) rotate(-45deg)
    }

.navbar-menu {
    display: none
}

.navbar-item, .navbar-link {
    color: #4a4a4a;
    display: block;
    line-height: 1.5;
    padding: .5rem .75rem;
    position: relative
}

    .navbar-item .icon:only-child, .navbar-link .icon:only-child {
        margin-left: -0.25rem;
        margin-right: -0.25rem
    }

a.navbar-item, .navbar-link {
    cursor: pointer
}

    a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, .navbar-link.is-active {
        background-color: #fafafa;
        color: #039be5
    }

.navbar-item {
    flex-grow: 0;
    flex-shrink: 0
}

    .navbar-item img {
        max-height: 1.75rem
    }

    .navbar-item.has-dropdown {
        padding: 0
    }

    .navbar-item.is-expanded {
        flex-grow: 1;
        flex-shrink: 1
    }

    .navbar-item.is-tab {
        border-bottom: 1px solid transparent;
        min-height: 3.25rem;
        padding-bottom: calc(0.5rem - 1px)
    }

        .navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
            background-color: transparent;
            border-bottom-color: #039be5
        }

        .navbar-item.is-tab.is-active {
            background-color: transparent;
            border-bottom-color: #039be5;
            border-bottom-style: solid;
            border-bottom-width: 3px;
            color: #039be5;
            padding-bottom: calc(0.5rem - 3px)
        }

.navbar-content {
    flex-grow: 1;
    flex-shrink: 1
}

.navbar-link:not(.is-arrowless) {
    padding-right: 2.5em
}

    .navbar-link:not(.is-arrowless)::after {
        border-color: #039be5;
        margin-top: -0.375em;
        right: 1.125em
    }

.navbar-dropdown {
    font-size: .875rem;
    padding-bottom: .5rem;
    padding-top: .5rem
}

    .navbar-dropdown .navbar-item {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

.navbar-divider {
    background-color: #f5f5f5;
    border: none;
    display: none;
    height: 2px;
    margin: .5rem 0
}

@media screen and (max-width: 1023px) {
    .navbar > .container {
        display: block
    }

    .navbar-brand .navbar-item, .navbar-tabs .navbar-item {
        align-items: center;
        display: flex
    }

    .navbar-link::after {
        display: none
    }

    .navbar-menu {
        background-color: #fff;
        box-shadow: 0 8px 16px rgba(10,10,10,.1);
        padding: .5rem 0
    }

        .navbar-menu.is-active {
            display: block
        }

    .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30
    }

    .navbar.is-fixed-bottom-touch {
        bottom: 0
    }

        .navbar.is-fixed-bottom-touch.has-shadow {
            box-shadow: 0 -2px 3px rgba(10,10,10,.1)
        }

    .navbar.is-fixed-top-touch {
        top: 0
    }

        .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
            -webkit-overflow-scrolling: touch;
            max-height: calc(100vh - 3.25rem);
            overflow: auto
        }

    html.has-navbar-fixed-top-touch, body.has-navbar-fixed-top-touch {
        padding-top: 3.25rem
    }

    html.has-navbar-fixed-bottom-touch, body.has-navbar-fixed-bottom-touch {
        padding-bottom: 3.25rem
    }
}

@media screen and (min-width: 1024px) {
    .navbar, .navbar-menu, .navbar-start, .navbar-end {
        align-items: stretch;
        display: flex
    }

    .navbar {
        min-height: 3.25rem
    }

        .navbar.is-spaced {
            padding: 1rem 2rem
        }

            .navbar.is-spaced .navbar-start, .navbar.is-spaced .navbar-end {
                align-items: center
            }

            .navbar.is-spaced a.navbar-item, .navbar.is-spaced .navbar-link {
                border-radius: 4px
            }

        .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, .navbar.is-transparent .navbar-link:focus, .navbar.is-transparent .navbar-link:hover, .navbar.is-transparent .navbar-link.is-active {
            background-color: transparent !important
        }

        .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
            background-color: transparent !important
        }

        .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
            background-color: #f5f5f5;
            color: #0a0a0a
        }

        .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
            background-color: #f5f5f5;
            color: #039be5
        }

    .navbar-burger {
        display: none
    }

    .navbar-item, .navbar-link {
        align-items: center;
        display: flex
    }

        .navbar-item.has-dropdown {
            align-items: stretch
        }

        .navbar-item.has-dropdown-up .navbar-link::after {
            transform: rotate(135deg) translate(0.25em, -0.25em)
        }

        .navbar-item.has-dropdown-up .navbar-dropdown {
            border-bottom: 2px solid #dbdbdb;
            border-radius: 6px 6px 0 0;
            border-top: none;
            bottom: 100%;
            box-shadow: 0 -8px 8px rgba(10,10,10,.1);
            top: auto
        }

        .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
            display: block
        }

            .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
                opacity: 1;
                pointer-events: auto;
                transform: translateY(0)
            }

    .navbar-menu {
        flex-grow: 1;
        flex-shrink: 0
    }

    .navbar-start {
        justify-content: flex-start;
        margin-right: auto
    }

    .navbar-end {
        justify-content: flex-end;
        margin-left: auto
    }

    .navbar-dropdown {
        background-color: #fff;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-top: 2px solid #dbdbdb;
        box-shadow: 0 8px 8px rgba(10,10,10,.1);
        display: none;
        font-size: .875rem;
        left: 0;
        min-width: 100%;
        position: absolute;
        top: 100%;
        z-index: 20
    }

        .navbar-dropdown .navbar-item {
            padding: .375rem 1rem;
            white-space: nowrap
        }

        .navbar-dropdown a.navbar-item {
            padding-right: 3rem
        }

            .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
                background-color: #f5f5f5;
                color: #0a0a0a
            }

            .navbar-dropdown a.navbar-item.is-active {
                background-color: #f5f5f5;
                color: #039be5
            }

        .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
            border-radius: 6px;
            border-top: none;
            box-shadow: 0 8px 8px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);
            display: block;
            opacity: 0;
            pointer-events: none;
            top: calc(100% + (-4px));
            transform: translateY(-5px);
            transition-duration: 86ms;
            transition-property: opacity,transform
        }

        .navbar-dropdown.is-right {
            left: auto;
            right: 0
        }

    .navbar-divider {
        display: block
    }

    .navbar > .container .navbar-brand, .container > .navbar .navbar-brand {
        margin-left: -0.75rem
    }

    .navbar > .container .navbar-menu, .container > .navbar .navbar-menu {
        margin-right: -0.75rem
    }

    .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30
    }

    .navbar.is-fixed-bottom-desktop {
        bottom: 0
    }

        .navbar.is-fixed-bottom-desktop.has-shadow {
            box-shadow: 0 -2px 3px rgba(10,10,10,.1)
        }

    .navbar.is-fixed-top-desktop {
        top: 0
    }

    html.has-navbar-fixed-top-desktop, body.has-navbar-fixed-top-desktop {
        padding-top: 3.25rem
    }

    html.has-navbar-fixed-bottom-desktop, body.has-navbar-fixed-bottom-desktop {
        padding-bottom: 3.25rem
    }

    html.has-spaced-navbar-fixed-top, body.has-spaced-navbar-fixed-top {
        padding-top: 5.25rem
    }

    html.has-spaced-navbar-fixed-bottom, body.has-spaced-navbar-fixed-bottom {
        padding-bottom: 5.25rem
    }

    a.navbar-item.is-active, .navbar-link.is-active {
        color: #0a0a0a
    }

        a.navbar-item.is-active:not(:focus):not(:hover), .navbar-link.is-active:not(:focus):not(:hover) {
            background-color: transparent
        }

    .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #fafafa
    }
}

.hero.is-fullheight-with-navbar {
    min-height: calc(100vh - 3.25rem)
}

.pagination {
    font-size: 1rem;
    margin: -0.25rem
}

    .pagination.is-small {
        font-size: .75rem
    }

    .pagination.is-medium {
        font-size: 1.25rem
    }

    .pagination.is-large {
        font-size: 1.5rem
    }

    .pagination.is-rounded .pagination-previous, .pagination.is-rounded .pagination-next {
        padding-left: 1em;
        padding-right: 1em;
        border-radius: 9999px
    }

    .pagination.is-rounded .pagination-link {
        border-radius: 9999px
    }

.pagination, .pagination-list {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center
}

.pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis {
    font-size: 1em;
    justify-content: center;
    margin: .25rem;
    padding-left: .5em;
    padding-right: .5em;
    text-align: center
}

.pagination-previous, .pagination-next, .pagination-link {
    border-color: #dbdbdb;
    color: #363636;
    min-width: 2.5em
}

    .pagination-previous:hover, .pagination-next:hover, .pagination-link:hover {
        border-color: #b5b5b5;
        color: #363636
    }

    .pagination-previous:focus, .pagination-next:focus, .pagination-link:focus {
        border-color: #039be5
    }

    .pagination-previous:active, .pagination-next:active, .pagination-link:active {
        box-shadow: inset 0 1px 2px rgba(10,10,10,.2)
    }

    .pagination-previous[disabled], .pagination-previous.is-disabled, .pagination-next[disabled], .pagination-next.is-disabled, .pagination-link[disabled], .pagination-link.is-disabled {
        background-color: #dbdbdb;
        border-color: #dbdbdb;
        box-shadow: none;
        color: #7a7a7a;
        opacity: .5
    }

.pagination-previous, .pagination-next {
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap
}

.pagination-link.is-current {
    background-color: #039be5;
    border-color: #039be5;
    color: #fff
}

.pagination-ellipsis {
    color: #b5b5b5;
    pointer-events: none
}

.pagination-list {
    flex-wrap: wrap
}

    .pagination-list li {
        list-style: none
    }

@media screen and (max-width: 768px) {
    .pagination {
        flex-wrap: wrap
    }

    .pagination-previous, .pagination-next {
        flex-grow: 1;
        flex-shrink: 1
    }

    .pagination-list li {
        flex-grow: 1;
        flex-shrink: 1
    }
}

@media screen and (min-width: 769px),print {
    .pagination-list {
        flex-grow: 1;
        flex-shrink: 1;
        justify-content: flex-start;
        order: 1
    }

    .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis {
        margin-bottom: 0;
        margin-top: 0
    }

    .pagination-previous {
        order: 2
    }

    .pagination-next {
        order: 3
    }

    .pagination {
        justify-content: space-between;
        margin-bottom: 0;
        margin-top: 0
    }

        .pagination.is-centered .pagination-previous {
            order: 1
        }

        .pagination.is-centered .pagination-list {
            justify-content: center;
            order: 2
        }

        .pagination.is-centered .pagination-next {
            order: 3
        }

        .pagination.is-right .pagination-previous {
            order: 1
        }

        .pagination.is-right .pagination-next {
            order: 2
        }

        .pagination.is-right .pagination-list {
            justify-content: flex-end;
            order: 3
        }
}

.panel {
    border-radius: 6px;
    box-shadow: 0 .5em 1em -0.125em rgba(10,10,10,.1),0 0px 0 1px rgba(10,10,10,.02);
    font-size: 1rem
}

    .panel:not(:last-child) {
        margin-bottom: 1.5rem
    }

    .panel.is-white .panel-heading {
        background-color: #fff;
        color: #0a0a0a
    }

    .panel.is-white .panel-tabs a.is-active {
        border-bottom-color: #fff
    }

    .panel.is-white .panel-block.is-active .panel-icon {
        color: #fff
    }

    .panel.is-black .panel-heading {
        background-color: #0a0a0a;
        color: #fff
    }

    .panel.is-black .panel-tabs a.is-active {
        border-bottom-color: #0a0a0a
    }

    .panel.is-black .panel-block.is-active .panel-icon {
        color: #0a0a0a
    }

    .panel.is-light .panel-heading {
        background-color: #f5f5f5;
        color: rgba(0,0,0,.7)
    }

    .panel.is-light .panel-tabs a.is-active {
        border-bottom-color: #f5f5f5
    }

    .panel.is-light .panel-block.is-active .panel-icon {
        color: #f5f5f5
    }

    .panel.is-dark .panel-heading {
        background-color: #202836;
        color: #fff
    }

    .panel.is-dark .panel-tabs a.is-active {
        border-bottom-color: #202836
    }

    .panel.is-dark .panel-block.is-active .panel-icon {
        color: #202836
    }

    .panel.is-primary .panel-heading {
        background-color: #3d70b2;
        color: #fff
    }

    .panel.is-primary .panel-tabs a.is-active {
        border-bottom-color: #3d70b2
    }

    .panel.is-primary .panel-block.is-active .panel-icon {
        color: #3d70b2
    }

    .panel.is-link .panel-heading {
        background-color: #039be5;
        color: #fff
    }

    .panel.is-link .panel-tabs a.is-active {
        border-bottom-color: #039be5
    }

    .panel.is-link .panel-block.is-active .panel-icon {
        color: #039be5
    }

    .panel.is-info .panel-heading {
        background-color: #3e8ed0;
        color: #fff
    }

    .panel.is-info .panel-tabs a.is-active {
        border-bottom-color: #3e8ed0
    }

    .panel.is-info .panel-block.is-active .panel-icon {
        color: #3e8ed0
    }

    .panel.is-success .panel-heading {
        background-color: #1ce589;
        color: rgba(0,0,0,.7)
    }

    .panel.is-success .panel-tabs a.is-active {
        border-bottom-color: #1ce589
    }

    .panel.is-success .panel-block.is-active .panel-icon {
        color: #1ce589
    }

    .panel.is-warning .panel-heading {
        background-color: #ffe08a;
        color: rgba(0,0,0,.7)
    }

    .panel.is-warning .panel-tabs a.is-active {
        border-bottom-color: #ffe08a
    }

    .panel.is-warning .panel-block.is-active .panel-icon {
        color: #ffe08a
    }

    .panel.is-danger .panel-heading {
        background-color: #f71416;
        color: #fff
    }

    .panel.is-danger .panel-tabs a.is-active {
        border-bottom-color: #f71416
    }

    .panel.is-danger .panel-block.is-active .panel-icon {
        color: #f71416
    }

.panel-tabs:not(:last-child), .panel-block:not(:last-child) {
    border-bottom: 1px solid #ededed
}

.panel-heading {
    background-color: #ededed;
    border-radius: 6px 6px 0 0;
    color: #363636;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.25;
    padding: .75em 1em
}

.panel-tabs {
    align-items: flex-end;
    display: flex;
    font-size: .875em;
    justify-content: center
}

    .panel-tabs a {
        border-bottom: 1px solid #dbdbdb;
        margin-bottom: -1px;
        padding: .5em
    }

        .panel-tabs a.is-active {
            border-bottom-color: #4a4a4a;
            color: #363636
        }

.panel-list a {
    color: #4a4a4a
}

    .panel-list a:hover {
        color: #039be5
    }

.panel-block {
    align-items: center;
    color: #363636;
    display: flex;
    justify-content: flex-start;
    padding: .5em .75em
}

    .panel-block input[type=checkbox] {
        margin-right: .75em
    }

    .panel-block > .control {
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%
    }

    .panel-block.is-wrapped {
        flex-wrap: wrap
    }

    .panel-block.is-active {
        border-left-color: #039be5;
        color: #363636
    }

        .panel-block.is-active .panel-icon {
            color: #039be5
        }

    .panel-block:last-child {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px
    }

a.panel-block, label.panel-block {
    cursor: pointer
}

    a.panel-block:hover, label.panel-block:hover {
        background-color: #f5f5f5
    }

.panel-icon {
    display: inline-block;
    font-size: 14px;
    height: 1em;
    line-height: 1em;
    text-align: center;
    vertical-align: top;
    width: 1em;
    color: #7a7a7a;
    margin-right: .75em
}

    .panel-icon .fa {
        font-size: inherit;
        line-height: inherit
    }

.tabs {
    -webkit-overflow-scrolling: touch;
    align-items: stretch;
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap
}

    .tabs a {
        align-items: center;
        border-bottom-color: #dbdbdb;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        color: #4a4a4a;
        display: flex;
        justify-content: center;
        margin-bottom: -1px;
        padding: .5em 1em;
        vertical-align: top
    }

        .tabs a:hover {
            border-bottom-color: #363636;
            color: #363636
        }

    .tabs li {
        display: block
    }

        .tabs li.is-active a {
            border-bottom-color: #039be5;
            color: #039be5
        }

    .tabs ul {
        align-items: center;
        border-bottom-color: #dbdbdb;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        display: flex;
        flex-grow: 1;
        flex-shrink: 0;
        justify-content: flex-start
    }

        .tabs ul.is-left {
            padding-right: .75em
        }

        .tabs ul.is-center {
            flex: none;
            justify-content: center;
            padding-left: .75em;
            padding-right: .75em
        }

        .tabs ul.is-right {
            justify-content: flex-end;
            padding-left: .75em
        }

    .tabs .icon:first-child {
        margin-right: .5em
    }

    .tabs .icon:last-child {
        margin-left: .5em
    }

    .tabs.is-centered ul {
        justify-content: center
    }

    .tabs.is-right ul {
        justify-content: flex-end
    }

    .tabs.is-boxed a {
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0
    }

        .tabs.is-boxed a:hover {
            background-color: #f5f5f5;
            border-bottom-color: #dbdbdb
        }

    .tabs.is-boxed li.is-active a {
        background-color: #fff;
        border-color: #dbdbdb;
        border-bottom-color: transparent !important
    }

    .tabs.is-fullwidth li {
        flex-grow: 1;
        flex-shrink: 0
    }

    .tabs.is-toggle a {
        border-color: #dbdbdb;
        border-style: solid;
        border-width: 1px;
        margin-bottom: 0;
        position: relative
    }

        .tabs.is-toggle a:hover {
            background-color: #f5f5f5;
            border-color: #b5b5b5;
            z-index: 2
        }

    .tabs.is-toggle li + li {
        margin-left: -1px
    }

    .tabs.is-toggle li:first-child a {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .tabs.is-toggle li:last-child a {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .tabs.is-toggle li.is-active a {
        background-color: #039be5;
        border-color: #039be5;
        color: #fff;
        z-index: 1
    }

    .tabs.is-toggle ul {
        border-bottom: none
    }

    .tabs.is-toggle.is-toggle-rounded li:first-child a {
        border-bottom-left-radius: 9999px;
        border-top-left-radius: 9999px;
        padding-left: 1.25em
    }

    .tabs.is-toggle.is-toggle-rounded li:last-child a {
        border-bottom-right-radius: 9999px;
        border-top-right-radius: 9999px;
        padding-right: 1.25em
    }

    .tabs.is-small {
        font-size: .75rem
    }

    .tabs.is-medium {
        font-size: 1.25rem
    }

    .tabs.is-large {
        font-size: 1.5rem
    }

.column {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: .75rem
}

.columns.is-mobile > .column.is-narrow {
    flex: none;
    width: unset
}

.columns.is-mobile > .column.is-full {
    flex: none;
    width: 100%
}

.columns.is-mobile > .column.is-three-quarters {
    flex: none;
    width: 75%
}

.columns.is-mobile > .column.is-two-thirds {
    flex: none;
    width: 66.6666%
}

.columns.is-mobile > .column.is-half {
    flex: none;
    width: 50%
}

.columns.is-mobile > .column.is-one-third {
    flex: none;
    width: 33.3333%
}

.columns.is-mobile > .column.is-one-quarter {
    flex: none;
    width: 25%
}

.columns.is-mobile > .column.is-one-fifth {
    flex: none;
    width: 20%
}

.columns.is-mobile > .column.is-two-fifths {
    flex: none;
    width: 40%
}

.columns.is-mobile > .column.is-three-fifths {
    flex: none;
    width: 60%
}

.columns.is-mobile > .column.is-four-fifths {
    flex: none;
    width: 80%
}

.columns.is-mobile > .column.is-offset-three-quarters {
    margin-left: 75%
}

.columns.is-mobile > .column.is-offset-two-thirds {
    margin-left: 66.6666%
}

.columns.is-mobile > .column.is-offset-half {
    margin-left: 50%
}

.columns.is-mobile > .column.is-offset-one-third {
    margin-left: 33.3333%
}

.columns.is-mobile > .column.is-offset-one-quarter {
    margin-left: 25%
}

.columns.is-mobile > .column.is-offset-one-fifth {
    margin-left: 20%
}

.columns.is-mobile > .column.is-offset-two-fifths {
    margin-left: 40%
}

.columns.is-mobile > .column.is-offset-three-fifths {
    margin-left: 60%
}

.columns.is-mobile > .column.is-offset-four-fifths {
    margin-left: 80%
}

.columns.is-mobile > .column.is-0 {
    flex: none;
    width: 0%
}

.columns.is-mobile > .column.is-offset-0 {
    margin-left: 0%
}

.columns.is-mobile > .column.is-1 {
    flex: none;
    width: 8.33333337%
}

.columns.is-mobile > .column.is-offset-1 {
    margin-left: 8.33333337%
}

.columns.is-mobile > .column.is-2 {
    flex: none;
    width: 16.66666674%
}

.columns.is-mobile > .column.is-offset-2 {
    margin-left: 16.66666674%
}

.columns.is-mobile > .column.is-3 {
    flex: none;
    width: 25%
}

.columns.is-mobile > .column.is-offset-3 {
    margin-left: 25%
}

.columns.is-mobile > .column.is-4 {
    flex: none;
    width: 33.33333337%
}

.columns.is-mobile > .column.is-offset-4 {
    margin-left: 33.33333337%
}

.columns.is-mobile > .column.is-5 {
    flex: none;
    width: 41.66666674%
}

.columns.is-mobile > .column.is-offset-5 {
    margin-left: 41.66666674%
}

.columns.is-mobile > .column.is-6 {
    flex: none;
    width: 50%
}

.columns.is-mobile > .column.is-offset-6 {
    margin-left: 50%
}

.columns.is-mobile > .column.is-7 {
    flex: none;
    width: 58.33333337%
}

.columns.is-mobile > .column.is-offset-7 {
    margin-left: 58.33333337%
}

.columns.is-mobile > .column.is-8 {
    flex: none;
    width: 66.66666674%
}

.columns.is-mobile > .column.is-offset-8 {
    margin-left: 66.66666674%
}

.columns.is-mobile > .column.is-9 {
    flex: none;
    width: 75%
}

.columns.is-mobile > .column.is-offset-9 {
    margin-left: 75%
}

.columns.is-mobile > .column.is-10 {
    flex: none;
    width: 83.33333337%
}

.columns.is-mobile > .column.is-offset-10 {
    margin-left: 83.33333337%
}

.columns.is-mobile > .column.is-11 {
    flex: none;
    width: 91.66666674%
}

.columns.is-mobile > .column.is-offset-11 {
    margin-left: 91.66666674%
}

.columns.is-mobile > .column.is-12 {
    flex: none;
    width: 100%
}

.columns.is-mobile > .column.is-offset-12 {
    margin-left: 100%
}

@media screen and (max-width: 768px) {
    .column.is-narrow-mobile {
        flex: none;
        width: unset
    }

    .column.is-full-mobile {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-mobile {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-mobile {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-mobile {
        flex: none;
        width: 50%
    }

    .column.is-one-third-mobile {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-mobile {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-mobile {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-mobile {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-mobile {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-mobile {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-mobile {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-mobile {
        margin-left: 66.6666%
    }

    .column.is-offset-half-mobile {
        margin-left: 50%
    }

    .column.is-offset-one-third-mobile {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-mobile {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-mobile {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-mobile {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-mobile {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-mobile {
        margin-left: 80%
    }

    .column.is-0-mobile {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-mobile {
        margin-left: 0%
    }

    .column.is-1-mobile {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-mobile {
        margin-left: 8.33333337%
    }

    .column.is-2-mobile {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-mobile {
        margin-left: 16.66666674%
    }

    .column.is-3-mobile {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-mobile {
        margin-left: 25%
    }

    .column.is-4-mobile {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-mobile {
        margin-left: 33.33333337%
    }

    .column.is-5-mobile {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-mobile {
        margin-left: 41.66666674%
    }

    .column.is-6-mobile {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-mobile {
        margin-left: 50%
    }

    .column.is-7-mobile {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-mobile {
        margin-left: 58.33333337%
    }

    .column.is-8-mobile {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-mobile {
        margin-left: 66.66666674%
    }

    .column.is-9-mobile {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-mobile {
        margin-left: 75%
    }

    .column.is-10-mobile {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-mobile {
        margin-left: 83.33333337%
    }

    .column.is-11-mobile {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-mobile {
        margin-left: 91.66666674%
    }

    .column.is-12-mobile {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-mobile {
        margin-left: 100%
    }
}

@media screen and (min-width: 769px),print {
    .column.is-narrow, .column.is-narrow-tablet {
        flex: none;
        width: unset
    }

    .column.is-full, .column.is-full-tablet {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters, .column.is-three-quarters-tablet {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds, .column.is-two-thirds-tablet {
        flex: none;
        width: 66.6666%
    }

    .column.is-half, .column.is-half-tablet {
        flex: none;
        width: 50%
    }

    .column.is-one-third, .column.is-one-third-tablet {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter, .column.is-one-quarter-tablet {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth, .column.is-one-fifth-tablet {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths, .column.is-two-fifths-tablet {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths, .column.is-three-fifths-tablet {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths, .column.is-four-fifths-tablet {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
        margin-left: 75%
    }

    .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
        margin-left: 66.6666%
    }

    .column.is-offset-half, .column.is-offset-half-tablet {
        margin-left: 50%
    }

    .column.is-offset-one-third, .column.is-offset-one-third-tablet {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
        margin-left: 25%
    }

    .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
        margin-left: 20%
    }

    .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
        margin-left: 40%
    }

    .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
        margin-left: 60%
    }

    .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
        margin-left: 80%
    }

    .column.is-0, .column.is-0-tablet {
        flex: none;
        width: 0%
    }

    .column.is-offset-0, .column.is-offset-0-tablet {
        margin-left: 0%
    }

    .column.is-1, .column.is-1-tablet {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1, .column.is-offset-1-tablet {
        margin-left: 8.33333337%
    }

    .column.is-2, .column.is-2-tablet {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2, .column.is-offset-2-tablet {
        margin-left: 16.66666674%
    }

    .column.is-3, .column.is-3-tablet {
        flex: none;
        width: 25%
    }

    .column.is-offset-3, .column.is-offset-3-tablet {
        margin-left: 25%
    }

    .column.is-4, .column.is-4-tablet {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4, .column.is-offset-4-tablet {
        margin-left: 33.33333337%
    }

    .column.is-5, .column.is-5-tablet {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5, .column.is-offset-5-tablet {
        margin-left: 41.66666674%
    }

    .column.is-6, .column.is-6-tablet {
        flex: none;
        width: 50%
    }

    .column.is-offset-6, .column.is-offset-6-tablet {
        margin-left: 50%
    }

    .column.is-7, .column.is-7-tablet {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7, .column.is-offset-7-tablet {
        margin-left: 58.33333337%
    }

    .column.is-8, .column.is-8-tablet {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8, .column.is-offset-8-tablet {
        margin-left: 66.66666674%
    }

    .column.is-9, .column.is-9-tablet {
        flex: none;
        width: 75%
    }

    .column.is-offset-9, .column.is-offset-9-tablet {
        margin-left: 75%
    }

    .column.is-10, .column.is-10-tablet {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10, .column.is-offset-10-tablet {
        margin-left: 83.33333337%
    }

    .column.is-11, .column.is-11-tablet {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11, .column.is-offset-11-tablet {
        margin-left: 91.66666674%
    }

    .column.is-12, .column.is-12-tablet {
        flex: none;
        width: 100%
    }

    .column.is-offset-12, .column.is-offset-12-tablet {
        margin-left: 100%
    }
}

@media screen and (max-width: 1023px) {
    .column.is-narrow-touch {
        flex: none;
        width: unset
    }

    .column.is-full-touch {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-touch {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-touch {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-touch {
        flex: none;
        width: 50%
    }

    .column.is-one-third-touch {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-touch {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-touch {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-touch {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-touch {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-touch {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-touch {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-touch {
        margin-left: 66.6666%
    }

    .column.is-offset-half-touch {
        margin-left: 50%
    }

    .column.is-offset-one-third-touch {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-touch {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-touch {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-touch {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-touch {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-touch {
        margin-left: 80%
    }

    .column.is-0-touch {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-touch {
        margin-left: 0%
    }

    .column.is-1-touch {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-touch {
        margin-left: 8.33333337%
    }

    .column.is-2-touch {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-touch {
        margin-left: 16.66666674%
    }

    .column.is-3-touch {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-touch {
        margin-left: 25%
    }

    .column.is-4-touch {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-touch {
        margin-left: 33.33333337%
    }

    .column.is-5-touch {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-touch {
        margin-left: 41.66666674%
    }

    .column.is-6-touch {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-touch {
        margin-left: 50%
    }

    .column.is-7-touch {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-touch {
        margin-left: 58.33333337%
    }

    .column.is-8-touch {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-touch {
        margin-left: 66.66666674%
    }

    .column.is-9-touch {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-touch {
        margin-left: 75%
    }

    .column.is-10-touch {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-touch {
        margin-left: 83.33333337%
    }

    .column.is-11-touch {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-touch {
        margin-left: 91.66666674%
    }

    .column.is-12-touch {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-touch {
        margin-left: 100%
    }
}

@media screen and (min-width: 1024px) {
    .column.is-narrow-desktop {
        flex: none;
        width: unset
    }

    .column.is-full-desktop {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-desktop {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-desktop {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-desktop {
        flex: none;
        width: 50%
    }

    .column.is-one-third-desktop {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-desktop {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-desktop {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-desktop {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-desktop {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-desktop {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-desktop {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-desktop {
        margin-left: 66.6666%
    }

    .column.is-offset-half-desktop {
        margin-left: 50%
    }

    .column.is-offset-one-third-desktop {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-desktop {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-desktop {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-desktop {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-desktop {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-desktop {
        margin-left: 80%
    }

    .column.is-0-desktop {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-desktop {
        margin-left: 0%
    }

    .column.is-1-desktop {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-desktop {
        margin-left: 8.33333337%
    }

    .column.is-2-desktop {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-desktop {
        margin-left: 16.66666674%
    }

    .column.is-3-desktop {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-desktop {
        margin-left: 25%
    }

    .column.is-4-desktop {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-desktop {
        margin-left: 33.33333337%
    }

    .column.is-5-desktop {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-desktop {
        margin-left: 41.66666674%
    }

    .column.is-6-desktop {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-desktop {
        margin-left: 50%
    }

    .column.is-7-desktop {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-desktop {
        margin-left: 58.33333337%
    }

    .column.is-8-desktop {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-desktop {
        margin-left: 66.66666674%
    }

    .column.is-9-desktop {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-desktop {
        margin-left: 75%
    }

    .column.is-10-desktop {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-desktop {
        margin-left: 83.33333337%
    }

    .column.is-11-desktop {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-desktop {
        margin-left: 91.66666674%
    }

    .column.is-12-desktop {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-desktop {
        margin-left: 100%
    }
}

@media screen and (min-width: 1216px) {
    .column.is-narrow-widescreen {
        flex: none;
        width: unset
    }

    .column.is-full-widescreen {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-widescreen {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-widescreen {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-widescreen {
        flex: none;
        width: 50%
    }

    .column.is-one-third-widescreen {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-widescreen {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-widescreen {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-widescreen {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-widescreen {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-widescreen {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-widescreen {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-widescreen {
        margin-left: 66.6666%
    }

    .column.is-offset-half-widescreen {
        margin-left: 50%
    }

    .column.is-offset-one-third-widescreen {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-widescreen {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-widescreen {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-widescreen {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-widescreen {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-widescreen {
        margin-left: 80%
    }

    .column.is-0-widescreen {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-widescreen {
        margin-left: 0%
    }

    .column.is-1-widescreen {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-widescreen {
        margin-left: 8.33333337%
    }

    .column.is-2-widescreen {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-widescreen {
        margin-left: 16.66666674%
    }

    .column.is-3-widescreen {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-widescreen {
        margin-left: 25%
    }

    .column.is-4-widescreen {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-widescreen {
        margin-left: 33.33333337%
    }

    .column.is-5-widescreen {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-widescreen {
        margin-left: 41.66666674%
    }

    .column.is-6-widescreen {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-widescreen {
        margin-left: 50%
    }

    .column.is-7-widescreen {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-widescreen {
        margin-left: 58.33333337%
    }

    .column.is-8-widescreen {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-widescreen {
        margin-left: 66.66666674%
    }

    .column.is-9-widescreen {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-widescreen {
        margin-left: 75%
    }

    .column.is-10-widescreen {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-widescreen {
        margin-left: 83.33333337%
    }

    .column.is-11-widescreen {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-widescreen {
        margin-left: 91.66666674%
    }

    .column.is-12-widescreen {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-widescreen {
        margin-left: 100%
    }
}

@media screen and (min-width: 1408px) {
    .column.is-narrow-fullhd {
        flex: none;
        width: unset
    }

    .column.is-full-fullhd {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-fullhd {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-fullhd {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-fullhd {
        flex: none;
        width: 50%
    }

    .column.is-one-third-fullhd {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-fullhd {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-fullhd {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-fullhd {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-fullhd {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-fullhd {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-fullhd {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-fullhd {
        margin-left: 66.6666%
    }

    .column.is-offset-half-fullhd {
        margin-left: 50%
    }

    .column.is-offset-one-third-fullhd {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-fullhd {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-fullhd {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-fullhd {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-fullhd {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-fullhd {
        margin-left: 80%
    }

    .column.is-0-fullhd {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-fullhd {
        margin-left: 0%
    }

    .column.is-1-fullhd {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-fullhd {
        margin-left: 8.33333337%
    }

    .column.is-2-fullhd {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-fullhd {
        margin-left: 16.66666674%
    }

    .column.is-3-fullhd {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-fullhd {
        margin-left: 25%
    }

    .column.is-4-fullhd {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-fullhd {
        margin-left: 33.33333337%
    }

    .column.is-5-fullhd {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-fullhd {
        margin-left: 41.66666674%
    }

    .column.is-6-fullhd {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-fullhd {
        margin-left: 50%
    }

    .column.is-7-fullhd {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-fullhd {
        margin-left: 58.33333337%
    }

    .column.is-8-fullhd {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-fullhd {
        margin-left: 66.66666674%
    }

    .column.is-9-fullhd {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-fullhd {
        margin-left: 75%
    }

    .column.is-10-fullhd {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-fullhd {
        margin-left: 83.33333337%
    }

    .column.is-11-fullhd {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-fullhd {
        margin-left: 91.66666674%
    }

    .column.is-12-fullhd {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-fullhd {
        margin-left: 100%
    }
}

.columns {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    margin-top: -0.75rem
}

    .columns:last-child {
        margin-bottom: -0.75rem
    }

    .columns:not(:last-child) {
        margin-bottom: calc(1.5rem - 0.75rem)
    }

    .columns.is-centered {
        justify-content: center
    }

    .columns.is-gapless {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0
    }

        .columns.is-gapless > .column {
            margin: 0;
            padding: 0 !important
        }

        .columns.is-gapless:not(:last-child) {
            margin-bottom: 1.5rem
        }

        .columns.is-gapless:last-child {
            margin-bottom: 0
        }

    .columns.is-mobile {
        display: flex
    }

    .columns.is-multiline {
        flex-wrap: wrap
    }

    .columns.is-vcentered {
        align-items: center
    }

@media screen and (min-width: 769px),print {
    .columns:not(.is-desktop) {
        display: flex
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-desktop {
        display: flex
    }
}

.columns.is-variable {
    --columnGap: 0.75rem;
    margin-left: calc(-1 * var(--columnGap));
    margin-right: calc(-1 * var(--columnGap))
}

    .columns.is-variable > .column {
        padding-left: var(--columnGap);
        padding-right: var(--columnGap)
    }

    .columns.is-variable.is-0 {
        --columnGap: 0rem
    }

@media screen and (max-width: 768px) {
    .columns.is-variable.is-0-mobile {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 769px),print {
    .columns.is-variable.is-0-tablet {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-0-tablet-only {
        --columnGap: 0rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-0-touch {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-0-desktop {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-0-desktop-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-0-widescreen {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-0-widescreen-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-0-fullhd {
        --columnGap: 0rem
    }
}

.columns.is-variable.is-1 {
    --columnGap: 0.25rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-1-mobile {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 769px),print {
    .columns.is-variable.is-1-tablet {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-1-tablet-only {
        --columnGap: 0.25rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-1-touch {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-1-desktop {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-1-desktop-only {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-1-widescreen {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-1-widescreen-only {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-1-fullhd {
        --columnGap: 0.25rem
    }
}

.columns.is-variable.is-2 {
    --columnGap: 0.5rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-2-mobile {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 769px),print {
    .columns.is-variable.is-2-tablet {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-2-tablet-only {
        --columnGap: 0.5rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-2-touch {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-2-desktop {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-2-desktop-only {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-2-widescreen {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-2-widescreen-only {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-2-fullhd {
        --columnGap: 0.5rem
    }
}

.columns.is-variable.is-3 {
    --columnGap: 0.75rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-3-mobile {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 769px),print {
    .columns.is-variable.is-3-tablet {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-3-tablet-only {
        --columnGap: 0.75rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-3-touch {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-3-desktop {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-3-desktop-only {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-3-widescreen {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-3-widescreen-only {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-3-fullhd {
        --columnGap: 0.75rem
    }
}

.columns.is-variable.is-4 {
    --columnGap: 1rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-4-mobile {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 769px),print {
    .columns.is-variable.is-4-tablet {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-4-tablet-only {
        --columnGap: 1rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-4-touch {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-4-desktop {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-4-desktop-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-4-widescreen {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-4-widescreen-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-4-fullhd {
        --columnGap: 1rem
    }
}

.columns.is-variable.is-5 {
    --columnGap: 1.25rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-5-mobile {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 769px),print {
    .columns.is-variable.is-5-tablet {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-5-tablet-only {
        --columnGap: 1.25rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-5-touch {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-5-desktop {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-5-desktop-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-5-widescreen {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-5-widescreen-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-5-fullhd {
        --columnGap: 1.25rem
    }
}

.columns.is-variable.is-6 {
    --columnGap: 1.5rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-6-mobile {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 769px),print {
    .columns.is-variable.is-6-tablet {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-6-tablet-only {
        --columnGap: 1.5rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-6-touch {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-6-desktop {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-6-desktop-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-6-widescreen {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-6-widescreen-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-6-fullhd {
        --columnGap: 1.5rem
    }
}

.columns.is-variable.is-7 {
    --columnGap: 1.75rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-7-mobile {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 769px),print {
    .columns.is-variable.is-7-tablet {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-7-tablet-only {
        --columnGap: 1.75rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-7-touch {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-7-desktop {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-7-desktop-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-7-widescreen {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-7-widescreen-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-7-fullhd {
        --columnGap: 1.75rem
    }
}

.columns.is-variable.is-8 {
    --columnGap: 2rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-8-mobile {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 769px),print {
    .columns.is-variable.is-8-tablet {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-8-tablet-only {
        --columnGap: 2rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-8-touch {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-8-desktop {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-8-desktop-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-8-widescreen {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-8-widescreen-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-8-fullhd {
        --columnGap: 2rem
    }
}

.tile {
    align-items: stretch;
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    min-height: -moz-min-content;
    min-height: min-content
}

    .tile.is-ancestor {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
        margin-top: -0.75rem
    }

        .tile.is-ancestor:last-child {
            margin-bottom: -0.75rem
        }

        .tile.is-ancestor:not(:last-child) {
            margin-bottom: .75rem
        }

    .tile.is-child {
        margin: 0 !important
    }

    .tile.is-parent {
        padding: .75rem
    }

    .tile.is-vertical {
        flex-direction: column
    }

        .tile.is-vertical > .tile.is-child:not(:last-child) {
            margin-bottom: 1.5rem !important
        }

@media screen and (min-width: 769px),print {
    .tile:not(.is-child) {
        display: flex
    }

    .tile.is-1 {
        flex: none;
        width: 8.33333337%
    }

    .tile.is-2 {
        flex: none;
        width: 16.66666674%
    }

    .tile.is-3 {
        flex: none;
        width: 25%
    }

    .tile.is-4 {
        flex: none;
        width: 33.33333337%
    }

    .tile.is-5 {
        flex: none;
        width: 41.66666674%
    }

    .tile.is-6 {
        flex: none;
        width: 50%
    }

    .tile.is-7 {
        flex: none;
        width: 58.33333337%
    }

    .tile.is-8 {
        flex: none;
        width: 66.66666674%
    }

    .tile.is-9 {
        flex: none;
        width: 75%
    }

    .tile.is-10 {
        flex: none;
        width: 83.33333337%
    }

    .tile.is-11 {
        flex: none;
        width: 91.66666674%
    }

    .tile.is-12 {
        flex: none;
        width: 100%
    }
}

.has-text-white {
    color: #fff !important
}

a.has-text-white:hover, a.has-text-white:focus {
    color: #e6e6e6 !important
}

.has-background-white {
    background-color: #fff !important
}

.has-text-black {
    color: #0a0a0a !important
}

a.has-text-black:hover, a.has-text-black:focus {
    color: #000 !important
}

.has-background-black {
    background-color: #0a0a0a !important
}

.has-text-light {
    color: #f5f5f5 !important
}

a.has-text-light:hover, a.has-text-light:focus {
    color: #dbdbdb !important
}

.has-background-light {
    background-color: #f5f5f5 !important
}

.has-text-dark {
    color: #202836 !important
}

a.has-text-dark:hover, a.has-text-dark:focus {
    color: #0d1016 !important
}

.has-background-dark {
    background-color: #202836 !important
}

.has-text-primary {
    color: #3d70b2 !important
}

a.has-text-primary:hover, a.has-text-primary:focus {
    color: #30588c !important
}

.has-background-primary {
    background-color: #3d70b2 !important
}

.has-text-primary-light {
    color: #f0f4fa !important
}

a.has-text-primary-light:hover, a.has-text-primary-light:focus {
    color: #cad9ed !important
}

.has-background-primary-light {
    background-color: #f0f4fa !important
}

.has-text-primary-dark {
    color: #3c6eaf !important
}

a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
    color: #5888c6 !important
}

.has-background-primary-dark {
    background-color: #3c6eaf !important
}

.has-text-link {
    color: #039be5 !important
}

a.has-text-link:hover, a.has-text-link:focus {
    color: #0279b3 !important
}

.has-background-link {
    background-color: #039be5 !important
}

.has-text-link-light {
    color: #ebf8ff !important
}

a.has-text-link-light:hover, a.has-text-link-light:focus {
    color: #b9e7fe !important
}

.has-background-link-light {
    background-color: #ebf8ff !important
}

.has-text-link-dark {
    color: #0385c4 !important
}

a.has-text-link-dark:hover, a.has-text-link-dark:focus {
    color: #03a7f7 !important
}

.has-background-link-dark {
    background-color: #0385c4 !important
}

.has-text-info {
    color: #3e8ed0 !important
}

a.has-text-info:hover, a.has-text-info:focus {
    color: #2b74b1 !important
}

.has-background-info {
    background-color: #3e8ed0 !important
}

.has-text-info-light {
    color: #eff5fb !important
}

a.has-text-info-light:hover, a.has-text-info-light:focus {
    color: #c6ddf1 !important
}

.has-background-info-light {
    background-color: #eff5fb !important
}

.has-text-info-dark {
    color: #296fa8 !important
}

a.has-text-info-dark:hover, a.has-text-info-dark:focus {
    color: #368ace !important
}

.has-background-info-dark {
    background-color: #296fa8 !important
}

.has-text-success {
    color: #1ce589 !important
}

a.has-text-success:hover, a.has-text-success:focus {
    color: #15b96e !important
}

.has-background-success {
    background-color: #1ce589 !important
}

.has-text-success-light {
    color: #edfdf5 !important
}

a.has-text-success-light:hover, a.has-text-success-light:focus {
    color: #bff8de !important
}

.has-background-success-light {
    background-color: #edfdf5 !important
}

.has-text-success-dark {
    color: #0f854f !important
}

a.has-text-success-dark:hover, a.has-text-success-dark:focus {
    color: #14b26a !important
}

.has-background-success-dark {
    background-color: #0f854f !important
}

.has-text-warning {
    color: #ffe08a !important
}

a.has-text-warning:hover, a.has-text-warning:focus {
    color: #ffd257 !important
}

.has-background-warning {
    background-color: #ffe08a !important
}

.has-text-warning-light {
    color: #fffaeb !important
}

a.has-text-warning-light:hover, a.has-text-warning-light:focus {
    color: #ffecb8 !important
}

.has-background-warning-light {
    background-color: #fffaeb !important
}

.has-text-warning-dark {
    color: #946c00 !important
}

a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
    color: #c79200 !important
}

.has-background-warning-dark {
    background-color: #946c00 !important
}

.has-text-danger {
    color: #f71416 !important
}

a.has-text-danger:hover, a.has-text-danger:focus {
    color: #d10709 !important
}

.has-background-danger {
    background-color: #f71416 !important
}

.has-text-danger-light {
    color: #feebeb !important
}

a.has-text-danger-light:hover, a.has-text-danger-light:focus {
    color: #fdbabb !important
}

.has-background-danger-light {
    background-color: #feebeb !important
}

.has-text-danger-dark {
    color: #e3080a !important
}

a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
    color: #f82628 !important
}

.has-background-danger-dark {
    background-color: #e3080a !important
}

.has-text-black-bis {
    color: #121212 !important
}

.has-background-black-bis {
    background-color: #121212 !important
}

.has-text-black-ter {
    color: #242424 !important
}

.has-background-black-ter {
    background-color: #242424 !important
}

.has-text-grey-darker {
    color: #363636 !important
}

.has-background-grey-darker {
    background-color: #363636 !important
}

.has-text-grey-dark {
    color: #4a4a4a !important
}

.has-background-grey-dark {
    background-color: #4a4a4a !important
}

.has-text-grey {
    color: #7a7a7a !important
}

.has-background-grey {
    background-color: #7a7a7a !important
}

.has-text-grey-light {
    color: #b5b5b5 !important
}

.has-background-grey-light {
    background-color: #b5b5b5 !important
}

.has-text-grey-lighter {
    color: #dbdbdb !important
}

.has-background-grey-lighter {
    background-color: #dbdbdb !important
}

.has-text-white-ter {
    color: #f5f5f5 !important
}

.has-background-white-ter {
    background-color: #f5f5f5 !important
}

.has-text-white-bis {
    color: #fafafa !important
}

.has-background-white-bis {
    background-color: #fafafa !important
}

.is-flex-direction-row {
    flex-direction: row !important
}

.is-flex-direction-row-reverse {
    flex-direction: row-reverse !important
}

.is-flex-direction-column {
    flex-direction: column !important
}

.is-flex-direction-column-reverse {
    flex-direction: column-reverse !important
}

.is-flex-wrap-nowrap {
    flex-wrap: nowrap !important
}

.is-flex-wrap-wrap {
    flex-wrap: wrap !important
}

.is-flex-wrap-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.is-justify-content-flex-start {
    justify-content: flex-start !important
}

.is-justify-content-flex-end {
    justify-content: flex-end !important
}

.is-justify-content-center {
    justify-content: center !important
}

.is-justify-content-space-between {
    justify-content: space-between !important
}

.is-justify-content-space-around {
    justify-content: space-around !important
}

.is-justify-content-space-evenly {
    justify-content: space-evenly !important
}

.is-justify-content-start {
    justify-content: start !important
}

.is-justify-content-end {
    justify-content: end !important
}

.is-justify-content-left {
    justify-content: left !important
}

.is-justify-content-right {
    justify-content: right !important
}

.is-align-content-flex-start {
    align-content: flex-start !important
}

.is-align-content-flex-end {
    align-content: flex-end !important
}

.is-align-content-center {
    align-content: center !important
}

.is-align-content-space-between {
    align-content: space-between !important
}

.is-align-content-space-around {
    align-content: space-around !important
}

.is-align-content-space-evenly {
    align-content: space-evenly !important
}

.is-align-content-stretch {
    align-content: stretch !important
}

.is-align-content-start {
    align-content: start !important
}

.is-align-content-end {
    align-content: end !important
}

.is-align-content-baseline {
    align-content: baseline !important
}

.is-align-items-stretch {
    align-items: stretch !important
}

.is-align-items-flex-start {
    align-items: flex-start !important
}

.is-align-items-flex-end {
    align-items: flex-end !important
}

.is-align-items-center {
    align-items: center !important
}

.is-align-items-baseline {
    align-items: baseline !important
}

.is-align-items-start {
    align-items: start !important
}

.is-align-items-end {
    align-items: end !important
}

.is-align-items-self-start {
    align-items: self-start !important
}

.is-align-items-self-end {
    align-items: self-end !important
}

.is-align-self-auto {
    align-self: auto !important
}

.is-align-self-flex-start {
    align-self: flex-start !important
}

.is-align-self-flex-end {
    align-self: flex-end !important
}

.is-align-self-center {
    align-self: center !important
}

.is-align-self-baseline {
    align-self: baseline !important
}

.is-align-self-stretch {
    align-self: stretch !important
}

.is-flex-grow-0 {
    flex-grow: 0 !important
}

.is-flex-grow-1 {
    flex-grow: 1 !important
}

.is-flex-grow-2 {
    flex-grow: 2 !important
}

.is-flex-grow-3 {
    flex-grow: 3 !important
}

.is-flex-grow-4 {
    flex-grow: 4 !important
}

.is-flex-grow-5 {
    flex-grow: 5 !important
}

.is-flex-shrink-0 {
    flex-shrink: 0 !important
}

.is-flex-shrink-1 {
    flex-shrink: 1 !important
}

.is-flex-shrink-2 {
    flex-shrink: 2 !important
}

.is-flex-shrink-3 {
    flex-shrink: 3 !important
}

.is-flex-shrink-4 {
    flex-shrink: 4 !important
}

.is-flex-shrink-5 {
    flex-shrink: 5 !important
}

.is-clearfix::after {
    clear: both;
    content: " ";
    display: table
}

.is-pulled-left {
    float: left !important
}

.is-pulled-right {
    float: right !important
}

.is-radiusless {
    border-radius: 0 !important
}

.is-shadowless {
    box-shadow: none !important
}

.is-clickable {
    cursor: pointer !important;
    pointer-events: all !important
}

.is-clipped {
    overflow: hidden !important
}

.is-relative {
    position: relative !important
}

.is-marginless {
    margin: 0 !important
}

.is-paddingless {
    padding: 0 !important
}

.m-0 {
    margin: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.ml-1 {
    margin-left: .25rem !important
}

.mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.mx-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.m-3 {
    margin: .75rem !important
}

.mt-3 {
    margin-top: .75rem !important
}

.mr-3 {
    margin-right: .75rem !important
}

.mb-3 {
    margin-bottom: .75rem !important
}

.ml-3 {
    margin-left: .75rem !important
}

.mx-3 {
    margin-left: .75rem !important;
    margin-right: .75rem !important
}

.my-3 {
    margin-top: .75rem !important;
    margin-bottom: .75rem !important
}

.m-4 {
    margin: 1rem !important
}

.mt-4 {
    margin-top: 1rem !important
}

.mr-4 {
    margin-right: 1rem !important
}

.mb-4 {
    margin-bottom: 1rem !important
}

.ml-4 {
    margin-left: 1rem !important
}

.mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

.my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.m-5 {
    margin: 1.5rem !important
}

.mt-5 {
    margin-top: 1.5rem !important
}

.mr-5 {
    margin-right: 1.5rem !important
}

.mb-5 {
    margin-bottom: 1.5rem !important
}

.ml-5 {
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
}

.my-5 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.m-6 {
    margin: 3rem !important
}

.mt-6 {
    margin-top: 3rem !important
}

.mr-6 {
    margin-right: 3rem !important
}

.mb-6 {
    margin-bottom: 3rem !important
}

.ml-6 {
    margin-left: 3rem !important
}

.mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
}

.my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto {
    margin-top: auto !important
}

.mr-auto {
    margin-right: auto !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ml-auto {
    margin-left: auto !important
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.p-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pr-1 {
    padding-right: .25rem !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pl-1 {
    padding-left: .25rem !important
}

.px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pr-2 {
    padding-right: .5rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pl-2 {
    padding-left: .5rem !important
}

.px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.p-3 {
    padding: .75rem !important
}

.pt-3 {
    padding-top: .75rem !important
}

.pr-3 {
    padding-right: .75rem !important
}

.pb-3 {
    padding-bottom: .75rem !important
}

.pl-3 {
    padding-left: .75rem !important
}

.px-3 {
    padding-left: .75rem !important;
    padding-right: .75rem !important
}

.py-3 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important
}

.p-4 {
    padding: 1rem !important
}

.pt-4 {
    padding-top: 1rem !important
}

.pr-4 {
    padding-right: 1rem !important
}

.pb-4 {
    padding-bottom: 1rem !important
}

.pl-4 {
    padding-left: 1rem !important
}

.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.p-5 {
    padding: 1.5rem !important
}

.pt-5 {
    padding-top: 1.5rem !important
}

.pr-5 {
    padding-right: 1.5rem !important
}

.pb-5 {
    padding-bottom: 1.5rem !important
}

.pl-5 {
    padding-left: 1.5rem !important
}

.px-5 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.py-5 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.p-6 {
    padding: 3rem !important
}

.pt-6 {
    padding-top: 3rem !important
}

.pr-6 {
    padding-right: 3rem !important
}

.pb-6 {
    padding-bottom: 3rem !important
}

.pl-6 {
    padding-left: 3rem !important
}

.px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}

.py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.p-auto {
    padding: auto !important
}

.pt-auto {
    padding-top: auto !important
}

.pr-auto {
    padding-right: auto !important
}

.pb-auto {
    padding-bottom: auto !important
}

.pl-auto {
    padding-left: auto !important
}

.px-auto {
    padding-left: auto !important;
    padding-right: auto !important
}

.py-auto {
    padding-top: auto !important;
    padding-bottom: auto !important
}

.is-size-1 {
    font-size: 3rem !important
}

.is-size-2 {
    font-size: 2.5rem !important
}

.is-size-3 {
    font-size: 2rem !important
}

.is-size-4 {
    font-size: 1.5rem !important
}

.is-size-5 {
    font-size: 1.25rem !important
}

.is-size-6 {
    font-size: 1rem !important
}

.is-size-7 {
    font-size: .75rem !important
}

@media screen and (max-width: 768px) {
    .is-size-1-mobile {
        font-size: 3rem !important
    }

    .is-size-2-mobile {
        font-size: 2.5rem !important
    }

    .is-size-3-mobile {
        font-size: 2rem !important
    }

    .is-size-4-mobile {
        font-size: 1.5rem !important
    }

    .is-size-5-mobile {
        font-size: 1.25rem !important
    }

    .is-size-6-mobile {
        font-size: 1rem !important
    }

    .is-size-7-mobile {
        font-size: .75rem !important
    }
}

@media screen and (min-width: 769px),print {
    .is-size-1-tablet {
        font-size: 3rem !important
    }

    .is-size-2-tablet {
        font-size: 2.5rem !important
    }

    .is-size-3-tablet {
        font-size: 2rem !important
    }

    .is-size-4-tablet {
        font-size: 1.5rem !important
    }

    .is-size-5-tablet {
        font-size: 1.25rem !important
    }

    .is-size-6-tablet {
        font-size: 1rem !important
    }

    .is-size-7-tablet {
        font-size: .75rem !important
    }
}

@media screen and (max-width: 1023px) {
    .is-size-1-touch {
        font-size: 3rem !important
    }

    .is-size-2-touch {
        font-size: 2.5rem !important
    }

    .is-size-3-touch {
        font-size: 2rem !important
    }

    .is-size-4-touch {
        font-size: 1.5rem !important
    }

    .is-size-5-touch {
        font-size: 1.25rem !important
    }

    .is-size-6-touch {
        font-size: 1rem !important
    }

    .is-size-7-touch {
        font-size: .75rem !important
    }
}

@media screen and (min-width: 1024px) {
    .is-size-1-desktop {
        font-size: 3rem !important
    }

    .is-size-2-desktop {
        font-size: 2.5rem !important
    }

    .is-size-3-desktop {
        font-size: 2rem !important
    }

    .is-size-4-desktop {
        font-size: 1.5rem !important
    }

    .is-size-5-desktop {
        font-size: 1.25rem !important
    }

    .is-size-6-desktop {
        font-size: 1rem !important
    }

    .is-size-7-desktop {
        font-size: .75rem !important
    }
}

@media screen and (min-width: 1216px) {
    .is-size-1-widescreen {
        font-size: 3rem !important
    }

    .is-size-2-widescreen {
        font-size: 2.5rem !important
    }

    .is-size-3-widescreen {
        font-size: 2rem !important
    }

    .is-size-4-widescreen {
        font-size: 1.5rem !important
    }

    .is-size-5-widescreen {
        font-size: 1.25rem !important
    }

    .is-size-6-widescreen {
        font-size: 1rem !important
    }

    .is-size-7-widescreen {
        font-size: .75rem !important
    }
}

@media screen and (min-width: 1408px) {
    .is-size-1-fullhd {
        font-size: 3rem !important
    }

    .is-size-2-fullhd {
        font-size: 2.5rem !important
    }

    .is-size-3-fullhd {
        font-size: 2rem !important
    }

    .is-size-4-fullhd {
        font-size: 1.5rem !important
    }

    .is-size-5-fullhd {
        font-size: 1.25rem !important
    }

    .is-size-6-fullhd {
        font-size: 1rem !important
    }

    .is-size-7-fullhd {
        font-size: .75rem !important
    }
}

.has-text-centered {
    text-align: center !important
}

.has-text-justified {
    text-align: justify !important
}

.has-text-left {
    text-align: left !important
}

.has-text-right {
    text-align: right !important
}

@media screen and (max-width: 768px) {
    .has-text-centered-mobile {
        text-align: center !important
    }
}

@media screen and (min-width: 769px),print {
    .has-text-centered-tablet {
        text-align: center !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .has-text-centered-tablet-only {
        text-align: center !important
    }
}

@media screen and (max-width: 1023px) {
    .has-text-centered-touch {
        text-align: center !important
    }
}

@media screen and (min-width: 1024px) {
    .has-text-centered-desktop {
        text-align: center !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .has-text-centered-desktop-only {
        text-align: center !important
    }
}

@media screen and (min-width: 1216px) {
    .has-text-centered-widescreen {
        text-align: center !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .has-text-centered-widescreen-only {
        text-align: center !important
    }
}

@media screen and (min-width: 1408px) {
    .has-text-centered-fullhd {
        text-align: center !important
    }
}

@media screen and (max-width: 768px) {
    .has-text-justified-mobile {
        text-align: justify !important
    }
}

@media screen and (min-width: 769px),print {
    .has-text-justified-tablet {
        text-align: justify !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .has-text-justified-tablet-only {
        text-align: justify !important
    }
}

@media screen and (max-width: 1023px) {
    .has-text-justified-touch {
        text-align: justify !important
    }
}

@media screen and (min-width: 1024px) {
    .has-text-justified-desktop {
        text-align: justify !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .has-text-justified-desktop-only {
        text-align: justify !important
    }
}

@media screen and (min-width: 1216px) {
    .has-text-justified-widescreen {
        text-align: justify !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .has-text-justified-widescreen-only {
        text-align: justify !important
    }
}

@media screen and (min-width: 1408px) {
    .has-text-justified-fullhd {
        text-align: justify !important
    }
}

@media screen and (max-width: 768px) {
    .has-text-left-mobile {
        text-align: left !important
    }
}

@media screen and (min-width: 769px),print {
    .has-text-left-tablet {
        text-align: left !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .has-text-left-tablet-only {
        text-align: left !important
    }
}

@media screen and (max-width: 1023px) {
    .has-text-left-touch {
        text-align: left !important
    }
}

@media screen and (min-width: 1024px) {
    .has-text-left-desktop {
        text-align: left !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .has-text-left-desktop-only {
        text-align: left !important
    }
}

@media screen and (min-width: 1216px) {
    .has-text-left-widescreen {
        text-align: left !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .has-text-left-widescreen-only {
        text-align: left !important
    }
}

@media screen and (min-width: 1408px) {
    .has-text-left-fullhd {
        text-align: left !important
    }
}

@media screen and (max-width: 768px) {
    .has-text-right-mobile {
        text-align: right !important
    }
}

@media screen and (min-width: 769px),print {
    .has-text-right-tablet {
        text-align: right !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .has-text-right-tablet-only {
        text-align: right !important
    }
}

@media screen and (max-width: 1023px) {
    .has-text-right-touch {
        text-align: right !important
    }
}

@media screen and (min-width: 1024px) {
    .has-text-right-desktop {
        text-align: right !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .has-text-right-desktop-only {
        text-align: right !important
    }
}

@media screen and (min-width: 1216px) {
    .has-text-right-widescreen {
        text-align: right !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .has-text-right-widescreen-only {
        text-align: right !important
    }
}

@media screen and (min-width: 1408px) {
    .has-text-right-fullhd {
        text-align: right !important
    }
}

.is-capitalized {
    text-transform: capitalize !important
}

.is-lowercase {
    text-transform: lowercase !important
}

.is-uppercase {
    text-transform: uppercase !important
}

.is-italic {
    font-style: italic !important
}

.is-underlined {
    text-decoration: underline !important
}

.has-text-weight-light {
    font-weight: 300 !important
}

.has-text-weight-normal {
    font-weight: 400 !important
}

.has-text-weight-medium {
    font-weight: 500 !important
}

.has-text-weight-semibold {
    font-weight: 600 !important
}

.has-text-weight-bold {
    font-weight: 700 !important
}

.is-family-primary {
    font-family: BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif !important
}

.is-family-secondary {
    font-family: BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif !important
}

.is-family-sans-serif {
    font-family: BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif !important
}

.is-family-monospace {
    font-family: monospace !important
}

.is-family-code {
    font-family: monospace !important
}

.is-block {
    display: block !important
}

@media screen and (max-width: 768px) {
    .is-block-mobile {
        display: block !important
    }
}

@media screen and (min-width: 769px),print {
    .is-block-tablet {
        display: block !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-block-tablet-only {
        display: block !important
    }
}

@media screen and (max-width: 1023px) {
    .is-block-touch {
        display: block !important
    }
}

@media screen and (min-width: 1024px) {
    .is-block-desktop {
        display: block !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-block-desktop-only {
        display: block !important
    }
}

@media screen and (min-width: 1216px) {
    .is-block-widescreen {
        display: block !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-block-widescreen-only {
        display: block !important
    }
}

@media screen and (min-width: 1408px) {
    .is-block-fullhd {
        display: block !important
    }
}

.is-flex {
    display: flex !important
}

@media screen and (max-width: 768px) {
    .is-flex-mobile {
        display: flex !important
    }
}

@media screen and (min-width: 769px),print {
    .is-flex-tablet {
        display: flex !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-flex-tablet-only {
        display: flex !important
    }
}

@media screen and (max-width: 1023px) {
    .is-flex-touch {
        display: flex !important
    }
}

@media screen and (min-width: 1024px) {
    .is-flex-desktop {
        display: flex !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-flex-desktop-only {
        display: flex !important
    }
}

@media screen and (min-width: 1216px) {
    .is-flex-widescreen {
        display: flex !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-flex-widescreen-only {
        display: flex !important
    }
}

@media screen and (min-width: 1408px) {
    .is-flex-fullhd {
        display: flex !important
    }
}

.is-inline {
    display: inline !important
}

@media screen and (max-width: 768px) {
    .is-inline-mobile {
        display: inline !important
    }
}

@media screen and (min-width: 769px),print {
    .is-inline-tablet {
        display: inline !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-inline-tablet-only {
        display: inline !important
    }
}

@media screen and (max-width: 1023px) {
    .is-inline-touch {
        display: inline !important
    }
}

@media screen and (min-width: 1024px) {
    .is-inline-desktop {
        display: inline !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-inline-desktop-only {
        display: inline !important
    }
}

@media screen and (min-width: 1216px) {
    .is-inline-widescreen {
        display: inline !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-inline-widescreen-only {
        display: inline !important
    }
}

@media screen and (min-width: 1408px) {
    .is-inline-fullhd {
        display: inline !important
    }
}

.is-inline-block {
    display: inline-block !important
}

@media screen and (max-width: 768px) {
    .is-inline-block-mobile {
        display: inline-block !important
    }
}

@media screen and (min-width: 769px),print {
    .is-inline-block-tablet {
        display: inline-block !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-inline-block-tablet-only {
        display: inline-block !important
    }
}

@media screen and (max-width: 1023px) {
    .is-inline-block-touch {
        display: inline-block !important
    }
}

@media screen and (min-width: 1024px) {
    .is-inline-block-desktop {
        display: inline-block !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-inline-block-desktop-only {
        display: inline-block !important
    }
}

@media screen and (min-width: 1216px) {
    .is-inline-block-widescreen {
        display: inline-block !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-inline-block-widescreen-only {
        display: inline-block !important
    }
}

@media screen and (min-width: 1408px) {
    .is-inline-block-fullhd {
        display: inline-block !important
    }
}

.is-inline-flex {
    display: inline-flex !important
}

@media screen and (max-width: 768px) {
    .is-inline-flex-mobile {
        display: inline-flex !important
    }
}

@media screen and (min-width: 769px),print {
    .is-inline-flex-tablet {
        display: inline-flex !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-inline-flex-tablet-only {
        display: inline-flex !important
    }
}

@media screen and (max-width: 1023px) {
    .is-inline-flex-touch {
        display: inline-flex !important
    }
}

@media screen and (min-width: 1024px) {
    .is-inline-flex-desktop {
        display: inline-flex !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-inline-flex-desktop-only {
        display: inline-flex !important
    }
}

@media screen and (min-width: 1216px) {
    .is-inline-flex-widescreen {
        display: inline-flex !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-inline-flex-widescreen-only {
        display: inline-flex !important
    }
}

@media screen and (min-width: 1408px) {
    .is-inline-flex-fullhd {
        display: inline-flex !important
    }
}

.is-hidden {
    display: none !important
}

.is-sr-only {
    border: none !important;
    clip: rect(0, 0, 0, 0) !important;
    height: .01em !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: .01em !important
}

@media screen and (max-width: 768px) {
    .is-hidden-mobile {
        display: none !important
    }
}

@media screen and (min-width: 769px),print {
    .is-hidden-tablet {
        display: none !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-hidden-tablet-only {
        display: none !important
    }
}

@media screen and (max-width: 1023px) {
    .is-hidden-touch {
        display: none !important
    }
}

@media screen and (min-width: 1024px) {
    .is-hidden-desktop {
        display: none !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-hidden-desktop-only {
        display: none !important
    }
}

@media screen and (min-width: 1216px) {
    .is-hidden-widescreen {
        display: none !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-hidden-widescreen-only {
        display: none !important
    }
}

@media screen and (min-width: 1408px) {
    .is-hidden-fullhd {
        display: none !important
    }
}

.is-invisible {
    visibility: hidden !important
}

@media screen and (max-width: 768px) {
    .is-invisible-mobile {
        visibility: hidden !important
    }
}

@media screen and (min-width: 769px),print {
    .is-invisible-tablet {
        visibility: hidden !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-invisible-tablet-only {
        visibility: hidden !important
    }
}

@media screen and (max-width: 1023px) {
    .is-invisible-touch {
        visibility: hidden !important
    }
}

@media screen and (min-width: 1024px) {
    .is-invisible-desktop {
        visibility: hidden !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-invisible-desktop-only {
        visibility: hidden !important
    }
}

@media screen and (min-width: 1216px) {
    .is-invisible-widescreen {
        visibility: hidden !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-invisible-widescreen-only {
        visibility: hidden !important
    }
}

@media screen and (min-width: 1408px) {
    .is-invisible-fullhd {
        visibility: hidden !important
    }
}

.hero {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

    .hero .navbar {
        background: none
    }

    .hero .tabs ul {
        border-bottom: none
    }

    .hero.is-white {
        background-color: #fff;
        color: #0a0a0a
    }

        .hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-white strong {
            color: inherit
        }

        .hero.is-white .title {
            color: #0a0a0a
        }

        .hero.is-white .subtitle {
            color: rgba(10,10,10,.9)
        }

            .hero.is-white .subtitle a:not(.button), .hero.is-white .subtitle strong {
                color: #0a0a0a
            }

@media screen and (max-width: 1023px) {
    .hero.is-white .navbar-menu {
        background-color: #fff
    }
}

.hero.is-white .navbar-item, .hero.is-white .navbar-link {
    color: rgba(10,10,10,.7)
}

    .hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active, .hero.is-white .navbar-link:hover, .hero.is-white .navbar-link.is-active {
        background-color: #f2f2f2;
        color: #0a0a0a
    }

.hero.is-white .tabs a {
    color: #0a0a0a;
    opacity: .9
}

    .hero.is-white .tabs a:hover {
        opacity: 1
    }

.hero.is-white .tabs li.is-active a {
    color: #fff !important;
    opacity: 1
}

.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
    color: #0a0a0a
}

    .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
        background-color: rgba(10,10,10,.1)
    }

.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    color: #fff
}

.hero.is-white.is-bold {
    background-image: linear-gradient(141deg, #e8e3e4 0%, #fff 71%, white 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-white.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #e8e3e4 0%, #fff 71%, white 100%)
    }
}

.hero.is-black {
    background-color: #0a0a0a;
    color: #fff
}

    .hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-black strong {
        color: inherit
    }

    .hero.is-black .title {
        color: #fff
    }

    .hero.is-black .subtitle {
        color: rgba(255,255,255,.9)
    }

        .hero.is-black .subtitle a:not(.button), .hero.is-black .subtitle strong {
            color: #fff
        }

@media screen and (max-width: 1023px) {
    .hero.is-black .navbar-menu {
        background-color: #0a0a0a
    }
}

.hero.is-black .navbar-item, .hero.is-black .navbar-link {
    color: rgba(255,255,255,.7)
}

    .hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active, .hero.is-black .navbar-link:hover, .hero.is-black .navbar-link.is-active {
        background-color: #000;
        color: #fff
    }

.hero.is-black .tabs a {
    color: #fff;
    opacity: .9
}

    .hero.is-black .tabs a:hover {
        opacity: 1
    }

.hero.is-black .tabs li.is-active a {
    color: #0a0a0a !important;
    opacity: 1
}

.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
    color: #fff
}

    .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
        background-color: rgba(10,10,10,.1)
    }

.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0a0a0a
}

.hero.is-black.is-bold {
    background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-black.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%)
    }
}

.hero.is-light {
    background-color: #f5f5f5;
    color: rgba(0,0,0,.7)
}

    .hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-light strong {
        color: inherit
    }

    .hero.is-light .title {
        color: rgba(0,0,0,.7)
    }

    .hero.is-light .subtitle {
        color: rgba(0,0,0,.9)
    }

        .hero.is-light .subtitle a:not(.button), .hero.is-light .subtitle strong {
            color: rgba(0,0,0,.7)
        }

@media screen and (max-width: 1023px) {
    .hero.is-light .navbar-menu {
        background-color: #f5f5f5
    }
}

.hero.is-light .navbar-item, .hero.is-light .navbar-link {
    color: rgba(0,0,0,.7)
}

    .hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active, .hero.is-light .navbar-link:hover, .hero.is-light .navbar-link.is-active {
        background-color: #e8e8e8;
        color: rgba(0,0,0,.7)
    }

.hero.is-light .tabs a {
    color: rgba(0,0,0,.7);
    opacity: .9
}

    .hero.is-light .tabs a:hover {
        opacity: 1
    }

.hero.is-light .tabs li.is-active a {
    color: #f5f5f5 !important;
    opacity: 1
}

.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
    color: rgba(0,0,0,.7)
}

    .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
        background-color: rgba(10,10,10,.1)
    }

.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
    background-color: rgba(0,0,0,.7);
    border-color: rgba(0,0,0,.7);
    color: #f5f5f5
}

.hero.is-light.is-bold {
    background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-light.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%)
    }
}

.hero.is-dark {
    background-color: #202836;
    color: #fff
}

    .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-dark strong {
        color: inherit
    }

    .hero.is-dark .title {
        color: #fff
    }

    .hero.is-dark .subtitle {
        color: rgba(255,255,255,.9)
    }

        .hero.is-dark .subtitle a:not(.button), .hero.is-dark .subtitle strong {
            color: #fff
        }

@media screen and (max-width: 1023px) {
    .hero.is-dark .navbar-menu {
        background-color: #202836
    }
}

.hero.is-dark .navbar-item, .hero.is-dark .navbar-link {
    color: rgba(255,255,255,.7)
}

    .hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active, .hero.is-dark .navbar-link:hover, .hero.is-dark .navbar-link.is-active {
        background-color: #171c26;
        color: #fff
    }

.hero.is-dark .tabs a {
    color: #fff;
    opacity: .9
}

    .hero.is-dark .tabs a:hover {
        opacity: 1
    }

.hero.is-dark .tabs li.is-active a {
    color: #202836 !important;
    opacity: 1
}

.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
    color: #fff
}

    .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
        background-color: rgba(10,10,10,.1)
    }

.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #202836
}

.hero.is-dark.is-bold {
    background-image: linear-gradient(141deg, #0b1218 0%, #202836 71%, #272d49 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-dark.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #0b1218 0%, #202836 71%, #272d49 100%)
    }
}

.hero.is-primary {
    background-color: #3d70b2;
    color: #fff
}

    .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-primary strong {
        color: inherit
    }

    .hero.is-primary .title {
        color: #fff
    }

    .hero.is-primary .subtitle {
        color: rgba(255,255,255,.9)
    }

        .hero.is-primary .subtitle a:not(.button), .hero.is-primary .subtitle strong {
            color: #fff
        }

@media screen and (max-width: 1023px) {
    .hero.is-primary .navbar-menu {
        background-color: #3d70b2
    }
}

.hero.is-primary .navbar-item, .hero.is-primary .navbar-link {
    color: rgba(255,255,255,.7)
}

    .hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active, .hero.is-primary .navbar-link:hover, .hero.is-primary .navbar-link.is-active {
        background-color: #36649f;
        color: #fff
    }

.hero.is-primary .tabs a {
    color: #fff;
    opacity: .9
}

    .hero.is-primary .tabs a:hover {
        opacity: 1
    }

.hero.is-primary .tabs li.is-active a {
    color: #3d70b2 !important;
    opacity: 1
}

.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
    color: #fff
}

    .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
        background-color: rgba(10,10,10,.1)
    }

.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #3d70b2
}

.hero.is-primary.is-bold {
    background-image: linear-gradient(141deg, #276995 0%, #3d70b2 71%, #4266c6 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-primary.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #276995 0%, #3d70b2 71%, #4266c6 100%)
    }
}

.hero.is-link {
    background-color: #039be5;
    color: #fff
}

    .hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-link strong {
        color: inherit
    }

    .hero.is-link .title {
        color: #fff
    }

    .hero.is-link .subtitle {
        color: rgba(255,255,255,.9)
    }

        .hero.is-link .subtitle a:not(.button), .hero.is-link .subtitle strong {
            color: #fff
        }

@media screen and (max-width: 1023px) {
    .hero.is-link .navbar-menu {
        background-color: #039be5
    }
}

.hero.is-link .navbar-item, .hero.is-link .navbar-link {
    color: rgba(255,255,255,.7)
}

    .hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active, .hero.is-link .navbar-link:hover, .hero.is-link .navbar-link.is-active {
        background-color: #038acc;
        color: #fff
    }

.hero.is-link .tabs a {
    color: #fff;
    opacity: .9
}

    .hero.is-link .tabs a:hover {
        opacity: 1
    }

.hero.is-link .tabs li.is-active a {
    color: #039be5 !important;
    opacity: 1
}

.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
    color: #fff
}

    .hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
        background-color: rgba(10,10,10,.1)
    }

.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #039be5
}

.hero.is-link.is-bold {
    background-image: linear-gradient(141deg, #0098b5 0%, #039BE5 71%, #0382ff 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-link.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #0098b5 0%, #039BE5 71%, #0382ff 100%)
    }
}

.hero.is-info {
    background-color: #3e8ed0;
    color: #fff
}

    .hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-info strong {
        color: inherit
    }

    .hero.is-info .title {
        color: #fff
    }

    .hero.is-info .subtitle {
        color: rgba(255,255,255,.9)
    }

        .hero.is-info .subtitle a:not(.button), .hero.is-info .subtitle strong {
            color: #fff
        }

@media screen and (max-width: 1023px) {
    .hero.is-info .navbar-menu {
        background-color: #3e8ed0
    }
}

.hero.is-info .navbar-item, .hero.is-info .navbar-link {
    color: rgba(255,255,255,.7)
}

    .hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active, .hero.is-info .navbar-link:hover, .hero.is-info .navbar-link.is-active {
        background-color: #3082c5;
        color: #fff
    }

.hero.is-info .tabs a {
    color: #fff;
    opacity: .9
}

    .hero.is-info .tabs a:hover {
        opacity: 1
    }

.hero.is-info .tabs li.is-active a {
    color: #3e8ed0 !important;
    opacity: 1
}

.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
    color: #fff
}

    .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
        background-color: rgba(10,10,10,.1)
    }

.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #3e8ed0
}

.hero.is-info.is-bold {
    background-image: linear-gradient(141deg, #208fbc 0%, #3e8ed0 71%, #4d83db 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-info.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #208fbc 0%, #3e8ed0 71%, #4d83db 100%)
    }
}

.hero.is-success {
    background-color: #1ce589;
    color: rgba(0,0,0,.7)
}

    .hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-success strong {
        color: inherit
    }

    .hero.is-success .title {
        color: rgba(0,0,0,.7)
    }

    .hero.is-success .subtitle {
        color: rgba(0,0,0,.9)
    }

        .hero.is-success .subtitle a:not(.button), .hero.is-success .subtitle strong {
            color: rgba(0,0,0,.7)
        }

@media screen and (max-width: 1023px) {
    .hero.is-success .navbar-menu {
        background-color: #1ce589
    }
}

.hero.is-success .navbar-item, .hero.is-success .navbar-link {
    color: rgba(0,0,0,.7)
}

    .hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active, .hero.is-success .navbar-link:hover, .hero.is-success .navbar-link.is-active {
        background-color: #18d07c;
        color: rgba(0,0,0,.7)
    }

.hero.is-success .tabs a {
    color: rgba(0,0,0,.7);
    opacity: .9
}

    .hero.is-success .tabs a:hover {
        opacity: 1
    }

.hero.is-success .tabs li.is-active a {
    color: #1ce589 !important;
    opacity: 1
}

.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
    color: rgba(0,0,0,.7)
}

    .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
        background-color: rgba(10,10,10,.1)
    }

.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
    background-color: rgba(0,0,0,.7);
    border-color: rgba(0,0,0,.7);
    color: #1ce589
}

.hero.is-success.is-bold {
    background-image: linear-gradient(141deg, #0bc350 0%, #1CE589 71%, #2dedb5 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-success.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #0bc350 0%, #1CE589 71%, #2dedb5 100%)
    }
}

.hero.is-warning {
    background-color: #ffe08a;
    color: rgba(0,0,0,.7)
}

    .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-warning strong {
        color: inherit
    }

    .hero.is-warning .title {
        color: rgba(0,0,0,.7)
    }

    .hero.is-warning .subtitle {
        color: rgba(0,0,0,.9)
    }

        .hero.is-warning .subtitle a:not(.button), .hero.is-warning .subtitle strong {
            color: rgba(0,0,0,.7)
        }

@media screen and (max-width: 1023px) {
    .hero.is-warning .navbar-menu {
        background-color: #ffe08a
    }
}

.hero.is-warning .navbar-item, .hero.is-warning .navbar-link {
    color: rgba(0,0,0,.7)
}

    .hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active, .hero.is-warning .navbar-link:hover, .hero.is-warning .navbar-link.is-active {
        background-color: #ffd970;
        color: rgba(0,0,0,.7)
    }

.hero.is-warning .tabs a {
    color: rgba(0,0,0,.7);
    opacity: .9
}

    .hero.is-warning .tabs a:hover {
        opacity: 1
    }

.hero.is-warning .tabs li.is-active a {
    color: #ffe08a !important;
    opacity: 1
}

.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
    color: rgba(0,0,0,.7)
}

    .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
        background-color: rgba(10,10,10,.1)
    }

.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
    background-color: rgba(0,0,0,.7);
    border-color: rgba(0,0,0,.7);
    color: #ffe08a
}

.hero.is-warning.is-bold {
    background-image: linear-gradient(141deg, #ffb657 0%, #ffe08a 71%, #fff6a3 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-warning.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #ffb657 0%, #ffe08a 71%, #fff6a3 100%)
    }
}

.hero.is-danger {
    background-color: #f71416;
    color: #fff
}

    .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-danger strong {
        color: inherit
    }

    .hero.is-danger .title {
        color: #fff
    }

    .hero.is-danger .subtitle {
        color: rgba(255,255,255,.9)
    }

        .hero.is-danger .subtitle a:not(.button), .hero.is-danger .subtitle strong {
            color: #fff
        }

@media screen and (max-width: 1023px) {
    .hero.is-danger .navbar-menu {
        background-color: #f71416
    }
}

.hero.is-danger .navbar-item, .hero.is-danger .navbar-link {
    color: rgba(255,255,255,.7)
}

    .hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active, .hero.is-danger .navbar-link:hover, .hero.is-danger .navbar-link.is-active {
        background-color: #ea080a;
        color: #fff
    }

.hero.is-danger .tabs a {
    color: #fff;
    opacity: .9
}

    .hero.is-danger .tabs a:hover {
        opacity: 1
    }

.hero.is-danger .tabs li.is-active a {
    color: #f71416 !important;
    opacity: 1
}

.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
    color: #fff
}

    .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
        background-color: rgba(10,10,10,.1)
    }

.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #f71416
}

.hero.is-danger.is-bold {
    background-image: linear-gradient(141deg, #d80026 0%, #f71416 71%, #fd4927 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-danger.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #d80026 0%, #f71416 71%, #fd4927 100%)
    }
}

.hero.is-small .hero-body {
    padding: 1.5rem
}

@media screen and (min-width: 769px),print {
    .hero.is-medium .hero-body {
        padding: 9rem 4.5rem
    }
}

@media screen and (min-width: 769px),print {
    .hero.is-large .hero-body {
        padding: 18rem 6rem
    }
}

.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body {
    align-items: center;
    display: flex
}

    .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container {
        flex-grow: 1;
        flex-shrink: 1
    }

.hero.is-halfheight {
    min-height: 50vh
}

.hero.is-fullheight {
    min-height: 100vh
}

.hero-video {
    overflow: hidden
}

    .hero-video video {
        left: 50%;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        top: 50%;
        transform: translate3d(-50%, -50%, 0)
    }

    .hero-video.is-transparent {
        opacity: .3
    }

@media screen and (max-width: 768px) {
    .hero-video {
        display: none
    }
}

.hero-buttons {
    margin-top: 1.5rem
}

@media screen and (max-width: 768px) {
    .hero-buttons .button {
        display: flex
    }

        .hero-buttons .button:not(:last-child) {
            margin-bottom: .75rem
        }
}

@media screen and (min-width: 769px),print {
    .hero-buttons {
        display: flex;
        justify-content: center
    }

        .hero-buttons .button:not(:last-child) {
            margin-right: 1.5rem
        }
}

.hero-head, .hero-foot {
    flex-grow: 0;
    flex-shrink: 0
}

.hero-body {
    flex-grow: 1;
    flex-shrink: 0;
    padding: 3rem 1.5rem
}

@media screen and (min-width: 769px),print {
    .hero-body {
        padding: 3rem 3rem
    }
}

.section {
    padding: 3rem 1.5rem
}

@media screen and (min-width: 1024px) {
    .section {
        padding: 3rem 3rem
    }

        .section.is-medium {
            padding: 9rem 4.5rem
        }

        .section.is-large {
            padding: 18rem 6rem
        }
}

.footer {
    background-color: #fafafa;
    /*padding: 3rem 1.5rem 6rem*/
    padding: 20px;
}


body {
    background: #f4f4f4;
    height: 100%;
    width: 100%;
    min-height: 100vh;
    font-family: Roboto,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
    color: #344258;
    overflow: hidden
}

    body.is-frozen {
        overflow: hidden !important;
        position: fixed;
        top: 0;
        left: 0
    }

    body.is-white {
        background: #fff
    }

.app-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.6);
    z-index: -1;
    opacity: 0
}

    .app-overlay.is-active {
        opacity: 1 !important;
        z-index: 1000 !important
    }

.container.is-fluid {
    margin: 0 !important
}

.container.is-desktop {
    max-width: 1180px !important
}

.container.sidebar-boxed {
    max-width: 1040px !important
}

.view-wrapper {
    padding: 60px 12px;
    transition: all .3s
}

    .view-wrapper.is-side {
        width: calc(100% - 70px);
        margin-left: 70px
    }

    .view-wrapper.is-full {
        padding: 60px 0 0 0
    }

    .view-wrapper.is-sidebar-v1 {
        position: relative;
        margin-left: 280px;
        width: calc(100% - 280px);
        padding-top: 1.5rem
    }

        .view-wrapper.is-sidebar-v1.is-fold {
            width: 100%;
            margin-left: 0
        }

    .view-wrapper.is-map {
        position: relative;
        top: 57px;
        padding: 0;
        min-height: calc(100vh - 57px)
    }

    .view-wrapper.is-map-pushed {
        position: relative;
        top: 150px;
        padding: 0;
        min-height: calc(100vh - 150px)
    }

    .view-wrapper.is-dashboard {
        position: relative;
        margin-left: 80px;
        width: calc(100% - 80px);
        padding-top: 1.5rem
    }

        .view-wrapper.is-dashboard.is-fold {
            width: 100%;
            margin-left: 0
        }

    .view-wrapper .view-wrap {
        padding: 20px 0
    }

        .view-wrapper .view-wrap.is-headless {
            padding-top: 10px
        }

.navbar-v2-wrapper {
    padding-top: 6rem
}

.inbox-wrapper {
    position: absolute;
    top: 58px;
    left: 0;
    width: 100%;
    height: calc(100% - 58px)
}

#profile {
    padding: 80px 0
}

.main-container {
    width: 100%;
    transition: all .3s
}

    .main-container.has-sidebar {
        width: calc(100% - 300px);
        margin-left: 300px
    }

.columns.no-mb {
    margin-bottom: 0 !important
}

.column.is-paddingless {
    padding: 0
}

.column.no-padding-left {
    padding-left: 0
}

.column.no-padding-right {
    padding-right: 0
}

.card-row {
    display: flex;
    flex-wrap: wrap
}

    .card-row .card-flex {
        width: calc(25% - 16px);
        margin: 8px;
        background: #fff;
        border: 1px solid #dedede;
        border-radius: 6px
    }

.footer-light-medium {
    padding-bottom: 0 !important;
    padding-top: 1rem !important;
    background: #fafafa
}

    .footer-light-medium .footer-head {
        padding-bottom: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid #dedede
    }

        .footer-light-medium .footer-head .head-text h3 {
            font-family: "Montserrat",sans-serif;
            font-size: 1.6rem;
            color: #393a4f
        }

        .footer-light-medium .footer-head .head-text p {
            font-size: 1rem;
            color: #999
        }

        .footer-light-medium .footer-head .head-action .buttons .button.action-button {
            height: 36px;
            min-width: 140px
        }

        .footer-light-medium .footer-head .head-action .buttons .button.chat-button {
            background: transparent;
            border: none;
            outline: none;
            box-shadow: none;
            color: #3d70b2;
            font-weight: 500
        }

    .footer-light-medium .footer-body {
        padding-top: 3rem
    }

        .footer-light-medium .footer-body .footer-column {
            padding-top: 20px
        }

            .footer-light-medium .footer-body .footer-column .column-header {
                font-family: "Montserrat",sans-serif;
                text-transform: uppercase;
                color: #393a4f;
                font-size: .9rem;
                font-weight: 700;
                margin: 10px 0
            }

            .footer-light-medium .footer-body .footer-column .column-item {
                padding-bottom: 10px
            }

                .footer-light-medium .footer-body .footer-column .column-item a {
                    font-size: .9rem;
                    color: #999
                }

                    .footer-light-medium .footer-body .footer-column .column-item a:hover {
                        color: #3d70b2
                    }

        .footer-light-medium .footer-body .social-links {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding: 10px 0
        }

            .footer-light-medium .footer-body .social-links a {
                color: #999;
                margin: 0 5px
            }

                .footer-light-medium .footer-body .social-links a:hover {
                    color: #3d70b2
                }

                .footer-light-medium .footer-body .social-links a svg {
                    height: 18px;
                    width: 18px;
                    stroke-width: 1.4px
                }

        .footer-light-medium .footer-body .footer-description {
            color: #999;
            padding: 10px 0
        }

        .footer-light-medium .footer-body .moto {
            color: #999;
            font-size: .85rem
        }

            .footer-light-medium .footer-body .moto svg {
                height: 14px;
                width: 14px;
                fill: #f71416;
                stroke: #f71416;
                margin: 0 2px
            }

        .footer-light-medium .footer-body .small-footer-logo {
            height: 30px
        }

    .footer-light-medium .footer-copyright {
        color: #999;
        padding: 1rem 0 2rem 0;
        font-size: .9rem
    }

        .footer-light-medium .footer-copyright a {
            color: #999
        }

            .footer-light-medium .footer-copyright a:hover {
                color: #3d70b2
            }

@media only screen and (max-width: 767px) {
    .view-wrapper.is-sidebar-v1, .view-wrapper.is-dashboard {
        margin-left: 0 !important;
        width: 100% !important
    }

    .view-wrap.is-headless {
        padding-top: 10px !important
    }

    .column.no-padding-left {
        padding-left: .75rem
    }

    .column.no-padding-right {
        padding-right: .75rem
    }

    .column.no-side-padding-mobile {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .control.is-grouped {
        margin-bottom: 8px
    }

    .footer-light-medium .footer-head {
        flex-direction: column;
        text-align: center
    }

        .footer-light-medium .footer-head .head-text {
            padding-bottom: 20px
        }

    .footer-light-medium .footer-body {
        padding: 1rem !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .view-wrapper.is-sidebar-v1, .view-wrapper.is-dashboard {
        margin-left: 0 !important;
        width: 100% !important
    }

    .columns.has-portrait-padding {
        padding: 0 40px
    }

    .column.no-padding-left {
        padding-left: .75rem
    }

    .column.no-padding-right {
        padding-right: .75rem
    }

    .footer-light-medium {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

        .footer-light-medium .footer-head {
            padding: 1rem !important
        }

        .footer-light-medium .footer-body {
            display: flex;
            padding: 2rem 1rem !important
        }

            .footer-light-medium .footer-body .column.is-4 {
                width: 42%;
                max-width: 42%;
                flex-shrink: 1
            }

            .footer-light-medium .footer-body .is-offset-2 .columns {
                display: flex !important
            }

        .footer-light-medium .columns .column.is-4 {
            text-align: center
        }

            .footer-light-medium .columns .column.is-4 > div {
                max-width: 430px;
                margin: 20px auto
            }

            .footer-light-medium .columns .column.is-4 .moto {
                margin: 0
            }

        .footer-light-medium .columns .column.is-offset-2 .columns {
            display: flex;
            text-align: center
        }

            .footer-light-medium .columns .column.is-offset-2 .columns .footer-column {
                padding: 0
            }

    .copyright .inner {
        justify-content: center
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .container {
        max-width: 100%
    }

        .container .column {
            padding: .5rem
        }

    .view-wrapper.is-sidebar-v1 {
        margin-left: 250px;
        width: calc(100% - 250px);
        padding-top: 1.5rem
    }

    .view-wrapper.is-dashboard {
        margin-left: 70px;
        width: calc(100% - 70px);
        padding-top: 1.5rem
    }

    .is-hidden-landscape {
        display: none !important
    }
}

@media screen and (min-width: 1297px) {
    .container.is-custom {
        max-width: 1240px;
        width: 1240px
    }
}

@media screen and (min-width: 1088px) {
    .container.is-custom {
        max-width: 1140px;
        width: 1140px
    }
}

@media screen and (max-width: 1300px) {
    #main-feed {
        max-width: 1240px
    }
}

.title.is-thin {
    font-weight: 300
}

.filters-panel {
    position: fixed;
    top: 107px;
    left: 0;
    height: calc(100% - 107px);
    width: 300px;
    background: #fff;
    border-right: 1px solid #e0e0e0;
    transform: translateX(-100%);
    transition: all .3s;
    z-index: 2
}

    .filters-panel.is-active {
        transform: translateX(0)
    }

    .filters-panel .panel-inner {
        position: relative;
        width: 100%
    }

        .filters-panel .panel-inner .panel-title {
            font-family: Montserrat,sans-serif;
            font-size: .9rem;
            font-weight: 600;
            color: #999;
            padding: 20px;
            border-bottom: 1px solid #e8e8e8
        }

        .filters-panel .panel-inner .filter-block {
            padding: 20px;
            border-bottom: 1px solid #e8e8e8
        }

            .filters-panel .panel-inner .filter-block label {
                display: block;
                font-size: .7rem;
                font-weight: 500;
                text-transform: uppercase;
                margin-bottom: 8px;
                color: #393a4f
            }

            .filters-panel .panel-inner .filter-block .age-wrap {
                display: flex;
                align-items: center
            }

                .filters-panel .panel-inner .filter-block .age-wrap .separator {
                    text-align: center;
                    padding: 0 8px;
                    font-size: .7rem;
                    text-transform: uppercase;
                    color: #999
                }

                .filters-panel .panel-inner .filter-block .age-wrap .field {
                    margin-bottom: 0;
                    max-width: 60px
                }

                    .filters-panel .panel-inner .filter-block .age-wrap .field .control input {
                        height: 30px;
                        text-align: center
                    }

                        .filters-panel .panel-inner .filter-block .age-wrap .field .control input:focus {
                            border-color: #757a91
                        }

.navbar-v1 {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 19;
    height: 58px;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    border-bottom: 1px solid #e8e8e8;
    transition: all .3s
}

    .navbar-v1.no-shadow {
        box-shadow: none !important
    }

    .navbar-v1.no-background {
        background: transparent !important;
        border-bottom-color: transparent !important
    }

    .navbar-v1.is-landing {
        height: 70px
    }

        .navbar-v1.is-landing .navbar-brand {
            height: 70px
        }

            .navbar-v1.is-landing .navbar-brand .navbar-item {
                height: 70px
            }

                .navbar-v1.is-landing .navbar-brand .navbar-item .logo {
                    max-height: 44px;
                    width: 100%;
                    max-width: 44px
                }

        .navbar-v1.is-landing .navbar-item a:not(.button) {
            color: #393a4f;
            font-weight: 500
        }

        .navbar-v1.is-landing .navbar-end .button {
            font-size: .95rem;
            height: 46px;
            min-width: 120px
        }

        .navbar-v1.is-landing.no-background .navbar-brand .navbar-burger span {
            background: #fff
        }

        .navbar-v1.is-landing.no-background .navbar-end .navbar-item .button {
            background: transparent;
            border-color: #fcfcfc;
            color: #fcfcfc !important
        }

            .navbar-v1.is-landing.no-background .navbar-end .navbar-item .button:hover {
                border-color: #fff;
                background: #fff;
                color: #393a4f !important;
                opacity: 1 !important
            }

        .navbar-v1.is-landing.no-background .navbar-end .navbar-item a {
            color: #fcfcfc
        }

        .navbar-v1.is-landing.mobile-navbar.no-background .navbar-brand .dark-mobile-logo {
            display: none
        }

        .navbar-v1.is-landing.mobile-navbar.no-background .navbar-brand .light-mobile-logo {
            display: block
        }

        .navbar-v1.is-landing.mobile-navbar .navbar-brand .dark-mobile-logo {
            display: block
        }

        .navbar-v1.is-landing.mobile-navbar .navbar-brand .light-mobile-logo {
            display: none
        }

    .navbar-v1.is-side {
        width: calc(100% - 70px);
        margin-left: 70px
    }

    .navbar-v1 .container.is-fluid {
        padding: 0
    }

    .navbar-v1 .navbar-brand {
        height: 58px;
        margin-left: 0 !important;
        margin-right: 20px
    }

        .navbar-v1 .navbar-brand.is-fluid {
            margin-right: 0;
            margin-left: 10px !important
        }

        .navbar-v1 .navbar-brand.is-title {
            display: flex;
            align-items: center
        }

            .navbar-v1 .navbar-brand.is-title h2 {
                margin-left: 20px;
                color: #393a4f;
                font-family: "Roboto",sans-serif;
                font-size: 1.1rem;
                font-weight: 600
            }

        .navbar-v1 .navbar-brand .navbar-item {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 58px;
            min-width: 58px
        }

            .navbar-v1 .navbar-brand .navbar-item .logo {
                max-height: 38px;
                /*max-width: 38px*/
            }

            .navbar-v1 .navbar-brand .navbar-item .user-image img {
                max-height: 42px;
                max-width: 42px
            }

            .navbar-v1 .navbar-brand .navbar-item:hover {
                background: #3d70b2 !important
            }

    .navbar-v1 .navbar-menu {
        margin-right: 0 !important
    }

    .navbar-v1 .navbar-item {
        position: relative
    }

        .navbar-v1 .navbar-item .action-button {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 36px;
            max-width: 36px;
            height: 36px;
            min-height: 36px;
            border-radius: 50%;
            padding: 0;
            display: none
        }

            .navbar-v1 .navbar-item .action-button svg {
                height: 16px;
                width: 16px
            }

    .navbar-v1 .control {
        position: relative
    }

        .navbar-v1 .control .input, .forums-header .input {
            position: relative;
            height: 38px;
            width: 320px;
            padding-right: 85px;
            padding-left: 38px;
            padding-bottom: 8px;
            background: #f7f7f7;
            border-color: #f7f7f7;
            transition: all .4s;
            z-index: 1
        }
        .forums-header .input{
            width: 100%;
        }

            .navbar-v1 .control .input:focus {
                background: #fff;
                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important;
                border-color: #e3e3e3
            }

            .navbar-v1 .control .input:not(:valid) ~ .reset-search, .forums-header .input:not(:valid) ~ .reset-search {
                opacity: 0;
                pointer-events: none
            }

            .navbar-v1 .control .input:focus ~ .search-icon svg {
                stroke: #999 !important
            }

        .navbar-v1 .control .reset-search, .forums-header .reset-search {
            position: absolute;
            top: 0;
            right: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 38px;
            width: 38px;
            opacity: 1;
            pointer-events: all;
            transition: all .3s;
            z-index: 1;
            cursor: pointer
        }

            .navbar-v1 .control .reset-search svg, .forums-header .reset-search svg{
                height: 18px;
                width: 18px;
                stroke: #999
            }

        .navbar-v1 .control .search-icon, .forums-header .search-icon {
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 38px;
            width: 38px;
            z-index: 1
        }

            .navbar-v1 .control .search-icon svg, .forums-header .search-icon svg {
                height: 20px;
                width: 20px;
                stroke: #cecece;
                transition: all .3s
            }

.explorer-menu {
    position: fixed;
    top: 58px;
    left: 0;
    width: 100%;
    height: calc(100% - 58px);
    background: #fff;
    opacity: 0;
    z-index: -1;
    transform: translateY(60px);
    transition: opacity .4s,transform .4s
}

    .explorer-menu.is-active {
        transform: translateY(0);
        opacity: 1;
        z-index: 11
    }

    .explorer-menu .explorer-inner {
        position: relative;
        height: 100%;
        width: 100%
    }

        .explorer-menu .explorer-inner .explorer-container {
            max-width: 840px;
            margin: 0 auto
        }

        .explorer-menu .explorer-inner .explorer-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px 0
        }

            .explorer-menu .explorer-inner .explorer-header h3 {
                font-family: Montserrat,sans-serif;
                font-weight: bold;
                font-size: 1.2rem;
                color: #393a4f
            }

            .explorer-menu .explorer-inner .explorer-header .control {
                position: relative
            }

                .explorer-menu .explorer-inner .explorer-header .control input {
                    padding-right: 40px
                }

                    .explorer-menu .explorer-inner .explorer-header .control input:focus + .form-icon svg {
                        stroke: #3d70b2
                    }

                .explorer-menu .explorer-inner .explorer-header .control .form-icon {
                    position: absolute;
                    top: 0;
                    right: 4px;
                    height: 36px;
                    width: 36px;
                    display: flex;
                    justify-content: center;
                    align-items: center
                }

                    .explorer-menu .explorer-inner .explorer-header .control .form-icon svg {
                        height: 16px;
                        width: 16px;
                        stroke: #cecece;
                        transition: stroke .3s
                    }

        .explorer-menu .explorer-inner .explore-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap
        }

            .explorer-menu .explorer-inner .explore-list .explore-item {
                text-align: center;
                width: calc(20% - 16px);
                margin: 8px;
                padding: 20px 0;
                border: 1px solid transparent;
                border-radius: 8px;
                transition: all .3s;
                cursor: pointer
            }

                .explorer-menu .explorer-inner .explore-list .explore-item:hover {
                    border-color: #e8e8e8;
                    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                }

                    .explorer-menu .explorer-inner .explore-list .explore-item:hover img {
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                    }

                .explorer-menu .explorer-inner .explore-list .explore-item.is-coming-soon img {
                    filter: grayscale(0.9)
                }

                .explorer-menu .explorer-inner .explore-list .explore-item img {
                    display: block;
                    height: 60px;
                    width: 60px;
                    border-radius: 50%;
                    margin: 0 auto;
                    transition: all .3s
                }

                .explorer-menu .explorer-inner .explore-list .explore-item h4 {
                    font-family: Montserrat,sans-serif;
                    font-weight: 600;
                    font-size: .9rem;
                    color: #393a4f;
                    margin-top: 6px
                }

                .explorer-menu .explorer-inner .explore-list .explore-item .coming-soon {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: #f5f5f5;
                    color: #393a4f;
                    font-size: .8rem;
                    font-weight: 500;
                    line-height: 1;
                    max-width: 96px;
                    padding: 4px 8px;
                    border-radius: 100px;
                    margin: 0 auto;
                    position: relative;
                    top: 3px
                }

@media(max-width: 767px) {
    .explorer-menu .explorer-container {
        padding: 0 20px
    }

        .explorer-menu .explorer-container .explorer-header .control {
            max-width: 200px
        }

        .explorer-menu .explorer-container .explore-list {
            max-height: calc(100vh - 150px);
            overflow-y: auto
        }

            .explorer-menu .explorer-container .explore-list .explore-item {
                padding: 4px 0;
                width: calc(33.3% - 16px)
            }

                .explorer-menu .explorer-container .explore-list .explore-item img {
                    height: 50px;
                    width: 50px
                }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .explorer-menu .explorer-container .explorer-header {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .explorer-menu .explorer-container .explorer-header {
        padding-left: 40px;
        padding-right: 40px
    }
}

.options-nav {
    position: fixed;
    top: 58px;
    left: 0;
    width: 100%;
    height: 50px;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    z-index: 5;
    transition: all .3s
}

    .options-nav.no-shadow {
        box-shadow: none
    }

    .options-nav .nav-inner {
        display: flex
    }

        .options-nav .nav-inner.is-friends .option-tabs, .options-nav .nav-inner.is-events .option-tabs {
            position: relative;
            display: flex;
            width: 500px
        }

            .options-nav .nav-inner.is-friends .option-tabs .option-tab, .options-nav .nav-inner.is-events .option-tabs .option-tab {
                height: 50px;
                width: 33.3%;
                display: flex;
                align-items: center;
                justify-content: center
            }

                .options-nav .nav-inner.is-friends .option-tabs .option-tab.is-active span, .options-nav .nav-inner.is-events .option-tabs .option-tab.is-active span {
                    font-weight: 500;
                    color: #393a4f
                }

                .options-nav .nav-inner.is-friends .option-tabs .option-tab.is-active:first-child ~ .option-naver, .options-nav .nav-inner.is-events .option-tabs .option-tab.is-active:first-child ~ .option-naver {
                    margin-left: 0
                }

                .options-nav .nav-inner.is-friends .option-tabs .option-tab.is-active:nth-child(2) ~ .option-naver, .options-nav .nav-inner.is-events .option-tabs .option-tab.is-active:nth-child(2) ~ .option-naver {
                    margin-left: 33.3%
                }

                .options-nav .nav-inner.is-friends .option-tabs .option-tab.is-active:nth-child(3) ~ .option-naver, .options-nav .nav-inner.is-events .option-tabs .option-tab.is-active:nth-child(3) ~ .option-naver {
                    margin-left: 66.6%
                }

                .options-nav .nav-inner.is-friends .option-tabs .option-tab span, .options-nav .nav-inner.is-events .option-tabs .option-tab span {
                    display: block;
                    color: #cecece;
                    font-family: Roboto,sans-serif;
                    font-size: .9rem
                }

            .options-nav .nav-inner.is-friends .option-tabs .option-naver, .options-nav .nav-inner.is-events .option-tabs .option-naver {
                position: absolute;
                bottom: 0;
                left: 0;
                height: 2.6px;
                width: 33.3%;
                border-radius: 4px;
                background: #393a4f;
                transition: all .3s
            }

        .options-nav .nav-inner.is-friends .end-group, .options-nav .nav-inner.is-events .end-group {
            position: relative;
            display: flex;
            justify-content: flex-end;
            margin-left: auto
        }

            .options-nav .nav-inner.is-friends .end-group .is-icon, .options-nav .nav-inner.is-events .end-group .is-icon {
                border-left: 1px solid #e0e0e0
            }

                .options-nav .nav-inner.is-friends .end-group .is-icon svg, .options-nav .nav-inner.is-events .end-group .is-icon svg {
                    stroke: #999
                }

            .options-nav .nav-inner.is-friends .end-group .is-friend-count, .options-nav .nav-inner.is-events .end-group .is-friend-count {
                padding: 0 20px;
                color: #999;
                font-family: Roboto,sans-serif;
                font-size: .95rem
            }

        .options-nav .nav-inner .nav-item {
            height: 50px;
            display: flex;
            align-items: center
        }

            .options-nav .nav-inner .nav-item.is-page-title {
                padding: 0 20px;
                border-left: 1px solid #e0e0e0;
                border-right: 1px solid #e0e0e0
            }

                .options-nav .nav-inner .nav-item.is-page-title h2 {
                    font-family: Montserrat,sans-serif;
                    font-weight: bold;
                    font-size: 1rem;
                    color: #393a4f
                }

            .options-nav .nav-inner .nav-item.is-icon {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 50px
            }

                .options-nav .nav-inner .nav-item.is-icon svg {
                    height: 18px;
                    width: 18px;
                    stroke: #999
                }

            .options-nav .nav-inner .nav-item.is-search {
                border-left: 1px solid #e0e0e0;
                width: 280px
            }

                .options-nav .nav-inner .nav-item.is-search .control {
                    padding: 0 16px;
                    width: 100%
                }

                    .options-nav .nav-inner .nav-item.is-search .control input {
                        border: none
                    }

.mobile-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    transition: all .3s
}

    .mobile-navbar.is-active {
        transform: translateY(0)
    }

    .mobile-navbar.is-landing.no-background {
        background: transparent
    }

        .mobile-navbar.is-landing.no-background .dark-mobile-logo {
            display: none !important
        }

        .mobile-navbar.is-landing.no-background .navbar-burger span {
            background: #fff !important
        }

    .mobile-navbar.is-landing.no-shadow {
        box-shadow: none
    }

    .mobile-navbar .navbar-brand {
        margin-right: 0
    }

        .mobile-navbar .navbar-brand .navbar-item:hover {
            background: transparent !important
        }

        .mobile-navbar .navbar-brand img {
            height: 34px;
            max-height: 34px;
            animation: pulse 1s infinite
        }

        .mobile-navbar .navbar-brand .navbar-burger span {
            height: 1.5px;
            transition: all .3s
        }

    .mobile-navbar .navbar-link {
        padding-right: 12px !important
    }

    .mobile-navbar .navbar-item {
        min-width: unset !important
    }

        .mobile-navbar .navbar-item:hover {
            background: transparent !important
        }

        .mobile-navbar .navbar-item.has-dropdown .navbar-link:after {
            border-color: #ddd
        }

        .mobile-navbar .navbar-item.is-mobile-icon span:not(.menu-badge) {
            display: flex;
            align-items: center
        }

            .mobile-navbar .navbar-item.is-mobile-icon span:not(.menu-badge) svg {
                height: 18px;
                width: 18px;
                stroke: #cecece;
                margin-right: 8px
            }

    .mobile-navbar .navbar-burger {
        height: 58px;
        width: 58px
    }

        .mobile-navbar .navbar-burger:hover {
            background-color: rgba(0,0,0,.02)
        }

        .mobile-navbar .navbar-burger span {
            background-color: #999
        }

    .mobile-navbar .navbar-menu {
        background: #fafafa
    }

        .mobile-navbar .navbar-menu .button {
            padding: 0;
            height: 36px;
            width: 100px
        }

        .mobile-navbar .navbar-menu .navbar-link {
            color: #393a4f;
            font-weight: 600
        }

        .mobile-navbar .navbar-menu .navbar-item {
            color: #999
        }

        .mobile-navbar .navbar-menu .navbar-link {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            border-bottom: 1px solid #e8e8e8
        }

            .mobile-navbar .navbar-menu .navbar-link img {
                height: 38px;
                width: 38px;
                max-height: 38px !important;
                border-radius: 50%
            }

            .mobile-navbar .navbar-menu .navbar-link svg {
                height: 20px;
                width: 20px;
                stroke-width: 1.2px;
                stroke: #3d70b2
            }

            .mobile-navbar .navbar-menu .navbar-link span {
                margin: 0 10px
            }

                .mobile-navbar .navbar-menu .navbar-link span.is-heading {
                    font-size: 11px;
                    letter-spacing: 1px;
                    font-weight: 400;
                    text-transform: uppercase
                }

        .mobile-navbar .navbar-menu .navbar-dropdown .menu-badge {
            margin-left: auto;
            height: 22px;
            font-size: .8rem;
            font-weight: 500;
            padding: 3px 6px;
            line-height: 1.3;
            min-width: 22px;
            text-align: center;
            border-radius: 100px;
            background: #f0f0f0;
            color: #393a4f
        }

        .mobile-navbar .navbar-menu .navbar-dropdown .button {
            height: 40px;
            display: block;
            width: calc(100% - 32px);
            font-size: .95rem;
            line-height: 2.3;
            margin: 8px 16px
        }

        .mobile-navbar .navbar-menu .navbar-dropdown .navbar-item {
            font-size: .9rem;
            padding: .75rem 1.5rem !important
        }

            .mobile-navbar .navbar-menu .navbar-dropdown .navbar-item.is-active, .mobile-navbar .navbar-menu .navbar-dropdown .navbar-item:hover {
                background: #475a78
            }

    .mobile-navbar .mobile-search {
        height: 58px;
        display: flex;
        align-items: center;
        padding: 0 1rem
    }

        .mobile-navbar .mobile-search .control {
            position: relative;
            width: 100%
        }

            .mobile-navbar .mobile-search .control .input {
                width: 100%
            }

                .mobile-navbar .mobile-search .control .input:focus + .form-icon {
                    color: #3d70b2
                }

            .mobile-navbar .mobile-search .control .form-icon {
                position: absolute;
                top: 0;
                left: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 38px;
                width: 38px;
                z-index: 2;
                color: #cecece;
                transition: color .3s
            }

                .mobile-navbar .mobile-search .control .form-icon svg {
                    height: 20px;
                    width: 20px;
                    transition: stroke .3s
                }

            .mobile-navbar .mobile-search .control .close-icon {
                position: absolute;
                top: 0;
                right: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 38px;
                width: 38px;
                z-index: 2;
                color: #393a4f;
                transition: color .3s
            }

                .mobile-navbar .mobile-search .control .close-icon svg {
                    height: 20px;
                    width: 20px;
                    transition: stroke .3s
                }

        .mobile-navbar .mobile-search .tipue-drop-content {
            position: absolute;
            top: 62px;
            width: 100%
        }

@media(max-width: 767px) {
    .mobile-navbar .nav-drop {
        position: fixed !important;
        top: 58px !important;
        left: 10px !important;
        right: initial !important;
        width: calc(100% - 20px) !important
    }

        .mobile-navbar .nav-drop:before, .mobile-navbar .nav-drop:after {
            left: 50% !important;
            right: initial !important
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .mobile-navbar .navbar-brand .navbar-item:nth-child(2) {
        margin-left: auto !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .mobile-navbar .navbar-brand .navbar-item:nth-child(2) {
        margin-left: auto !important
    }
}

.navbar-v2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 19
}

    .navbar-v2 .top-nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 80px;
        width: 100%;
        background: #fff;
        padding: 0 1.5rem;
        border-bottom: 1px solid #e8e8e8
    }

        .navbar-v2 .top-nav .left {
            display: flex;
            align-items: center
        }

            .navbar-v2 .top-nav .left .brand .navbar-logo {
                display: block;
                border-right: 1px solid #e0e0e0
            }

                .navbar-v2 .top-nav .left .brand .navbar-logo img {
                    height: 46px;
                    width: 46px;
                    min-width: 46px;
                    margin-right: 1rem
                }

            .navbar-v2 .top-nav .left .control {
                position: relative;
                margin-left: 1rem
            }

                .navbar-v2 .top-nav .left .control .input {
                    position: relative;
                    height: 38px;
                    width: 320px;
                    padding-right: 85px;
                    padding-left: 38px;
                    padding-bottom: 8px;
                    background: #f7f7f7;
                    border-color: #f7f7f7;
                    transition: all .4s;
                    z-index: 1
                }

                    .navbar-v2 .top-nav .left .control .input:focus {
                        background: #fff;
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important;
                        border-color: #e3e3e3
                    }

                    .navbar-v2 .top-nav .left .control .input:not(:valid) ~ .reset-search {
                        opacity: 0;
                        pointer-events: none
                    }

                    .navbar-v2 .top-nav .left .control .input:focus ~ .search-icon svg {
                        stroke: #999 !important
                    }

                .navbar-v2 .top-nav .left .control .reset-search {
                    position: absolute;
                    top: 0;
                    right: 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 38px;
                    width: 38px;
                    opacity: 1;
                    pointer-events: all;
                    transition: all .3s;
                    z-index: 1;
                    cursor: pointer
                }

                    .navbar-v2 .top-nav .left .control .reset-search svg {
                        height: 18px;
                        width: 18px;
                        stroke: #999
                    }

                .navbar-v2 .top-nav .left .control .search-icon {
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 38px;
                    width: 38px;
                    z-index: 1
                }

                    .navbar-v2 .top-nav .left .control .search-icon svg {
                        height: 20px;
                        width: 20px;
                        stroke: #cecece;
                        transition: all .3s
                    }

        .navbar-v2 .top-nav .right {
            display: flex;
            align-items: center;
            justify-content: flex-end
        }

        .navbar-v2 .top-nav .mobile-search {
            height: 58px;
            display: flex;
            align-items: center;
            padding: 0 1rem;
            width: 100%
        }

            .navbar-v2 .top-nav .mobile-search .control {
                position: relative;
                width: 100%
            }

                .navbar-v2 .top-nav .mobile-search .control .input {
                    width: 100%;
                    height: 42px;
                    padding-left: 42px
                }

                    .navbar-v2 .top-nav .mobile-search .control .input:focus {
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
                        border-color: #e0e0e0
                    }

                        .navbar-v2 .top-nav .mobile-search .control .input:focus + .form-icon {
                            color: #3d70b2
                        }

                .navbar-v2 .top-nav .mobile-search .control .form-icon {
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 42px;
                    width: 42px;
                    z-index: 2;
                    color: #cecece;
                    transition: color .3s
                }

                    .navbar-v2 .top-nav .mobile-search .control .form-icon svg {
                        height: 20px;
                        width: 20px;
                        transition: stroke .3s
                    }

                .navbar-v2 .top-nav .mobile-search .control .close-icon {
                    position: absolute;
                    top: 0;
                    right: 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 42px;
                    width: 42px;
                    z-index: 2;
                    color: #393a4f;
                    transition: color .3s
                }

                    .navbar-v2 .top-nav .mobile-search .control .close-icon svg {
                        height: 20px;
                        width: 20px;
                        transition: stroke .3s
                    }

            .navbar-v2 .top-nav .mobile-search .tipue-drop-content {
                position: absolute;
                top: 62px;
                width: 100%
            }

    .navbar-v2 .sub-nav {
        position: relative;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        height: 70px;
        width: 100%;
        background: #f2f2f2;
        box-shadow: 0px 5px 25px 0px rgba(0,0,0,.09);
        padding: 0 1.5rem;
        border-bottom: 1px solid #e8e8e8;
        z-index: 0
    }

        .navbar-v2 .sub-nav .sub-nav-tabs {
            width: 100%;
            max-width: 640px
        }

            .navbar-v2 .sub-nav .sub-nav-tabs .tabs ul {
                border: none
            }

                .navbar-v2 .sub-nav .sub-nav-tabs .tabs ul li {
                    margin: 0 .5rem
                }

                    .navbar-v2 .sub-nav .sub-nav-tabs .tabs ul li:not(.is-active) a {
                        border-color: transparent;
                        color: #a2a5b9
                    }

                    .navbar-v2 .sub-nav .sub-nav-tabs .tabs ul li.is-active a {
                        font-weight: 500;
                        color: #3d70b2;
                        border-color: #3d70b2
                    }

                    .navbar-v2 .sub-nav .sub-nav-tabs .tabs ul li a {
                        font-family: "Roboto",sans-serif;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        padding-top: 0;
                        padding-bottom: 0;
                        height: 70px;
                        border-width: 4px
                    }

@media only screen and (max-width: 767px) {
    .navbar-v2 .top-nav {
        padding: 0 10px
    }

        .navbar-v2 .top-nav .left .brand .navbar-logo {
            border: none
        }

            .navbar-v2 .top-nav .left .brand .navbar-logo img {
                height: 36px;
                width: 36px;
                min-width: 36px;
                margin-right: 0
            }

        .navbar-v2 .top-nav .left .control {
            display: none
        }

    .navbar-v2 .sub-nav {
        padding: 0
    }
}

.sidebar-v1 {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 280px;
    background: #fff;
    border-right: 1px solid #e3e3e3;
    box-shadow: 0px 5px 25px 0px rgba(0,0,0,.09);
    z-index: 10;
    transition: transform .3s
}

    .sidebar-v1.is-fold {
        transform: translate(-100%)
    }

    .sidebar-v1 .top-section {
        position: relative;
        height: 40%;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 2rem 2rem 1rem 2rem
    }

        .sidebar-v1 .top-section .close-button {
            position: absolute;
            top: 10px;
            right: 12px;
            display: none;
            align-items: center;
            justify-content: center;
            height: 38px;
            width: 38px;
            background: none;
            border: none;
            outline: none
        }

        .sidebar-v1 .top-section .field {
            margin-bottom: 0
        }

            .sidebar-v1 .top-section .field .control {
                position: relative;
                width: 100%
            }

                .sidebar-v1 .top-section .field .control .input {
                    width: 100%;
                    height: 42px;
                    border-radius: .5rem;
                    padding-left: 42px;
                    background: #f7f7f7;
                    border-color: #f7f7f7
                }

                    .sidebar-v1 .top-section .field .control .input:focus {
                        background: #fff;
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important;
                        border-color: #e3e3e3
                    }

                        .sidebar-v1 .top-section .field .control .input:focus + .form-icon {
                            color: #3d70b2
                        }

                .sidebar-v1 .top-section .field .control .form-icon {
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 42px;
                    width: 42px;
                    z-index: 2;
                    color: #cecece;
                    transition: color .3s
                }

                    .sidebar-v1 .top-section .field .control .form-icon svg {
                        height: 20px;
                        width: 20px;
                        transition: stroke .3s
                    }

        .sidebar-v1 .top-section .user-block .avatar {
            display: block;
            height: 70px;
            width: 70px;
            border-radius: 50%;
            margin-bottom: 1rem
        }

        .sidebar-v1 .top-section .user-block .meta span {
            display: block
        }

            .sidebar-v1 .top-section .user-block .meta span:first-child {
                font-family: "Montserrat",sans-serif;
                font-weight: 700;
                font-size: 1.25rem;
                color: #393a4f
            }

            .sidebar-v1 .top-section .user-block .meta span:nth-child(2) {
                font-family: "Roboto",sans-serif;
                font-size: .9rem;
                color: #a2a5b9
            }

    .sidebar-v1 .bottom-section {
        position: relative;
        height: 60%;
        width: 100%;
        padding: 2rem 0 3rem 0
    }

        .sidebar-v1 .bottom-section ul:not(:last-child) {
            padding-bottom: 3rem
        }

        .sidebar-v1 .bottom-section ul li {
            transition: background-color .3s
        }

            .sidebar-v1 .bottom-section ul li:hover {
                background: #f2f2f2
            }

            .sidebar-v1 .bottom-section ul li a {
                display: flex;
                align-items: center;
                padding: .75rem 2rem;
                border-left: 5px solid transparent;
                color: #393a4f
            }

                .sidebar-v1 .bottom-section ul li a.is-active {
                    border-color: #3d70b2;
                    font-weight: 500;
                    color: #3d70b2
                }

                    .sidebar-v1 .bottom-section ul li a.is-active svg {
                        stroke: #3d70b2
                    }

                .sidebar-v1 .bottom-section ul li a span {
                    font-family: "Roboto",sans-serif;
                    font-size: .9rem
                }

                .sidebar-v1 .bottom-section ul li a svg {
                    height: 18px;
                    width: 18px;
                    margin-right: 1rem;
                    stroke: #a2a5b9
                }

@media only screen and (max-width: 767px) {
    .sidebar-v1 .top-section {
        padding-top: 4rem
    }

        .sidebar-v1 .top-section .close-button {
            display: flex
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .sidebar-v1 .top-section {
        padding-top: 4rem
    }

        .sidebar-v1 .top-section .close-button {
            display: flex
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .sidebar-v1 {
        width: 250px
    }

        .sidebar-v1 .top-section {
            padding-left: 2rem;
            padding-right: 2rem
        }

        .sidebar-v1 .bottom-section ul li a {
            padding-left: 2rem;
            padding-right: 2rem
        }
}

.dashboard-aside {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 80px;
    background: #fff;
    border-right: 1px solid #e3e3e3;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
    z-index: 10;
    transition: transform .3s
}

    .dashboard-aside .dashboard-aside-brand {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px
    }

        .dashboard-aside .dashboard-aside-brand .logo {
            max-width: 40px
        }

    .dashboard-aside .dashboard-aside-end {
        margin-top: auto
    }

    .dashboard-aside .dashboard-aside-link {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 80px;
        text-align: center;
        color: #a2a5b9
    }

        .dashboard-aside .dashboard-aside-link.is-active {
            color: #3d70b2
        }

        .dashboard-aside .dashboard-aside-link svg {
            height: 18px;
            width: 18px
        }

        .dashboard-aside .dashboard-aside-link span {
            display: block;
            font-family: "Roboto",sans-serif;
            font-size: .6rem;
            text-transform: uppercase
        }

        .dashboard-aside .dashboard-aside-link .link-avatar {
            display: block;
            height: 40px;
            width: 40px;
            border-radius: 50%
        }

@media only screen and (max-width: 767px) {
    .dashboard-aside {
        flex-direction: row;
        width: 100%;
        height: 70px
    }

        .dashboard-aside .dashboard-aside-brand {
            height: 70px;
            width: 60px
        }

        .dashboard-aside .dashboard-aside-body {
            display: flex;
            flex-grow: 2;
            display: flex;
            justify-content: center
        }

        .dashboard-aside .dashboard-aside-link {
            height: 70px;
            width: 60px
        }

        .dashboard-aside .dashboard-aside-end {
            height: 70px;
            width: 60px
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .dashboard-aside {
        flex-direction: row;
        width: 100%;
        height: 60px
    }

        .dashboard-aside .dashboard-aside-brand {
            height: 60px;
            width: 60px
        }

        .dashboard-aside .dashboard-aside-body {
            display: flex;
            flex-grow: 2;
            display: flex;
            justify-content: center
        }

        .dashboard-aside .dashboard-aside-link {
            height: 60px;
            width: 60px
        }

        .dashboard-aside .dashboard-aside-end {
            height: 60px;
            width: 60px
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .dashboard-aside {
        width: 60px
    }
}

.toolbar-v1 {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto 1.5rem auto;
    z-index: 9
}

    .toolbar-v1.is-narrow {
        margin: 0 auto
    }

    .toolbar-v1 .friendkit-hamburger {
        margin-right: 1rem
    }

    .toolbar-v1 h1 {
        font-family: "Montserrat",sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        color: #393a4f
    }

    .toolbar-v1 .controls {
        margin-left: auto;
        display: flex;
        align-items: center
    }

.toolbar-v1-fixed-wrap {
    position: fixed;
    top: 10px;
    left: 0;
    width: 100%;
    margin-left: 280px;
    width: calc(100% - 280px);
    padding-left: 2rem;
    padding-right: 2rem;
    transform: translateY(-100%) translateY(-15px);
    opacity: 0;
    transition: all .3s;
    z-index: 9
}

    .toolbar-v1-fixed-wrap.is-fold {
        width: 100%;
        margin-left: 0
    }

    .toolbar-v1-fixed-wrap.is-active {
        transform: translateY(0);
        opacity: 1
    }

    .toolbar-v1-fixed-wrap .toolbar-v1 {
        background: #fff;
        padding: .5rem 1.5rem;
        border-radius: 1rem;
        border: 1px solid #e0e0e0;
        box-shadow: 0px 5px 25px 0px rgba(0,0,0,.09);
        max-width: 940px
    }

        .toolbar-v1-fixed-wrap .toolbar-v1 h1 {
            font-size: 1.25rem
        }

@media only screen and (max-width: 767px) {
    .toolbar-v1-fixed-wrap {
        padding-left: .25rem;
        padding-right: .25rem;
        width: 100% !important;
        margin-left: 0 !important
    }

    .toolbar-v1 h1 {
        display: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .toolbar-v1-fixed-wrap {
        padding-left: 2rem;
        padding-right: 2rem;
        width: 100% !important;
        margin-left: 0 !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .toolbar-v1-fixed-wrap {
        margin-left: 250px;
        width: calc(100% - 250px);
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.navbar-item.is-account {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer
}

    .navbar-item.is-account .user-image {
        position: relative;
        max-height: 38px
    }

        .navbar-item.is-account .user-image .indicator {
            display: block;
            position: absolute;
            top: 0px;
            right: 0px;
            height: 10px;
            width: 10px;
            border-radius: 50%;
            border: 1.4px solid #fff;
            background: #41d6c3
        }

    .navbar-item.is-account img {
        height: 38px;
        width: 38px;
        max-height: 38px;
        border-radius: 50%;
        object-fit: cover
    }

    .navbar-item.is-account.is-busy .indicator {
        background: #ff533d
    }

    .navbar-item.is-account.is-opened .account-caret svg {
        transform: rotate(180deg)
    }

.navbar-item.is-cart .cart-button {
    position: relative;
    height: 36px;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

    .navbar-item.is-cart .cart-button svg {
        height: 20px;
        width: 20px;
        stroke: #6f7592;
        stroke-width: 1.4px
    }

    .navbar-item.is-cart .cart-button .cart-count {
        position: absolute;
        top: 0;
        right: 0;
        height: 12px;
        min-width: 12px;
        background: #3d70b2;
        border: 2px solid #fff;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .navbar-item.is-cart .cart-button .cart-count span {
            display: block;
            font-size: .55rem;
            color: #fafafa;
            padding: 0 5px;
            font-weight: 500
        }

.navbar-item.is-cart .shopping-cart {
    position: absolute;
    top: 60px;
    right: -10px;
    background: #fff;
    width: 320px;
    border-radius: 3px;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
    border: 1px solid #e0e0e0;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: transform .3s,opacity .3s;
    z-index: 1
}

    .navbar-item.is-cart .shopping-cart.is-active {
        opacity: 1;
        transform: translateY(0);
        pointer-events: all
    }

    .navbar-item.is-cart .shopping-cart:after {
        bottom: 100%;
        left: 89%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #fff;
        border-width: 8px;
        margin-left: -8px;
        z-index: 1
    }

    .navbar-item.is-cart .shopping-cart:before {
        bottom: 100%;
        left: 89%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #e8e8e8;
        border-width: 10px;
        margin-left: -10px;
        z-index: 0
    }

    .navbar-item.is-cart .shopping-cart .cart-inner {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 20px
    }

        .navbar-item.is-cart .shopping-cart .cart-inner .navbar-cart-loader {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            pointer-events: none;
            z-index: 1;
            transition: all .3s
        }

            .navbar-item.is-cart .shopping-cart .cart-inner .navbar-cart-loader.is-active {
                opacity: 1
            }

            .navbar-item.is-cart .shopping-cart .cart-inner .navbar-cart-loader .loader {
                height: 3.5rem;
                width: 3.5rem
            }

    .navbar-item.is-cart .shopping-cart .button {
        background: #3d70b2;
        border-color: #3d70b2;
        color: #fff;
        font-weight: 400;
        text-align: center;
        text-decoration: none;
        display: block;
        border-radius: 3px;
        font-size: .9rem;
        margin: 20px 0 0 0;
        line-height: 0
    }

        .navbar-item.is-cart .shopping-cart .button:hover {
            background: #629ee8;
            box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
        }

    .navbar-item.is-cart .shopping-cart .shopping-cart-header {
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 15px
    }

        .navbar-item.is-cart .shopping-cart .shopping-cart-header .cart-link {
            font-size: .75rem;
            color: #999;
            padding: 7px 10px;
            border: 1px solid #e8e8e8;
            border-radius: 100px;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
            transition: all .3s
        }

            .navbar-item.is-cart .shopping-cart .shopping-cart-header .cart-link:hover {
                border-color: #3d70b2;
                color: #3d70b2
            }

        .navbar-item.is-cart .shopping-cart .shopping-cart-header .shopping-cart-total {
            float: right
        }

            .navbar-item.is-cart .shopping-cart .shopping-cart-header .shopping-cart-total span:first-child {
                color: #a2a5b9;
                font-size: .9rem
            }

            .navbar-item.is-cart .shopping-cart .shopping-cart-header .shopping-cart-total span:nth-child(2) {
                color: #393a4f;
                font-weight: 500
            }

    .navbar-item.is-cart .shopping-cart .shopping-cart-items {
        padding-top: 20px
    }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items .cart-row {
            display: flex;
            align-items: center
        }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items li {
            margin-bottom: 6px;
            padding-bottom: 12px;
            border-bottom: 1px solid #e8e8e8
        }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items img {
            display: block;
            height: 54px;
            width: 54px;
            min-width: 54px;
            min-height: 54px;
            margin-right: 12px
        }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items .meta-info {
            position: relative;
            top: -4px
        }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items .item-name {
            display: block;
            padding-top: 10px;
            font-size: .9rem;
            font-weight: 600;
            color: #393a4f;
            font-family: "Open Sans",sans-serif
        }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items .item-price {
            color: #6f7592;
            margin-right: 8px;
            font-size: .8rem;
            line-height: 1
        }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items .item-quantity {
            color: #a2a5b9;
            font-size: .8rem;
            line-height: 1
        }

.navbar-item.is-cart .clearfix:after {
    content: "";
    display: table;
    clear: both
}

.navbar-item.is-icon {
    padding-left: 6px !important;
    padding-right: 6px !important
}

    .navbar-item.is-icon .icon-link {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 38px;
        height: 38px;
        border-radius: 8px;
        transition: all .3s
    }

        .navbar-item.is-icon .icon-link.is-bold:hover, .navbar-item.is-icon .icon-link.is-bold.is-active {
            background: #3a86e2;
            box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
        }

            .navbar-item.is-icon .icon-link.is-bold:hover svg, .navbar-item.is-icon .icon-link.is-bold.is-active svg {
                stroke: #fafafa
            }

            .navbar-item.is-icon .icon-link.is-bold:hover .mdi, .navbar-item.is-icon .icon-link.is-bold.is-active .mdi {
                color: #fafafa
            }

        .navbar-item.is-icon .icon-link:hover, .navbar-item.is-icon .icon-link.is-active {
            background: #6ba4e9;
            box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
        }

            .navbar-item.is-icon .icon-link:hover svg, .navbar-item.is-icon .icon-link.is-active svg {
                stroke: #fafafa
            }

            .navbar-item.is-icon .icon-link:hover .mdi, .navbar-item.is-icon .icon-link.is-active .mdi {
                color: #fafafa
            }

        .navbar-item.is-icon .icon-link.is-primary:hover, .navbar-item.is-icon .icon-link.is-primary.is-active {
            background: #3d70b2;
            box-shadow: 0 14px 26px -12px rgba(61,112,178,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(61,112,178,.2) !important
        }

            .navbar-item.is-icon .icon-link.is-primary:hover svg, .navbar-item.is-icon .icon-link.is-primary.is-active svg {
                stroke: #fff
            }

            .navbar-item.is-icon .icon-link.is-primary:hover .mdi, .navbar-item.is-icon .icon-link.is-primary.is-active .mdi {
                color: #fafafa
            }

        .navbar-item.is-icon .icon-link.is-primary.is-friends:hover svg, .navbar-item.is-icon .icon-link.is-primary.is-friends.is-active svg {
            fill: #fff;
            animation: pulse 1s infinite
        }

        .navbar-item.is-icon .icon-link.is-secondary:hover, .navbar-item.is-icon .icon-link.is-secondary.is-active {
            background: #41d6c3;
            box-shadow: 0 14px 26px -12px rgba(65,214,195,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(65,214,195,.2) !important
        }

            .navbar-item.is-icon .icon-link.is-secondary:hover svg, .navbar-item.is-icon .icon-link.is-secondary.is-active svg {
                stroke: #fff
            }

            .navbar-item.is-icon .icon-link.is-secondary:hover .mdi, .navbar-item.is-icon .icon-link.is-secondary.is-active .mdi {
                color: #fafafa
            }

        .navbar-item.is-icon .icon-link.is-friends:hover, .navbar-item.is-icon .icon-link.is-friends.is-active {
            background: #e6122f;
            box-shadow: 0 14px 26px -12px rgba(247,20,22,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(247,20,22,.2) !important
        }

            .navbar-item.is-icon .icon-link.is-friends:hover svg, .navbar-item.is-icon .icon-link.is-friends.is-active svg {
                fill: #fff;
                animation: pulse 1s infinite
            }

        .navbar-item.is-icon .icon-link.is-active .indicator {
            display: block;
            position: absolute;
            top: -6px;
            right: -6px;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            border: 2px solid #fff;
            background: #41d6c3
        }

        .navbar-item.is-icon .icon-link svg {
            width: 18px;
            height: 18px;
            stroke: #999;
            stroke-width: 1.4px;
            transition: all .3s
        }

        .navbar-item.is-icon .icon-link .mdi {
            font-size: 20px;
            color: #999;
            transition: all .3s
        }

.navbar-item .nav-drop {
    position: absolute;
    top: 90%;
    left: 0;
    width: 340px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: .65rem;
    margin-top: 16px;
    box-shadow: 0px 5px 43px rgba(0,0,0,.18) !important;
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition: all .2s;
    z-index: 100
}

    .navbar-item .nav-drop.is-active {
        opacity: 1;
        transform: translateY(0);
        pointer-events: all
    }

    .navbar-item .nav-drop:after, .navbar-item .nav-drop:before {
        bottom: 100%;
        left: 7%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .navbar-item .nav-drop:after {
        border-color: rgba(255,255,255,0);
        border-bottom-color: #fff;
        border-width: 4px;
        margin-left: -4px
    }

    .navbar-item .nav-drop:before {
        border-color: rgba(255,255,255,0);
        border-bottom-color: #fff;
        border-width: 7px;
        margin-left: -7px
    }

    .navbar-item .nav-drop.is-right {
        left: initial;
        right: 0
    }

        .navbar-item .nav-drop.is-right:before, .navbar-item .nav-drop.is-right:after {
            left: initial;
            right: 5%
        }

    .navbar-item .nav-drop.is-status {
        left: calc(50% - 100px);
        width: 200px
    }

        .navbar-item .nav-drop.is-status .inner .drop-image img {
            display: block;
            width: 170px;
            height: 170px;
            min-height: 170px;
            margin: 0 auto
        }

        .navbar-item .nav-drop.is-status .inner .drop-text {
            padding: 0 10px 20px 10px;
            text-align: center
        }

            .navbar-item .nav-drop.is-status .inner .drop-text h4 {
                font-size: .9rem;
                font-weight: 500
            }

            .navbar-item .nav-drop.is-status .inner .drop-text p {
                font-size: .8rem;
                color: #999
            }

    .navbar-item .nav-drop.is-account-dropdown {
        width: 300px;
        right: 0;
        left: unset;
        max-height: unset;
        z-index: 1
    }

        .navbar-item .nav-drop.is-account-dropdown:before {
            right: 23px;
            left: unset
        }

        .navbar-item .nav-drop.is-account-dropdown:after {
            display: none !important
        }

    .navbar-item .nav-drop .inner {
        position: relative
    }

        .navbar-item .nav-drop .inner .nav-drop-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px;
            border-bottom: 1px solid #e8e8e8;
            border-radius: .65rem .65rem 0 0;
            background: #fff
        }

            .navbar-item .nav-drop .inner .nav-drop-header span, .navbar-item .nav-drop .inner .nav-drop-header a {
                display: block;
                text-transform: uppercase;
                font-size: .68rem;
                font-weight: 500;
                color: #a2a5b9
            }

                .navbar-item .nav-drop .inner .nav-drop-header span.username, .navbar-item .nav-drop .inner .nav-drop-header a.username {
                    font-weight: 600 !important
                }

            .navbar-item .nav-drop .inner .nav-drop-header a {
                height: unset;
                width: unset;
                display: flex;
                justify-content: center;
                align-items: center
            }

                .navbar-item .nav-drop .inner .nav-drop-header a:hover svg {
                    stroke: #3d70b2
                }

                .navbar-item .nav-drop .inner .nav-drop-header a svg {
                    height: 16px;
                    width: 16px;
                    stroke: #a2a5b9;
                    transition: stroke .3s
                }

        .navbar-item .nav-drop .inner .nav-drop-body {
            max-height: 420px;
            padding: 0 10px;
            overflow-y: auto
        }

            .navbar-item .nav-drop .inner .nav-drop-body::-webkit-scrollbar {
                width: 5px
            }

            .navbar-item .nav-drop .inner .nav-drop-body::-webkit-scrollbar-thumb {
                border-radius: 5px;
                background: rgba(0,0,0,.2)
            }

            .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications, .navbar-item .nav-drop .inner .nav-drop-body.is-messages {
                padding: 8px 16px
            }

                .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media {
                    align-items: stretch;
                    margin: 0;
                    padding: .75rem 0 !important
                }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media img, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media img, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media img {
                        height: 36px;
                        width: 36px;
                        max-height: 36px;
                        border-radius: 50%
                    }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-content span, .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-content a, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-content span, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-content a, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-content span, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-content a {
                        /*display: block;*/
                        width: unset;
                        height: unset
                    }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-content a, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-content a, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-content a {
                        font-size: .75rem;
                        font-weight: 500;
                        color: #344258
                    }

                        .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-content a:hover, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-content a:hover, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-content a:hover {
                            color: #3d70b2
                        }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-content span, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-content span, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-content span {
                        font-size: .75rem;
                        color: #a2a5b9
                    }

                        .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-content span a, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-content span a, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-content span a {
                            color: #344258;
                            display: inline-block
                        }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .added-icon, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .added-icon, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .added-icon {
                        width: 18px;
                        height: 18px;
                        margin: 0 15px
                    }

                        .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .added-icon svg, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .added-icon svg, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .added-icon svg {
                            height: 18px;
                            width: 18px;
                            stroke: #a2a5b9;
                            stroke-width: 1.6px
                        }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-right.is-centered, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-right.is-centered, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-right.is-centered {
                        display: flex;
                        justify-content: center;
                        align-items: center
                    }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-right .icon-button:hover svg, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-right .icon-button:hover svg, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-right .icon-button:hover svg {
                        stroke: #3d70b2 !important
                    }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-right .icon-button svg, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-right .icon-button svg, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-right .icon-button svg {
                        stroke: #a2a5b9 !important;
                        stroke-width: 1.6px
                    }

                .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .time, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .time, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .time {
                    font-size: .65rem !important;
                    color: #999
                }

            .navbar-item .nav-drop .inner .nav-drop-body.account-items {
                padding: 10px 0
            }

                .navbar-item .nav-drop .inner .nav-drop-body.account-items hr {
                    margin: .4rem 0 !important;
                    height: 1px
                }

                .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item {
                    padding: 8px 16px;
                    display: block;
                    line-height: 1.2
                }

                    .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media {
                        align-items: center
                    }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media .media-left img {
                            height: 35px;
                            width: 35px
                        }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media h3 {
                            color: #393a4f;
                            font-size: .8rem;
                            font-weight: 500;
                            transition: all .3s
                        }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media .icon-wrap {
                            height: 35px;
                            width: 35px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            margin-right: 1rem
                        }

                            .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media .icon-wrap svg {
                                width: 18px;
                                height: 18px;
                                stroke-width: 2px;
                                stroke: #757a91;
                                transition: all .3s
                            }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media small {
                            color: #757a91;
                            font-size: .75rem
                        }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media .media-right svg {
                            width: 18px;
                            height: 18px;
                            margin: 0 16px
                        }

                    .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item.is-active {
                        background: #039be5
                    }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item.is-active svg {
                            stroke: #fff
                        }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item.is-active small {
                            color: #fff
                        }

                    .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item:hover {
                        background: #fafafa
                    }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item:hover svg {
                            stroke: #3d70b2
                        }

        .navbar-item .nav-drop .inner .nav-drop-footer {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 12px 10px;
            border-bottom: 1px solid #e8e8e8;
            border-radius: 0 0 6px 6px;
            background: #fafafa
        }

            .navbar-item .nav-drop .inner .nav-drop-footer span, .navbar-item .nav-drop .inner .nav-drop-footer a {
                display: block;
                text-transform: uppercase;
                font-size: .65rem;
                font-weight: 500
            }

            .navbar-item .nav-drop .inner .nav-drop-footer a {
                color: #999;
                height: unset;
                width: unset
            }

                .navbar-item .nav-drop .inner .nav-drop-footer a:hover {
                    color: #3d70b2
                }

@media only screen and (max-width: 767px) {
    .navbar-item.is-cart, .navbar-item.is-account {
        padding-left: 6px !important;
        padding-right: 6px !important
    }

        .navbar-item.is-cart .shopping-cart {
            position: fixed !important;
            top: 95px;
            right: 0 !important;
            left: 0 !important;
            margin: 0 auto !important
        }

            .navbar-item.is-cart .shopping-cart:before, .navbar-item.is-cart .shopping-cart:after {
                left: 83% !important
            }

    .nav-drop {
        position: fixed !important;
        top: 75px !important;
        left: 10px !important;
        right: 0 !important;
        width: calc(100% - 20px) !important
    }

        .nav-drop:before, .nav-drop:after {
            right: 46% !important
        }
}

.pageloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fafafa;
    z-index: 999998;
    opacity: 0;
    transition: -webkit-opacity .35s ease-out;
    transition: opacity .35s ease-out;
    will-change: opacity;
    pointer-events: none
}

    .pageloader.is-active {
        opacity: 1
    }

    .pageloader::after, .pageloader::before {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        border-radius: 100%;
        content: "";
        z-index: 999999
    }

    .pageloader::after {
        margin-top: -100px;
        margin-left: -100px;
        width: 200px;
        height: 200px;
        background-color: rgba(61,112,178,.5);
        border: 3px solid rgba(61,112,178,.75);
        animation: page-loader-inner 1.5s infinite ease-out
    }

    .pageloader::before {
        margin-top: -30px;
        margin-left: -30px;
        width: 60px;
        height: 60px;
        background-color: #3d70b2;
        animation: page-loader-outer 1.5s infinite ease-in
    }

@keyframes page-loader-inner {
    0%,40% {
        transform: scale(0)
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

@keyframes page-loader-outer {
    0% {
        transform: scale(1)
    }

    100%,40% {
        transform: scale(0);
        opacity: 0
    }
}

.infraloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: -1;
    opacity: 0;
    transition: opacity .35s
}

    .infraloader.is-active {
        opacity: 1;
        z-index: 999997
    }

    .infraloader.is-full {
        width: 100% !important;
        left: 0 !important
    }

@media(max-width: 767px) {
    .pageloader, .infraloader {
        width: 100% !important;
        left: 0 !important
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .pageloader, .infraloader {
        width: 100% !important;
        left: 0 !important
    }
}

.friendkit-hamburger .menu-toggle {
    font-size: 20px;
    color: #666;
    text-align: center;
    background: transparent;
    display: block;
    width: 26px;
    height: 26px;
    cursor: pointer;
    padding: 0;
    transition: opacity .4s;
    opacity: 1;
    position: relative
}

    .friendkit-hamburger .menu-toggle.has-chevron .icon-box-toggle.active .icon-line-top {
        width: 13px !important;
        top: 17px !important
    }

    .friendkit-hamburger .menu-toggle.has-chevron .icon-box-toggle.active .icon-line-bottom {
        width: 13px !important;
        top: 9px !important
    }

    .friendkit-hamburger .menu-toggle .icon-box-toggle {
        height: 100%;
        width: 100%;
        background: transparent;
        position: relative;
        display: block;
        width: 30px;
        height: 30px
    }

        .friendkit-hamburger .menu-toggle .icon-box-toggle.active > span.rotate {
            transform: translate(0px, 0px) rotate(90deg)
        }

        .friendkit-hamburger .menu-toggle .icon-box-toggle.active > span > i.icon-line-center {
            visibility: hidden;
            width: 1px;
            height: 3px;
            left: 70%
        }

        .friendkit-hamburger .menu-toggle .icon-box-toggle.active > span > i.icon-line-bottom {
            margin: -2px 0 0 -10px;
            left: 50%;
            top: 12px;
            transform: translate(0px, 0px) rotate(135deg)
        }

        .friendkit-hamburger .menu-toggle .icon-box-toggle.active > span > i.icon-line-top {
            margin: -2px 0 0 -10px;
            left: 50%;
            top: 12px;
            transform: translate(0px, 0px) rotate(45deg)
        }

    .friendkit-hamburger .menu-toggle .icon-line-center {
        position: absolute;
        width: 12px;
        height: 2px;
        background: #3d70b2;
        margin: -1px 0 0 -10px;
        left: 50%;
        top: 12px;
        transition: all .2s ease
    }

    .friendkit-hamburger .menu-toggle .icon-line-top {
        position: absolute;
        width: 20px;
        height: 2px;
        background: #3d70b2;
        margin: -3px 0 0 -10px;
        left: 50%;
        top: 6px;
        transition: all .2s ease
    }

    .friendkit-hamburger .menu-toggle .icon-line-bottom {
        position: absolute;
        width: 20px;
        height: 2px;
        background: #3d70b2;
        margin: 2px 0 0 -10px;
        left: 50%;
        top: 17px;
        transition: all .2s ease
    }

.card, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card {
    position: relative;
    margin-bottom: 1.5rem;
    border: 1px solid #e8e8e8;
    background: #fff;
    border-radius: .85rem;
    box-shadow: none
}

    .card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 16px
    }

        .card .card-heading .dropdown, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .dropdown {
            margin-left: auto
        }

            .card .card-heading .dropdown .button, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .dropdown .button {
                padding: 0;
                background: none;
                border: none
            }

                .card .card-heading .dropdown .button svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .dropdown .button svg {
                    stroke: #888da8
                }

            .card .card-heading .dropdown.is-light svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .dropdown.is-light svg {
                stroke: #fff
            }

        .card .card-heading.is-bordered, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading.is-bordered {
            border-bottom: 1px solid #e8e8e8
        }

            .card .card-heading.is-bordered h4, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading.is-bordered h4 {
                font-size: .9rem;
                color: #757a91;
                font-weight: 400
            }

    .card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body {
        padding: 10px 16px
    }

        .card .card-body.no-padding, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body.no-padding {
            padding: 0
        }

    .card .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer {
        margin: 8px 16px 16px 16px;
        border-top: 1px solid #e8e8e8
    }

    .card.is-weather-card, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card {
        background-color: #3d70b2;
        background-color: -webkit-linear-gradient(to right, #c2e9fb, #a1c4fd);
        background-color: linear-gradient(to right, #c2e9fb, #a1c4fd)
    }

        .card.is-weather-card .card-heading .dropdown.is-spaced > div .button:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .card-heading .dropdown.is-spaced > div .button:hover {
            background: #2175dd !important
        }

        .card.is-weather-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .card-body {
            padding-top: 0
        }

        .card.is-weather-card .temperature, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .temperature {
            display: flex;
            justify-content: center;
            align-items: center
        }

            .card.is-weather-card .temperature span, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .temperature span {
                position: relative;
                display: block;
                font-size: 2.6rem;
                font-weight: 500;
                color: #fff
            }

                .card.is-weather-card .temperature span:after, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .temperature span:after {
                    content: "";
                    position: absolute;
                    top: 10px;
                    right: -18px;
                    height: 14px;
                    width: 14px;
                    border: 2px solid #fff;
                    border-radius: 50%
                }

        .card.is-weather-card .weather-icon, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .weather-icon {
            display: flex;
            justify-content: center;
            align-items: center
        }

            .card.is-weather-card .weather-icon div, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .weather-icon div {
                text-align: center
            }

            .card.is-weather-card .weather-icon h4, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .weather-icon h4 {
                font-size: 1.4rem;
                color: #fff
            }

            .card.is-weather-card .weather-icon svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .weather-icon svg {
                stroke: #fff;
                height: 2.8rem;
                width: 2.8rem
            }

            .card.is-weather-card .weather-icon .details, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .weather-icon .details {
                display: flex;
                justify-content: space-between;
                align-items: center;
                font-size: .85rem;
                color: #fff
            }

                .card.is-weather-card .weather-icon .details span, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .weather-icon .details span {
                    display: block;
                    margin: 0 10px
                }

        .card.is-weather-card .previsions, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .previsions {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: rgba(255,255,255,.2);
            padding: 15px;
            margin: 20px 0
        }

            .card.is-weather-card .previsions .day, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .previsions .day {
                text-align: center;
                font-size: .7rem;
                color: #fff
            }

                .card.is-weather-card .previsions .day *, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .previsions .day * {
                    display: block
                }

                .card.is-weather-card .previsions .day span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .previsions .day span:first-child {
                    text-transform: uppercase;
                    font-size: .6rem;
                    font-weight: 500
                }

                .card.is-weather-card .previsions .day svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .previsions .day svg {
                    margin: 3px auto;
                    height: 18px;
                    width: 18px
                }

        .card.is-weather-card .current-date-location, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .current-date-location {
            margin-bottom: 20px
        }

            .card.is-weather-card .current-date-location span, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .current-date-location span {
                display: block;
                color: #fff
            }

            .card.is-weather-card .current-date-location .date, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .current-date-location .date {
                font-size: 1.1rem;
                font-weight: 500
            }

            .card.is-weather-card .current-date-location .location, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .current-date-location .location {
                font-size: .8rem
            }

                .card.is-weather-card .current-date-location .location svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .current-date-location .location svg {
                    height: 16px;
                    width: 16px
                }

    .card.is-birthday-card, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card {
        background-color: #45d7c4
    }

        .card.is-birthday-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-heading {
            padding: 16px 16px 0 16px
        }

            .card.is-birthday-card .card-heading .dropdown.is-spaced > div .button:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-heading .dropdown.is-spaced > div .button:hover {
                background: #1c8174 !important
            }

            .card.is-birthday-card .card-heading > svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-heading > svg {
                stroke: #fff
            }

        .card.is-birthday-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body {
            padding: 16px;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 290px
        }

            .card.is-birthday-card .card-body .birthday-avatar, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-avatar {
                position: relative;
                width: 45px;
                margin: 0 auto 16px auto
            }

                .card.is-birthday-card .card-body .birthday-avatar img, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-avatar img {
                    display: block;
                    height: 45px;
                    width: 45px;
                    border-radius: 50%
                }

                .card.is-birthday-card .card-body .birthday-avatar .birthday-indicator, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-avatar .birthday-indicator {
                    position: absolute;
                    top: -6px;
                    right: -14px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 26px;
                    width: 26px;
                    border-radius: 50%;
                    border: 2px solid #45d7c4;
                    font-size: .7rem;
                    color: #fff;
                    font-weight: 500;
                    background: #344258
                }

            .card.is-birthday-card .card-body .birthday-content, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-content {
                text-align: center;
                color: #fff
            }

                .card.is-birthday-card .card-body .birthday-content h4, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-content h4 {
                    font-weight: 500
                }

                .card.is-birthday-card .card-body .birthday-content p, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-content p {
                    font-size: .9rem
                }

                .card.is-birthday-card .card-body .birthday-content button, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-content button {
                    line-height: 0;
                    margin: 16px 0
                }

    .card.is-promo-card, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card {
        background-color: #3e72b6
    }

        .card.is-promo-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card .card-heading {
            padding: 16px 16px 0 16px
        }

            .card.is-promo-card .card-heading .dropdown.is-spaced > div .button:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card .card-heading .dropdown.is-spaced > div .button:hover {
                background: #2d5384 !important
            }

            .card.is-promo-card .card-heading > svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card .card-heading > svg {
                stroke: #fff
            }

        .card.is-promo-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card .card-body {
            padding: 16px;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 290px
        }

            .card.is-promo-card .card-body .promo-avatar, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card .card-body .promo-avatar {
                position: relative;
                width: 45px;
                margin: 0 auto 16px auto
            }

                .card.is-promo-card .card-body .promo-avatar img, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card .card-body .promo-avatar img {
                    display: block;
                    height: 45px;
                    width: 45px;
                    border-radius: 50%
                }

            .card.is-promo-card .card-body .promo-content, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card .card-body .promo-content {
                text-align: center;
                color: #fff
            }

                .card.is-promo-card .card-body .promo-content h4, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card .card-body .promo-content h4 {
                    font-weight: 500
                }

                .card.is-promo-card .card-body .promo-content p, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card .card-body .promo-content p {
                    font-size: .9rem
                }

                .card.is-promo-card .card-body .promo-content button, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card .card-body .promo-content button {
                    line-height: 0;
                    margin: 16px 0
                }

    .card.is-ad .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .is-ad.summary-card .card-body {
        position: relative;
        display: flex !important;
        align-items: center;
        padding: 14px
    }

        .card.is-ad .card-body img, .shop-wrapper .cart-container .cart-content .cart-summary .is-ad.summary-card .card-body img {
            display: block;
            max-width: 50% !important;
            flex-shrink: 2
        }

        .card.is-ad .card-body .ad-text, .shop-wrapper .cart-container .cart-content .cart-summary .is-ad.summary-card .card-body .ad-text {
            padding-left: 10px;
            font-size: .85rem;
            font-weight: 500;
            margin-top: -20px
        }

        .card.is-ad .card-body .ad-brand, .shop-wrapper .cart-container .cart-content .cart-summary .is-ad.summary-card .card-body .ad-brand {
            position: absolute;
            bottom: 12px;
            right: 14px;
            text-transform: uppercase;
            font-size: .65rem;
            color: #999
        }

body.is-dark .card:not(.is-promo-card):not(.is-weather-card):not(.is-birthday-card), body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card:not(.is-promo-card):not(.is-weather-card):not(.is-birthday-card), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card:not(.is-promo-card):not(.is-weather-card):not(.is-birthday-card) {
    border-color: #283143;
    background: #202836
}

body.is-dark .card.is-weather-card, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-weather-card.summary-card, body.is-dark .card.is-promo-card, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-promo-card.summary-card {
    border-color: #3d70b2
}

body.is-dark .card.is-birthday-card, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-birthday-card.summary-card {
    border-color: #41d6c3
}

body.is-dark .card .card-heading.is-bordered, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading.is-bordered, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-heading.is-bordered {
    border-color: #37445c
}

body.is-dark .card .card-heading h4, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h4, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-heading h4 {
    color: #fafafa
}

body.is-dark .card .card-body .ad-text, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .ad-text, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .ad-text {
    color: #fafafa
}

body.is-dark .card .card-body .page-block, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block, body.is-dark .card .card-body .story-block, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block, body.is-dark .card .card-body .add-friend-block, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block {
    border-color: #37445c
}

    body.is-dark .card .card-body .page-block .page-meta span:first-child, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .page-meta span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block .page-meta span:first-child, body.is-dark .card .card-body .page-block .story-meta span:first-child, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .story-meta span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block .story-meta span:first-child, body.is-dark .card .card-body .story-block .page-meta span:first-child, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .page-meta span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block .page-meta span:first-child, body.is-dark .card .card-body .story-block .story-meta span:first-child, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .story-meta span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block .story-meta span:first-child, body.is-dark .card .card-body .add-friend-block .page-meta span:first-child, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .page-meta span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block .page-meta span:first-child, body.is-dark .card .card-body .add-friend-block .story-meta span:first-child, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .story-meta span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block .story-meta span:first-child {
        color: #fafafa
    }

    body.is-dark .card .card-body .page-block .page-meta span:nth-child(2), body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .page-meta span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block .page-meta span:nth-child(2), body.is-dark .card .card-body .page-block .story-meta span:nth-child(2), body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .story-meta span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block .story-meta span:nth-child(2), body.is-dark .card .card-body .story-block .page-meta span:nth-child(2), body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .page-meta span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block .page-meta span:nth-child(2), body.is-dark .card .card-body .story-block .story-meta span:nth-child(2), body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .story-meta span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block .story-meta span:nth-child(2), body.is-dark .card .card-body .add-friend-block .page-meta span:nth-child(2), body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .page-meta span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block .page-meta span:nth-child(2), body.is-dark .card .card-body .add-friend-block .story-meta span:nth-child(2), body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .story-meta span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block .story-meta span:nth-child(2) {
        color: #9195a8
    }

    body.is-dark .card .card-body .page-block .add-page:hover, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-page:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block .add-page:hover, body.is-dark .card .card-body .page-block .add-friend:hover, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-friend:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block .add-friend:hover, body.is-dark .card .card-body .story-block .add-page:hover, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .add-page:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block .add-page:hover, body.is-dark .card .card-body .story-block .add-friend:hover, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .add-friend:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block .add-friend:hover, body.is-dark .card .card-body .add-friend-block .add-page:hover, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-page:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block .add-page:hover, body.is-dark .card .card-body .add-friend-block .add-friend:hover, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-friend:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block .add-friend:hover {
        background: #2f3b50
    }

.schedule {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: .65rem;
    border: 1px solid #e8e8e8;
    margin: 10px 0 20px 0;
    overflow: visible;
    background: #fff
}

    .schedule .schedule-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 16px 16px 0 16px
    }

        .schedule .schedule-header .month {
            text-align: center;
            padding: 4px 0;
            color: #393a4f;
            width: 40%;
            border-radius: 100px;
            cursor: pointer;
            transition: all .3s
        }

            .schedule .schedule-header .month:hover {
                background: #f5f5f5
            }

        .schedule .schedule-header .nav-icon {
            height: 34px;
            width: 34px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all .3s;
            cursor: pointer
        }

            .schedule .schedule-header .nav-icon:hover {
                background: #f5f5f5
            }

            .schedule .schedule-header .nav-icon svg {
                height: 20px;
                width: 20px;
                stroke: #999
            }

    .schedule .schedule-calendar {
        position: relative;
        padding: 20px 20px 40px 20px
    }

        .schedule .schedule-calendar .next-fab {
            position: absolute;
            bottom: -25px;
            right: 0;
            left: 0;
            margin: 0 auto;
            height: 50px;
            width: 50px;
            border: 1px solid #e2e2e2;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #fff;
            box-shadow: 0 4px 12px 0 rgba(0,0,0,.07);
            cursor: pointer;
            transition: all .3s;
            transform: rotate(0)
        }

            .schedule .schedule-calendar .next-fab:hover {
                background: #fcfcfc
            }

                .schedule .schedule-calendar .next-fab:hover svg {
                    stroke: #3d70b2
                }

            .schedule .schedule-calendar .next-fab.is-toggled {
                transform: rotate(180deg);
                box-shadow: none
            }

            .schedule .schedule-calendar .next-fab svg {
                height: 20px;
                width: 20px;
                transition: all .3s
            }

        .schedule .schedule-calendar .calendar-row {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

            .schedule .schedule-calendar .calendar-row:not(:first-of-type) {
                margin-top: 4px
            }

            .schedule .schedule-calendar .calendar-row .day {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 20px;
                height: 20px;
                font-size: 12px;
                padding: 14px;
                color: #596367;
                border-radius: 50%;
                cursor: pointer;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none
            }

                .schedule .schedule-calendar .calendar-row .day:hover {
                    background: #f5f5f5
                }

                .schedule .schedule-calendar .calendar-row .day.day-name {
                    color: #869ba1
                }

                .schedule .schedule-calendar .calendar-row .day.event {
                    position: relative;
                    color: #fff
                }

                    .schedule .schedule-calendar .calendar-row .day.event:before {
                        content: "";
                        display: block;
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 27px;
                        height: 27px;
                        border-radius: 50%;
                        z-index: -1;
                        transition: transform .25s ease-in-out
                    }

                    .schedule .schedule-calendar .calendar-row .day.event.primary {
                        background: #3d70b2
                    }

                        .schedule .schedule-calendar .calendar-row .day.event.primary:before {
                            background: #3d70b2
                        }

                    .schedule .schedule-calendar .calendar-row .day.event.green {
                        background: #1ce589
                    }

                        .schedule .schedule-calendar .calendar-row .day.event.green:before {
                            background: #1ce589
                        }

                    .schedule .schedule-calendar .calendar-row .day.event.purple {
                        background: #3d70b2
                    }

                        .schedule .schedule-calendar .calendar-row .day.event.purple:before {
                            background: #3d70b2
                        }

                    .schedule .schedule-calendar .calendar-row .day.event.pink {
                        background: #fa3275
                    }

                        .schedule .schedule-calendar .calendar-row .day.event.pink:before {
                            background: #fa3275
                        }

                    .schedule .schedule-calendar .calendar-row .day.event.animate {
                        position: static
                    }

                        .schedule .schedule-calendar .calendar-row .day.event.animate:before {
                            top: 160px;
                            left: 55px;
                            z-index: 1;
                            will-change: transform
                        }

    .schedule .schedule-divider {
        height: 1px;
        background: #ededed
    }

    .schedule .schedule-events {
        padding: 16px;
        display: none;
        background: #fafafa
    }

        .schedule .schedule-events .schedule-events-title {
            margin-top: 16px;
            font-weight: 500;
            text-transform: uppercase;
            font-size: .75rem;
            color: #999
        }

        .schedule .schedule-events .schedule-event {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            margin-top: 16px
        }

            .schedule .schedule-events .schedule-event .event-date {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 32px;
                height: 32px;
                font-size: .75rem;
                font-weight: 500;
                border-radius: 50%;
                color: #fff
            }

                .schedule .schedule-events .schedule-event .event-date.primary {
                    background: #3d70b2
                }

                .schedule .schedule-events .schedule-event .event-date.green {
                    background: #1ce589
                }

                .schedule .schedule-events .schedule-event .event-date.purple {
                    background: #3d70b2
                }

                .schedule .schedule-events .schedule-event .event-date.pink {
                    background: #fa3275
                }

            .schedule .schedule-events .schedule-event .event-title {
                color: #596367;
                padding-left: 16px
            }

                .schedule .schedule-events .schedule-event .event-title span {
                    display: block
                }

                    .schedule .schedule-events .schedule-event .event-title span:first-child {
                        font-size: .9rem;
                        color: #393a4f
                    }

                    .schedule .schedule-events .schedule-event .event-title span:nth-child(2) {
                        color: #999;
                        font-size: .85rem
                    }

        .schedule .schedule-events .button-wrap {
            margin-top: 16px
        }

    .schedule .schedule-day-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 3px;
        opacity: 1;
        transform: translate(0, 0);
        z-index: 1;
        overflow: hidden
    }

        .schedule .schedule-day-container.animate-out {
            animation: day-container-out .15s ease-out forwards;
            will-change: transform
        }

        .schedule .schedule-day-container.hidden {
            z-index: -100
        }

        .schedule .schedule-day-container .day-header {
            position: relative;
            top: 0;
            left: 0;
            display: flex;
            flex-direction: column;
            height: 46px;
            padding: 16px;
            overflow: hidden;
            z-index: 2;
            transition: height .075s linear
        }

            .schedule .schedule-day-container .day-header.day-header--large {
                height: 200px
            }

                .schedule .schedule-day-container .day-header.day-header--large .day-header-content {
                    font-weight: lighter;
                    padding: 16px;
                    height: 200px;
                    padding-top: 46px
                }

                    .schedule .schedule-day-container .day-header.day-header--large .day-header-content .day-header-title .day-header-title-day {
                        font-size: 2.4rem;
                        font-weight: 600
                    }

                    .schedule .schedule-day-container .day-header.day-header--large .day-header-content .day-header-title .day-header-title-month {
                        font-size: 1rem;
                        text-transform: uppercase
                    }

                    .schedule .schedule-day-container .day-header.day-header--large .day-header-content .day-header-event {
                        font-size: 1.2rem;
                        font-weight: 600;
                        padding-top: 16px
                    }

            .schedule .schedule-day-container .day-header .day-header-bg {
                position: absolute;
                top: 166px;
                left: 55px;
                width: 27px;
                height: 27px;
                border-radius: 50%;
                will-change: transform;
                transform: scale(1)
            }

                .schedule .schedule-day-container .day-header .day-header-bg.primary {
                    background: #3d70b2
                }

                .schedule .schedule-day-container .day-header .day-header-bg.pink {
                    background: #fa3275
                }

                .schedule .schedule-day-container .day-header .day-header-bg.purple {
                    background: #3d70b2
                }

                .schedule .schedule-day-container .day-header .day-header-bg.green {
                    background: #1ce589
                }

                .schedule .schedule-day-container .day-header .day-header-bg.animate {
                    animation: day-header-grow .25s .05s ease-in-out forwards
                }

            .schedule .schedule-day-container .day-header .day-header-close {
                position: absolute;
                top: 14px;
                right: 14px;
                width: 18px;
                height: 18px;
                opacity: 0;
                cursor: pointer;
                transition: opacity .15s ease-out;
                z-index: 4
            }

                .schedule .schedule-day-container .day-header .day-header-close svg {
                    height: 20px;
                    width: 20px;
                    stroke: #fcfcfc
                }

                .schedule .schedule-day-container .day-header .day-header-close.animate {
                    opacity: 1
                }

            .schedule .schedule-day-container .day-header .day-header-content {
                position: absolute;
                display: flex;
                flex-direction: column;
                padding: 8px;
                top: 0;
                left: 0;
                width: 100%;
                height: 46px;
                color: #fff;
                z-index: 3;
                opacity: 0;
                transform: translateY(18px)
            }

                .schedule .schedule-day-container .day-header .day-header-content.animate-in {
                    animation: day-header-content-in .15s ease-out forwards
                }

                .schedule .schedule-day-container .day-header .day-header-content .day-header-title {
                    font-weight: normal
                }

                    .schedule .schedule-day-container .day-header .day-header-content .day-header-title .day-header-title-day, .schedule .schedule-day-container .day-header .day-header-content .day-header-title .day-header-title-month {
                        display: inline;
                        vertical-align: baseline
                    }

                    .schedule .schedule-day-container .day-header .day-header-content .day-header-title .day-header-title-day {
                        font-size: 18px
                    }

                    .schedule .schedule-day-container .day-header .day-header-content .day-header-title .day-header-title-month {
                        font-size: 18px
                    }

                .schedule .schedule-day-container .day-header .day-header-content .day-header-event {
                    padding-top: 2px;
                    font-size: 12px;
                    font-weight: normal
                }

        .schedule .schedule-day-container .day-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow-y: auto;
            z-index: 0;
            opacity: 0;
            padding-top: 216px;
            padding-left: 16px;
            padding-right: 16px;
            transform: translateY(35px);
            background: #fff
        }

            .schedule .schedule-day-container .day-content.animate-in {
                animation: day-content-animate-in .2s ease-out forwards
            }

            .schedule .schedule-day-container .day-content .event-details-wrap {
                display: none;
                padding: 20px 0
            }

                .schedule .schedule-day-container .day-content .event-details-wrap.is-active {
                    display: block
                }

                .schedule .schedule-day-container .day-content .event-details-wrap .meta-block {
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    margin-bottom: 10px
                }

                    .schedule .schedule-day-container .day-content .event-details-wrap .meta-block i {
                        font-size: 24px;
                        color: #999
                    }

                    .schedule .schedule-day-container .day-content .event-details-wrap .meta-block .meta {
                        margin-left: 20px
                    }

                        .schedule .schedule-day-container .day-content .event-details-wrap .meta-block .meta span {
                            display: block
                        }

                            .schedule .schedule-day-container .day-content .event-details-wrap .meta-block .meta span:first-child {
                                font-weight: 500;
                                font-size: .9rem
                            }

                            .schedule .schedule-day-container .day-content .event-details-wrap .meta-block .meta span:nth-child(2) {
                                font-size: .8rem;
                                color: #999
                            }

                .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap {
                    padding: 16px 0
                }

                    .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap label {
                        display: block;
                        font-size: .9rem;
                        font-weight: 500;
                        margin-bottom: 6px
                    }

                    .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants {
                        display: flex;
                        justify-content: flex-start;
                        align-items: center
                    }

                        .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img {
                            display: block;
                            height: 53px;
                            width: 53px;
                            font-size: .8rem;
                            border-radius: 50%;
                            border: 3px solid #fff;
                            background: #e8e8e8
                        }

                            .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img:not(:first-child):nth-child(1) {
                                margin-left: -14px
                            }

                            .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img:not(:first-child):nth-child(2) {
                                margin-left: -14px
                            }

                            .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img:not(:first-child):nth-child(3) {
                                margin-left: -14px
                            }

                            .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img:not(:first-child):nth-child(4) {
                                margin-left: -14px
                            }

                            .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img:not(:first-child):nth-child(5) {
                                margin-left: -14px
                            }

                            .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img:not(:first-child):nth-child(6) {
                                margin-left: -14px
                            }

                        .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants .is-more {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            height: 53px;
                            width: 53px;
                            font-weight: 500;
                            font-size: .9rem;
                            border-radius: 50%;
                            border: 3px solid #fff;
                            background: #e8e8e8;
                            margin-left: -14px
                        }

                .schedule .schedule-day-container .day-content .event-details-wrap .event-description label {
                    display: block;
                    font-size: .9rem;
                    font-weight: 500;
                    margin-bottom: 6px
                }

                .schedule .schedule-day-container .day-content .event-details-wrap .event-description p {
                    font-size: .9rem;
                    color: #999
                }

                .schedule .schedule-day-container .day-content .event-details-wrap .button-wrap {
                    display: flex;
                    justify-content: space-between;
                    align-items: center
                }

                    .schedule .schedule-day-container .day-content .event-details-wrap .button-wrap .button {
                        width: 49%
                    }

                .schedule .schedule-day-container .day-content .event-details-wrap .img {
                    margin-top: 16px;
                    margin-bottom: 16px;
                    width: 100%;
                    height: 150px;
                    background: #2c3144
                }

@keyframes day-header-grow {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(25)
    }
}

@keyframes day-container-out {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    100% {
        transform: translateY(45px);
        opacity: 0
    }
}

@keyframes day-header-content-in {
    0% {
        transform: translateY(18px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes day-content-animate-in {
    0% {
        transform: translateY(35px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.media-flex-center {
    display: flex;
    align-items: center;
    margin-bottom: 1rem
}

    .media-flex-center:last-child, .media-flex-center.no-margin {
        margin-bottom: 0
    }

    .media-flex-center .flex-meta {
        margin-left: 12px;
        line-height: 1.4
    }

        .media-flex-center .flex-meta.is-lighter span:first-child, .media-flex-center .flex-meta.is-lighter > a:first-child {
            font-weight: 400
        }

        .media-flex-center .flex-meta.is-light span:first-child, .media-flex-center .flex-meta.is-light > a:first-child {
            font-weight: 500
        }

        .media-flex-center .flex-meta span, .media-flex-center .flex-meta > a {
            display: block
        }

            .media-flex-center .flex-meta span:first-child, .media-flex-center .flex-meta > a:first-child {
                font-family: "Montserrat",sans-serif;
                font-size: .85rem;
                color: #393a4f;
                font-weight: 600
            }

            .media-flex-center .flex-meta span:nth-child(2), .media-flex-center .flex-meta > a:nth-child(2) {
                font-family: "Roboto",sans-serif;
                color: #a2a5b9;
                font-size: .8rem
            }

        .media-flex-center .flex-meta a:hover {
            color: #3d70b2
        }

    .media-flex-center .flex-end {
        margin-left: auto;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

        .media-flex-center .flex-end .end-action {
            margin-left: 1rem
        }

@media only screen and (max-width: 767px) {
    .media-flex.is-responsive-mobile, .media-flex-center.is-responsive-mobile {
        flex-direction: column;
        text-align: center
    }

        .media-flex.is-responsive-mobile .h-avatar, .media-flex.is-responsive-mobile .h-icon, .media-flex-center.is-responsive-mobile .h-avatar, .media-flex-center.is-responsive-mobile .h-icon {
            display: block;
            margin: 0 auto
        }

        .media-flex.is-responsive-mobile .flex-meta, .media-flex-center.is-responsive-mobile .flex-meta {
            margin: 10px auto 16px auto
        }

        .media-flex.is-responsive-mobile .flex-end, .media-flex-center.is-responsive-mobile .flex-end {
            margin: 0 auto 10px auto
        }

            .media-flex.is-responsive-mobile .flex-end .end-action, .media-flex-center.is-responsive-mobile .flex-end .end-action {
                margin-left: 0
            }

            .media-flex.is-responsive-mobile .flex-end .button, .media-flex-center.is-responsive-mobile .flex-end .button {
                min-width: 140px
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .media-flex.is-responsive-tablet-p, .media-flex-center.is-responsive-tablet-p {
        flex-direction: column;
        text-align: center
    }

        .media-flex.is-responsive-tablet-p .h-avatar, .media-flex.is-responsive-tablet-p .h-icon, .media-flex-center.is-responsive-tablet-p .h-avatar, .media-flex-center.is-responsive-tablet-p .h-icon {
            display: block;
            margin: 0 auto
        }

        .media-flex.is-responsive-tablet-p .flex-meta, .media-flex-center.is-responsive-tablet-p .flex-meta {
            margin: 10px auto 16px auto
        }

        .media-flex.is-responsive-tablet-p .flex-end, .media-flex-center.is-responsive-tablet-p .flex-end {
            margin: 0 auto 10px auto
        }

            .media-flex.is-responsive-tablet-p .flex-end .end-action, .media-flex-center.is-responsive-tablet-p .flex-end .end-action {
                margin-left: 0
            }

            .media-flex.is-responsive-tablet-p .flex-end .button, .media-flex-center.is-responsive-tablet-p .flex-end .button {
                min-width: 140px
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .media-flex.is-responsive-tablet-l, .media-flex-center.is-responsive-tablet-l {
        flex-direction: column;
        text-align: center
    }

        .media-flex.is-responsive-tablet-l .h-avatar, .media-flex.is-responsive-tablet-l .h-icon, .media-flex-center.is-responsive-tablet-l .h-avatar, .media-flex-center.is-responsive-tablet-l .h-icon {
            display: block;
            margin: 0 auto
        }

        .media-flex.is-responsive-tablet-l .flex-meta, .media-flex-center.is-responsive-tablet-l .flex-meta {
            margin: 10px auto 16px auto
        }

        .media-flex.is-responsive-tablet-l .flex-end, .media-flex-center.is-responsive-tablet-l .flex-end {
            margin: 0 auto 10px auto
        }

            .media-flex.is-responsive-tablet-l .flex-end .end-action, .media-flex-center.is-responsive-tablet-l .flex-end .end-action {
                margin-left: 0
            }

            .media-flex.is-responsive-tablet-l .flex-end .button, .media-flex-center.is-responsive-tablet-l .flex-end .button {
                min-width: 140px
            }

    .friend-cards-list .is-friend-card .friend-item .text-content a {
        font-size: .8rem !important
    }

    .friend-cards-list .is-friend-card .friend-item .text-content span {
        font-size: .65rem !important
    }
}

button.button {
    line-height: 0
}

.button {
    font-size: .8rem;
    font-weight: 500;
    padding: 18px 22px;
    border-radius: .65rem;
    transition: all .3s
}
input.button{
    padding-bottom: 18px 22px 18px 22px !important;
    line-height: normal !important;
}
    .button.is-rounded {
        padding-left: 1.5em;
        padding-right: 1.5em
    }

    .button.icon-button {
        width: 32px;
        height: 32px;
        padding: 0
    }

        .button.icon-button svg {
            height: 16px !important;
            width: 16px !important;
            stroke: #344258
        }

        .button.icon-button.is-solid svg {
            stroke: #fff !important
        }

    .button.has-icon svg {
        height: 16px;
        width: 16px;
        min-height: 16px;
        min-width: 16px;
        margin-right: 4px
    }

    .button.default-raised:hover {
        box-shadow: 0 14px 26px -12px rgba(0,0,0,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);
        opacity: .8
    }

    .button.is-phantom {
        background: transparent;
        border: 2px solid transparent
    }

        .button.is-phantom.primary-button {
            color: #3d70b2
        }

            .button.is-phantom.primary-button:hover {
                border-color: #3d70b2
            }

        .button.is-phantom.accent-button {
            color: #3d70b2
        }

            .button.is-phantom.accent-button:hover {
                border-color: #3d70b2
            }

    .button.is-reversed-phantom {
        background: transparent;
        border: 1px solid transparent
    }

        .button.is-reversed-phantom.primary-button {
            color: #3d70b2
        }

            .button.is-reversed-phantom.primary-button:hover {
                border-color: transparent !important;
                background: #3d70b2;
                color: #fafafa
            }

        .button.is-reversed-phantom.accent-button {
            color: #3d70b2
        }

            .button.is-reversed-phantom.accent-button:hover {
                border-color: transparent !important;
                background: #3d70b2;
                color: #fafafa
            }

    .button.is-solid.primary-button {
        background: #3d70b2;
        border-color: #3d70b2;
        color: #fff
    }

        .button.is-solid.primary-button.raised:hover {
            box-shadow: 0 14px 26px -12px rgba(61,112,178,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(61,112,178,.2) !important;
            opacity: .8
        }

    .button.is-solid.secondary-button {
        background: #41d6c3;
        border-color: #41d6c3;
        color: #fff
    }

        .button.is-solid.secondary-button.raised:hover {
            box-shadow: 0 14px 26px -12px rgba(65,214,195,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(65,214,195,.2) !important;
            opacity: .8
        }

    .button.is-solid.accent-button {
        background: #3d70b2;
        border-color: #3d70b2;
        color: #fff
    }

        .button.is-solid.accent-button.raised:hover {
            box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important;
            opacity: .8
        }

    .button.is-solid.red-button {
        background: #f71416;
        border-color: #f71416;
        color: #fff
    }

        .button.is-solid.red-button.raised:hover {
            box-shadow: 0 14px 26px -12px rgba(247,20,22,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(247,20,22,.2) !important;
            opacity: .8
        }

    .button.is-solid.green-button {
        background: #1ce589;
        border-color: #1ce589;
        color: #fff
    }

        .button.is-solid.green-button.raised:hover {
            box-shadow: 0 14px 26px -12px rgba(28,229,137,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(28,229,137,.2) !important;
            opacity: .8
        }

    .button.is-solid.blue-button {
        background: #039be5;
        border-color: #039be5;
        color: #fff
    }

        .button.is-solid.blue-button.raised:hover {
            box-shadow: 0 14px 26px -12px rgba(3,155,229,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(3,155,229,.2) !important;
            opacity: .8
        }

    .button.is-solid.grey-button {
        background: #f7f7f7;
        border-color: #f7f7f7
    }

        .button.is-solid.grey-button svg {
            stroke: #344258 !important
        }

        .button.is-solid.grey-button:hover {
            background: #f2f2f2;
            border-color: #f2f2f2
        }

    .button.is-solid.dark-grey-button {
        background: #ededed;
        border-color: #ededed
    }

        .button.is-solid.dark-grey-button svg {
            stroke: #344258 !important
        }

        .button.is-solid.dark-grey-button:hover {
            background: #dedede;
            border-color: #dedede
        }

    .button.light-button {
        background: transparent;
        border-color: #fff;
        color: #fff;
        font-weight: 500
    }

        .button.light-button:hover {
            background: #fff;
            color: #393a4f
        }

        .button.light-button.raised:hover {
            box-shadow: 0 14px 26px -12px rgba(61,112,178,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(61,112,178,.2) !important !important;
            opacity: .8
        }

.like-wrapper .like-button {
    position: relative;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 5px 43px rgba(0,0,0,.18);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    text-decoration: none;
    opacity: 1 !important;
    overflow: hidden
}

    .like-wrapper .like-button .like-overlay {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 54px;
        height: 54px;
        border-radius: 50%;
        background: #d10709;
        transform: scale(0);
        transition: all .4s;
        z-index: 0
    }
    .like-wrapper .like-button i {
        font-size: 24px !important
    }
    .like-wrapper .like-button i.not-liked {
        display: block;
        color: #d10709;
        position: relative;
        z-index: 1
    }

    .like-wrapper .like-button i.is-liked {
        display: none;
        color: #fff;
        position: relative;
        z-index: 1
    }

    .like-wrapper .like-button.is-active {
        box-shadow: 0px 5px 43px rgba(247,20,22,.18)
    }

        .like-wrapper .like-button.is-active .like-overlay {
            transform: scale(1)
        }

        .like-wrapper .like-button.is-active i.not-liked {
            display: none
        }

        .like-wrapper .like-button.is-active i.is-liked {
            display: block
        }

.fab-wrapper.is-share a {
    background: #6ba4e9;
    box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
}

    .fab-wrapper.is-share a:hover {
        background: #8ab7ee
    }

        .fab-wrapper.is-share a:hover svg {
            stroke: #fff
        }

.fab-wrapper.is-comment a {
    background: #6ba4e9;
    box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
}

    .fab-wrapper.is-comment a:hover {
        background: #8ab7ee
    }

        .fab-wrapper.is-comment a:hover svg {
            stroke: #fff
        }

.fab-wrapper .small-fab {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    color: #fcfcfc;
    opacity: 1;
    transition: all .3s
}

    .fab-wrapper .small-fab svg {
        width: 18px;
        height: 18px;
        transition: all .3s
    }

    .fab-wrapper .small-fab.is-active {
        background: #3d70b2
    }

.load-more-wrap {
    padding: 40px 0
}

    .load-more-wrap.narrow-top {
        padding-top: 20px 0
    }

.load-more-button {
    box-sizing: border-box;
    display: inline-block;
    width: 9em;
    height: 2.75em;
    padding: .5em 1em;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
    color: #757a91 !important;
    white-space: nowrap;
    line-height: 1.5;
    font-size: 1em;
    text-decoration: none;
    transition: width .1s ease,height .4s ease,border-width .4s ease,border-radius .4s ease,border-color .4s ease,padding .4s ease
}

    .load-more-button:focus {
        outline: none;
        border-color: #ddd
    }

    .load-more-button:hover {
        background: #fafafa
    }

    .load-more-button.loading {
        height: 24px;
        width: 24px;
        padding: 0;
        border-width: 2px;
        border-radius: 17px;
        border-color: #eee #eee #eee #999;
        background: #fff;
        font-size: 0;
        color: transparent;
        pointer-events: none;
        animation: spin 1.2s infinite linear
    }

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.spinner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 38px;
    min-width: 110px;
    border: 1px solid #e8e8e8;
    border-radius: 100px;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
    padding: 0 4px
}

    .spinner .add, .spinner .remove {
        height: 38px;
        width: 38px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
        background: none;
        cursor: pointer;
        outline: none !important
    }

        .spinner .add:hover svg, .spinner .remove:hover svg {
            stroke: #393a4f
        }

        .spinner .add svg, .spinner .remove svg {
            height: 14px;
            width: 14px;
            stroke: #6f7592;
            transition: stroke .3s
        }

    .spinner .value {
        font-size: .9rem;
        font-weight: 500;
        color: #393a4f;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

.dropdown-divider {
    background-color: #e8e8e8
}

.dropdown .avatar-button {
    display: flex;
    align-items: center;
    cursor: pointer
}

    .dropdown .avatar-button img {
        height: 22px;
        width: 22px;
        display: block;
        margin: 0 auto;
        border-radius: 50%
    }

    .dropdown .avatar-button svg {
        transform: rotate(180deg);
        fill: #393a4f;
        height: 8px;
        width: 8px;
        margin: 0 4px
    }

.card-heading .dropdown.is-spaced > div .button, .about-card .header .actions .dropdown.is-spaced > div .button {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    width: 32px;
    border: none;
    border-radius: 50%;
    transition: all .3s
}

    .card-heading .dropdown.is-spaced > div .button:hover, .about-card .header .actions .dropdown.is-spaced > div .button:hover {
        background: #f5f5f5
    }

    .card-heading .dropdown.is-spaced > div .button svg, .about-card .header .actions .dropdown.is-spaced > div .button svg {
        height: 20px;
        width: 20px;
        transition: all .3s
    }

.dropdown.is-spaced.is-modern.is-active .caret {
    transform: rotate(180deg)
}

.dropdown.is-spaced.is-modern.is-active .main-icon {
    transform: rotate(360deg)
}

.dropdown.is-spaced.is-modern > div .button {
    min-width: 110px;
    border-radius: 100px
}

    .dropdown.is-spaced.is-modern > div .button .caret, .dropdown.is-spaced.is-modern > div .button .main-icon {
        transition: all .3s
    }

.dropdown.is-spaced.is-modern .dropdown-menu {
    margin-top: 6px
}

.dropdown.is-spaced .dropdown-menu {
    box-shadow: 0px 5px 16px rgba(0,0,0,.05);
    border-color: #e8e8e8;
    padding-top: 0;
    min-width: 280px;
    border-radius: .65rem
}

    .dropdown.is-spaced .dropdown-menu.has-margin {
        margin-top: 10px
    }

    .dropdown.is-spaced .dropdown-menu .dropdown-content {
        border: 1px solid #e8e8e8;
        box-shadow: none;
        border-radius: .65rem
    }

.dropdown.is-spaced .dropdown-item {
    padding-right: 1rem !important;
    padding: .5rem 1rem
}

    .dropdown.is-spaced .dropdown-item:hover {
        background: #fafafa
    }

        .dropdown.is-spaced .dropdown-item:hover h3 {
            color: #3d70b2
        }

        .dropdown.is-spaced .dropdown-item:hover svg {
            stroke: #3d70b2
        }

    .dropdown.is-spaced .dropdown-item.is-selected .checkmark {
        display: block !important
    }

    .dropdown.is-spaced .dropdown-item.is-header h5 {
        font-weight: 500;
        margin-bottom: 10px;
        color: #757a91
    }

    .dropdown.is-spaced .dropdown-item .media {
        align-items: center
    }

        .dropdown.is-spaced .dropdown-item .media .media-content {
            line-height: 1.2
        }

        .dropdown.is-spaced .dropdown-item .media h3 {
            font-weight: 500;
            font-size: .85rem;
            color: #393a4f;
            transition: all .3s;
            line-height: 1.2
        }

        .dropdown.is-spaced .dropdown-item .media img {
            display: block;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            margin-right: 20px
        }

        .dropdown.is-spaced .dropdown-item .media svg {
            width: 18px;
            height: 18px;
            margin-right: 10px;
            stroke-width: 1px;
            stroke: #757a91;
            transition: all .3s
        }

        .dropdown.is-spaced .dropdown-item .media small {
            color: #a2a5b9
        }

        .dropdown.is-spaced .dropdown-item .media .checkmark {
            display: none
        }

            .dropdown.is-spaced .dropdown-item .media .checkmark svg {
                margin-right: 0;
                margin-left: auto
            }

    .dropdown.is-spaced .dropdown-item.is-title {
        background-color: transparent;
        margin-bottom: 10px
    }

    .dropdown.is-spaced .dropdown-item.is-active {
        background: #039be5
    }

        .dropdown.is-spaced .dropdown-item.is-active svg {
            stroke: #fff
        }

        .dropdown.is-spaced .dropdown-item.is-active small {
            color: #fff
        }

.dropdown.is-spaced.is-accent .dropdown-item:hover {
    background: #fafafa
}

    .dropdown.is-spaced.is-accent .dropdown-item:hover h3 {
        color: #3d70b2 !important
    }

    .dropdown.is-spaced.is-accent .dropdown-item:hover svg {
        stroke: #3d70b2 !important
    }

.dropdown.is-spaced.is-neutral .dropdown-item:hover {
    background: #fafafa
}

    .dropdown.is-spaced.is-neutral .dropdown-item:hover h3 {
        color: #393a4f !important
    }

    .dropdown.is-spaced.is-neutral .dropdown-item:hover svg {
        stroke: #757a91 !important
    }

body.is-dark .dropdown.is-spaced:hover > div .button, body.is-dark .dropdown.is-spaced.is-active > div .button {
    background: #242d3c !important
}

    body.is-dark .dropdown.is-spaced:hover > div .button svg, body.is-dark .dropdown.is-spaced.is-active > div .button svg {
        stroke: #fafafa
    }

body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content {
    background: #171c26 !important;
    border-color: #2f3b50 !important
}

    body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading {
        border-color: #2f3b50 !important
    }

        body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading:hover, body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading *:hover {
            background: #202836 !important
        }

        body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading .heading-right .notification-link {
            color: #3d70b2 !important
        }

body.is-dark .dropdown.is-neutral .dropdown-menu .dropdown-content .dropdown-item:hover h3 {
    color: #fafafa !important
}

body.is-dark .dropdown.is-neutral .dropdown-menu .dropdown-content .dropdown-item:hover svg {
    stroke: #fafafa !important
}

body.is-dark .dropdown .dropdown-menu .dropdown-content {
    background: #202836;
    border-color: #2f3b50 !important
}

    body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-item {
        color: #a2a5b9
    }

        body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-item.is-active {
            background: #3d70b2 !important
        }

        body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-item:hover .media .media-content h3 {
            color: #3d70b2
        }

        body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-item .media .media-content h3 {
            color: #fafafa
        }

    body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-divider {
        background: #293446
    }

    body.is-dark .dropdown .dropdown-menu .dropdown-content a:hover {
        background: #262f40 !important
    }

body.is-dark .child-dropdown .inner {
    background: #202836 !important;
    border-color: #283143 !important
}

    body.is-dark .child-dropdown .inner:hover {
        background: #202836 !important;
        border-color: #283143 !important
    }

    body.is-dark .child-dropdown .inner ul li .text span:first-child {
        color: #fafafa !important
    }

.emoji-picker {
    border-color: #e5e5e5 !important;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important;
    margin: 0 !important;
    top: -6px !important;
    height: 24.5rem !important
}

    .emoji-picker .emoji-picker__search-container {
        display: none !important
    }

        .emoji-picker .emoji-picker__search-container input {
            outline: none !important;
            padding-left: 12px !important;
            transition: all .3s !important;
            border-radius: 100px !important
        }

            .emoji-picker .emoji-picker__search-container input:focus {
                border-color: #e0e0e0;
                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
            }

                .emoji-picker .emoji-picker__search-container input:focus + span {
                    color: #3d70b2
                }

            .emoji-picker .emoji-picker__search-container input + span svg {
                vertical-align: top
            }

    .emoji-picker .emoji-picker__content .emoji-picker__tabs-container .emoji-picker__tabs .emoji-picker__tab {
        color: #999
    }

        .emoji-picker .emoji-picker__content .emoji-picker__tabs-container .emoji-picker__tabs .emoji-picker__tab.active {
            color: #3d70b2;
            border-bottom-color: #3d70b2
        }

    .emoji-picker .emoji-picker__content .emoji-picker__tabs-container div > .emoji-picker__tab-body {
        border-bottom: 1px solid #e8e8e8
    }

        .emoji-picker .emoji-picker__content .emoji-picker__tabs-container div > .emoji-picker__tab-body h2 {
            padding: 4px 0
        }

        .emoji-picker .emoji-picker__content .emoji-picker__tabs-container div > .emoji-picker__tab-body .emoji-picker__emojis {
            height: 16.5rem;
            width: calc(1.3rem * 1.4 * 10);
            margin: 0 auto;
            overflow-x: hidden !important
        }

            .emoji-picker .emoji-picker__content .emoji-picker__tabs-container div > .emoji-picker__tab-body .emoji-picker__emojis::-webkit-scrollbar {
                width: 6px !important
            }

            .emoji-picker .emoji-picker__content .emoji-picker__tabs-container div > .emoji-picker__tab-body .emoji-picker__emojis::-webkit-scrollbar-thumb {
                border-radius: 10px !important;
                background: rgba(0,0,0,.2) !important
            }

    .emoji-picker .emoji-picker__preview {
        border-top: none;
        height: 3.3em
    }

.nav-tabs-wrapper .tabs ul.is-faded {
    border-bottom-color: transparent !important
}

.nav-tabs-wrapper .tabs ul li a {
    color: #cecece;
    border-image-width: 2px
}

.nav-tabs-wrapper .tabs ul li:hover a {
    border-bottom-color: inherit
}

.nav-tabs-wrapper .tabs ul li.is-active a {
    color: #3d70b2;
    border-bottom-color: #3d70b2
}

.nav-tabs-wrapper .tab-content {
    display: none;
    overflow: hidden;
    padding: 0 10px 10px 10px;
    animation: fadeInLeft .5s
}

    .nav-tabs-wrapper .tab-content.is-active {
        display: block
    }

.modal {
    z-index: 1050
}

    .modal .modal-background {
        transition: all .3s
    }

    .modal.is-xsmall .modal-content {
        width: 480px
    }

    .modal.is-small .modal-content {
        width: 540px
    }

    .modal.is-medium .modal-content {
        width: 720px
    }

    .modal.is-large .modal-content {
        width: 840px
    }

    .modal.is-xlarge .modal-content {
        width: 1200px
    }

    .modal.is-xxl .modal-content {
        width: 1340px
    }

    .modal.is-light-bg .modal-background {
        background: rgba(0,0,0,.4)
    }

    .modal .card, .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card, .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card {
        animation: modalScale .3s;
        margin-bottom: 0
    }

        .modal .card .card-heading, .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-heading {
            display: flex;
            align-items: center;
            padding: 8px 12px
        }

            .modal .card .card-heading h3, .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-heading h3 {
                font-size: .95rem;
                font-weight: 500
            }

            .modal .card .card-heading .close-wrap, .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .close-wrap, .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-heading .close-wrap {
                height: 30px;
                width: 30px;
                margin-left: auto
            }

                .modal .card .card-heading .close-wrap .close-modal, .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .close-wrap .close-modal, .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-heading .close-wrap .close-modal {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 30px;
                    width: 30px;
                    border-radius: 50%;
                    background: transparent;
                    cursor: pointer;
                    transition: background .3s
                }

                    .modal .card .card-heading .close-wrap .close-modal:hover, .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .close-wrap .close-modal:hover, .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-heading .close-wrap .close-modal:hover {
                        background: #e8e8e8
                    }

                    .modal .card .card-heading .close-wrap .close-modal svg, .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .close-wrap .close-modal svg, .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-heading .close-wrap .close-modal svg {
                        height: 18px;
                        width: 18px;
                        stroke: #757a91
                    }

        .modal .card .card-body, .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-body {
            padding: 8px 12px
        }

.create-group-modal .card-heading {
    border-bottom: 1px solid #e8e8e8
}

.create-group-modal .subheading {
    display: flex;
    align-items: center;
    padding: 12px;
    border-bottom: 1px solid #e8e8e8
}

    .create-group-modal .subheading .group-avatar {
        position: relative;
        cursor: pointer
    }

        .create-group-modal .subheading .group-avatar input {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            width: 100%;
            height: 100%
        }

        .create-group-modal .subheading .group-avatar .add-photo {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 42px;
            width: 42px;
            background: #ededed;
            border-radius: 4px
        }

            .create-group-modal .subheading .group-avatar .add-photo svg {
                height: 18px;
                width: 18px;
                stroke: #757a91
            }
    .create-group-modal .subheading .control{
        width: 90%
    }
    .create-group-modal .subheading .control input {
        margin: 0 10px;
        border: none !important
    }

.create-group-modal .card-body {
    padding: 0 !important
}

    .create-group-modal .card-body .inner {
        display: flex;
        align-items: flex-start
    }

        .create-group-modal .card-body .inner .left-section {
            width: 67%
        }

            .create-group-modal .card-body .inner .left-section .search-subheader {
                border-bottom: 1px solid #e8e8e8;
                padding: 0 12px;
                height: 57px;
                display: flex;
                justify-content: center;
                align-items: center
            }

                .create-group-modal .card-body .inner .left-section .search-subheader .control {
                    width: 100%;
                    position: relative
                }

                    .create-group-modal .card-body .inner .left-section .search-subheader .control input {
                        height: 32px;
                        border-radius: 0;
                        padding-left: 36px;
                        font-size: .9rem;
                        transition: all .3s
                    }

                        .create-group-modal .card-body .inner .left-section .search-subheader .control input:focus {
                            border-color: #cecece
                        }

                            .create-group-modal .card-body .inner .left-section .search-subheader .control input:focus + .icon svg {
                                stroke: #3d70b2
                            }

                    .create-group-modal .card-body .inner .left-section .search-subheader .control .icon {
                        position: absolute;
                        top: 0;
                        left: 0;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 32px;
                        width: 32px
                    }

                        .create-group-modal .card-body .inner .left-section .search-subheader .control .icon svg {
                            width: 18px;
                            height: 18px;
                            stroke: #cecece;
                            transition: all .3s
                        }

            .create-group-modal .card-body .inner .left-section .user-list {
                height: 298px;
                padding: 12px 0;
                overflow-y: auto
            }

                .create-group-modal .card-body .inner .left-section .user-list .friend-block {
                    display: flex;
                    align-items: center;
                    margin-bottom: 6px;
                    padding: 6px 12px;
                    border-radius: 0;
                    cursor: pointer
                }

                    .create-group-modal .card-body .inner .left-section .user-list .friend-block:hover {
                        background: #f2f2f2
                    }

                    .create-group-modal .card-body .inner .left-section .user-list .friend-block .friend-avatar {
                        height: 40px;
                        width: 40px;
                        border-radius: 50%
                    }

                    .create-group-modal .card-body .inner .left-section .user-list .friend-block .friend-name {
                        font-size: .85rem;
                        font-weight: 500;
                        color: #393a4f;
                        margin: 0 10px
                    }

                    .create-group-modal .card-body .inner .left-section .user-list .friend-block .round-checkbox {
                        margin-left: auto;
                        margin-right: 12px
                    }

        .create-group-modal .card-body .inner .right-section {
            width: 33%;
            height: 355px;
            background: #f5f6f7;
            border-left: 1px solid #e8e8e8;
            overflow-y: auto
        }

            .create-group-modal .card-body .inner .right-section .selected-count {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 6px 12px;
                min-height: 57px
            }

                .create-group-modal .card-body .inner .right-section .selected-count span {
                    display: block;
                    font-size: .9rem;
                    font-weight: 500;
                    color: #999
                }

                    .create-group-modal .card-body .inner .right-section .selected-count span:first-child {
                        text-transform: uppercase;
                        font-size: .7rem
                    }

            .create-group-modal .card-body .inner .right-section .selected-list {
                padding: 12px
            }

                .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block {
                    display: flex;
                    align-items: center;
                    padding: 6px 0;
                    border-radius: 0
                }
                .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block a.button {
                    position:absolute;
                    right: 10px;
                    padding: 5px
                }
                    .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .image-wrapper {
                        position: relative
                    }

                        .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .image-wrapper .checked-badge {
                            position: absolute;
                            bottom: 6px;
                            right: -1px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            height: 18px;
                            width: 18px;
                            border: 2px solid #f5f6f7;
                            border-radius: 50%;
                            background: #757a91
                        }

                            .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .image-wrapper .checked-badge svg {
                                height: 8px;
                                width: 8px;
                                stroke: #fafafa;
                                stroke-width: 3px
                            }

                    .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .friend-avatar {
                        height: 40px;
                        width: 40px;
                        border-radius: 50%
                    }

                    .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .friend-name {
                        font-size: .85rem;
                        font-weight: 500;
                        color: #393a4f;
                        margin: 0 14px
                    }

.create-group-modal .card-footer {
    /*display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0 !important;
    padding: 8px display: flex;*/
    justify-content: space-between;
    align-items: center;
    margin: 0 !important;
    padding: 8px;
    background: #f5f6f7;
    border-radius: 0 0 6px 6px;
}
.create-group-modal .card-footer .action-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.create-group-modal .card-footer .action-wrap button
{
    line-height: 0;
    height: 36px;
    padding: 6px;
}
.create-group-modal .card-footer .action-wrap button svg{
    width: 16px;
    height: 16px;
}
.create-group-modal .card-footer .action-wrap button span{
    margin: 0 4px;
}
.create-group-modal .card-footer button {
    margin-left: 12px;
    line-height: 0
}

.albums-help-modal .card, .albums-help-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card, .shop-wrapper .cart-container .cart-content .cart-summary .albums-help-modal .summary-card, .videos-help-modal .card, .videos-help-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card, .shop-wrapper .cart-container .cart-content .cart-summary .videos-help-modal .summary-card {
    overflow: hidden
}

.albums-help-modal .card-heading, .videos-help-modal .card-heading {
    border-bottom: 1px solid #e8e8e8
}

.albums-help-modal .card-body .content-block, .videos-help-modal .card-body .content-block {
    position: absolute;
    height: 248px;
    width: 454px;
    opacity: 0;
    transition: all .3s
}

    .albums-help-modal .card-body .content-block:first-child, .videos-help-modal .card-body .content-block:first-child {
        transform: translateX(-100%)
    }

    .albums-help-modal .card-body .content-block:nth-child(2), .videos-help-modal .card-body .content-block:nth-child(2) {
        transform: translateX(100%)
    }

    .albums-help-modal .card-body .content-block img, .videos-help-modal .card-body .content-block img {
        display: block;
        height: 140px;
        margin: 20px auto
    }

    .albums-help-modal .card-body .content-block .help-text, .videos-help-modal .card-body .content-block .help-text {
        text-align: center;
        max-width: 350px;
        margin: 0 auto
    }

        .albums-help-modal .card-body .content-block .help-text h3, .videos-help-modal .card-body .content-block .help-text h3 {
            font-weight: 500
        }

        .albums-help-modal .card-body .content-block .help-text p, .videos-help-modal .card-body .content-block .help-text p {
            color: #999;
            font-size: .9rem
        }

    .albums-help-modal .card-body .content-block.is-active, .videos-help-modal .card-body .content-block.is-active {
        transform: translateX(0);
        opacity: 1
    }

.albums-help-modal .card-body .slide-dots, .videos-help-modal .card-body .slide-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 258px 0 16px 0
}

    .albums-help-modal .card-body .slide-dots .dot, .videos-help-modal .card-body .slide-dots .dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #e8e8e8;
        margin: 0 3px
    }

        .albums-help-modal .card-body .slide-dots .dot.is-active, .videos-help-modal .card-body .slide-dots .dot.is-active {
            background: #3d70b2
        }

.albums-help-modal .card-body .action, .videos-help-modal .card-body .action {
    text-align: center;
    margin-bottom: 16px
}

    .albums-help-modal .card-body .action button, .videos-help-modal .card-body .action button {
        line-height: 0;
        width: 160px
    }

.albums-modal .modal-content {
    max-width: calc(100% - 40px);
    max-height: calc(100vh - 20px) !important
}

    .albums-modal .modal-content .modal-card {
        max-height: calc(100vh - 20px) !important
    }

.albums-modal .card-heading {
    border-bottom: 1px solid #e8e8e8;
    justify-content: flex-start !important
}

    .albums-modal .card-heading .button {
        line-height: 0 !important;
        padding: 14px 18px !important;
        margin-left: auto;
        margin-right: 10px;
        cursor: pointer
    }

        .albums-modal .card-heading .button i {
            font-size: 18px
        }

    .albums-modal .card-heading .close-wrap {
        margin-left: 0 !important
    }

.albums-modal .card-body {
    padding: 0 !important;
    display: flex
}

    .albums-modal .card-body .left-section, .albums-modal .card-body .right-section {
        padding: 12px;
        height: 580px
    }

    .albums-modal .card-body .left-section {
        width: 25%;
        background: #f5f6f7;
        border-right: 1px solid #e8e8e8
    }

        .albums-modal .card-body .left-section .control {
            margin-bottom: 10px
        }

            .albums-modal .card-body .left-section .control input {
                padding-left: 34px
            }

            .albums-modal .card-body .left-section .control .icon {
                position: absolute;
                top: 0;
                left: 0;
                height: 36px;
                width: 36px;
                display: flex;
                justify-content: center;
                align-items: center;
                color: #cecece
            }

                .albums-modal .card-body .left-section .control .icon svg {
                    width: 16px;
                    height: 16px;
                    transition: all .3s
                }

        .albums-modal .card-body .left-section .album-form {
            margin-bottom: 20px
        }

        .albums-modal .card-body .left-section .tagged-in-album {
            margin: 0 0 10px 0
        }

            .albums-modal .card-body .left-section .tagged-in-album .head {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 3px
            }

                .albums-modal .card-body .left-section .tagged-in-album .head h4 {
                    font-weight: 500;
                    font-size: .85rem;
                    color: #393a4f
                }

                .albums-modal .card-body .left-section .tagged-in-album .head .button {
                    height: 22px;
                    width: 22px;
                    outline: none
                }

                    .albums-modal .card-body .left-section .tagged-in-album .head .button svg {
                        height: 12px !important;
                        width: 12px !important;
                        stroke-width: 2.6px
                    }

            .albums-modal .card-body .left-section .tagged-in-album p {
                font-size: .75rem;
                max-width: 250px;
                color: #999;
                margin-bottom: 8px
            }

        .albums-modal .card-body .left-section .album-tag-list {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap
        }

            .albums-modal .card-body .left-section .album-tag-list .tagged-user {
                position: relative
            }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(1) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(2) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(3) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(4) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(5) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(6) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(7) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(8) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(9) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(10) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(11) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(12) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(13) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(14) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(15) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(16) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(17) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(18) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(19) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(20) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(21) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(22) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(23) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(24) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(25) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(26) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(27) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(28) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(29) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(30) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(31) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(32) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(33) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(34) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(35) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(36) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(37) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(38) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(39) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(40) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(41) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(42) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(43) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(44) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(45) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(46) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(47) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(48) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(49) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(50) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(51) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(52) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(53) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(54) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(55) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(56) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(57) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(58) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(59) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(60) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(61) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(62) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(63) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(64) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(65) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(66) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(67) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(68) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(69) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(70) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(71) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(72) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(73) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(74) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(75) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(76) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(77) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(78) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(79) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(80) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(81) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(82) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(83) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(84) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(85) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(86) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(87) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(88) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(89) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(90) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(91) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(92) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(93) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(94) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(95) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(96) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(97) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(98) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(99) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:hover .remove-tag {
                    display: flex
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user img {
                    height: 42px;
                    width: 42px;
                    border-radius: 50%;
                    border: 3px solid #f5f6f7
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user .remove-tag {
                    position: absolute;
                    top: -5px;
                    left: -7px;
                    display: none;
                    justify-content: center;
                    align-items: center;
                    height: 22px;
                    width: 22px;
                    border-radius: 50%;
                    border: 2px solid #fafafa;
                    background: #999;
                    cursor: pointer
                }

                    .albums-modal .card-body .left-section .album-tag-list .tagged-user .remove-tag:hover {
                        background: #f71416
                    }

                    .albums-modal .card-body .left-section .album-tag-list .tagged-user .remove-tag svg {
                        height: 12px;
                        width: 12px;
                        stroke: #fafafa
                    }

        .albums-modal .card-body .left-section .shared-album, .albums-modal .card-body .left-section .album-date {
            margin-bottom: 10px;
            margin-top: 0
        }

            .albums-modal .card-body .left-section .shared-album .head, .albums-modal .card-body .left-section .album-date .head {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 3px
            }

                .albums-modal .card-body .left-section .shared-album .head h4, .albums-modal .card-body .left-section .album-date .head h4 {
                    font-weight: 500;
                    font-size: .85rem;
                    color: #393a4f
                }

                .albums-modal .card-body .left-section .shared-album .head .basic-checkbox label:before, .albums-modal .card-body .left-section .album-date .head .basic-checkbox label:before {
                    margin-right: 0
                }

                .albums-modal .card-body .left-section .shared-album .head .button, .albums-modal .card-body .left-section .album-date .head .button {
                    height: 22px;
                    width: 22px;
                    outline: none
                }

                    .albums-modal .card-body .left-section .shared-album .head .button svg, .albums-modal .card-body .left-section .album-date .head .button svg {
                        height: 12px !important;
                        width: 12px !important;
                        stroke-width: 2.6px
                    }

            .albums-modal .card-body .left-section .shared-album p, .albums-modal .card-body .left-section .album-date p {
                font-size: .75rem;
                max-width: 250px;
                color: #999;
                margin-bottom: 8px
            }

        .albums-modal .card-body .left-section .album-date {
            margin-top: 20px
        }

    .albums-modal .card-body .right-section {
        width: 75%;
        overflow-y: auto
    }

.albums-modal .card-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0 !important;
    padding: 8px
}

    .albums-modal .card-footer button {
        margin-left: 6px;
        line-height: 0
    }

    .albums-modal .card-footer .dropdown button {
        padding: 0 16px;
        height: 38px
    }

        .albums-modal .card-footer .dropdown button svg {
            height: 16px;
            width: 16px
        }

            .albums-modal .card-footer .dropdown button svg.main-icon {
                margin-right: 4px
            }

        .albums-modal .card-footer .dropdown button i {
            font-size: 18px;
            margin-right: 4px
        }

.videos-modal .modal-content {
    max-width: calc(100% - 40px);
    max-height: calc(100vh - 20px) !important
}

.videos-modal .modal-card {
    max-height: calc(100vh - 20px) !important
}

.videos-modal .card-heading {
    border-bottom: 1px solid #e8e8e8;
    justify-content: flex-start !important
}

    .videos-modal .card-heading .button {
        line-height: 0 !important;
        padding: 14px 18px !important;
        margin-left: auto;
        margin-right: 10px;
        cursor: pointer
    }

        .videos-modal .card-heading .button i {
            font-size: 18px;
            margin-right: 4px
        }

    .videos-modal .card-heading .close-wrap {
        margin-left: 0 !important
    }

.videos-modal .card-body {
    padding: 0 !important
}

    .videos-modal .card-body .inner {
        display: flex;
        align-items: stretch
    }

        .videos-modal .card-body .inner .left-section {
            width: 65%
        }

        .videos-modal .card-body .inner .right-section {
            position: relative;
            width: 35%;
            border-left: 1px solid #e8e8e8
        }

            .videos-modal .card-body .inner .right-section .comment-controls {
                position: absolute;
                bottom: 0;
                left: 0;
                background: #eff1f2;
                height: 50px;
                width: 100%;
                border-radius: 0 0 6px 0;
                border-top: 1px solid #dee2e5
            }

                .videos-modal .card-body .inner .right-section .comment-controls .controls-inner {
                    position: relative;
                    display: flex;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    padding: 0 16px
                }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner img {
                        height: 32px;
                        width: 32px;
                        border-radius: 50%
                    }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .control {
                        position: relative;
                        width: 100%
                    }

                        .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .control .textarea, .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .control .emojionearea-editor {
                            resize: none;
                            height: 36px;
                            max-height: 36px;
                            min-height: 36px;
                            border-radius: 100px;
                            overflow: hidden;
                            line-height: 1.6;
                            font-size: .8rem;
                            padding-left: 16px;
                            margin: 0 6px
                        }

                        .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .control .emoji-button {
                            position: absolute;
                            top: 0;
                            right: 0;
                            height: 36px;
                            width: 36px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            background: none;
                            border: none;
                            outline: none;
                            transition: all .3s;
                            cursor: pointer
                        }

                            .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .control .emoji-button:hover svg {
                                stroke: #3d70b2
                            }

                            .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .control .emoji-button svg {
                                height: 16px;
                                width: 16px;
                                stroke: #a2a5b9;
                                transition: all .3s
                            }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea-editor {
                        padding-left: 0 !important
                    }

                        .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea-editor img {
                            height: 18px;
                            width: 18px;
                            min-height: 18px;
                            max-height: 18px
                        }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea {
                        overflow: visible !important
                    }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea-picker {
                        top: -230px;
                        position: absolute;
                        left: -50px;
                        width: 310px
                    }

                        .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea-picker .emojionearea-wrapper {
                            width: 310px
                        }

                            .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea-picker .emojionearea-wrapper img {
                                height: 22px;
                                width: 22px;
                                min-height: 22px;
                                max-height: 22px
                            }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea-scroll-area {
                        width: 310px
                    }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea .emojionearea-button > div.emojionearea-button-open {
                        background-position: 0 -22px
                    }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn {
                        width: 24px !important;
                        height: 24px !important
                    }

            .videos-modal .card-body .inner .right-section .header {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                padding: 12px;
                width: 100%
            }

                .videos-modal .card-body .inner .right-section .header img {
                    height: 42px;
                    width: 42px;
                    border-radius: 50%
                }

                .videos-modal .card-body .inner .right-section .header .user-meta {
                    margin: 0 10px
                }

                    .videos-modal .card-body .inner .right-section .header .user-meta span {
                        display: block
                    }

                        .videos-modal .card-body .inner .right-section .header .user-meta span:first-child {
                            font-size: .9rem;
                            font-weight: 500
                        }

                            .videos-modal .card-body .inner .right-section .header .user-meta span:first-child small {
                                color: #999
                            }

                        .videos-modal .card-body .inner .right-section .header .user-meta span:nth-child(2) {
                            font-size: .8rem;
                            color: #999
                        }

                .videos-modal .card-body .inner .right-section .header .button {
                    line-height: 0;
                    margin-left: auto;
                    padding: 14px 18px
                }

                .videos-modal .card-body .inner .right-section .header .dropdown .button {
                    padding: 18px 6px;
                    border: none;
                    background: transparent
                }

                    .videos-modal .card-body .inner .right-section .header .dropdown .button svg {
                        height: 18px;
                        width: 18px
                    }

                    .videos-modal .card-body .inner .right-section .header .dropdown .button img {
                        border-radius: 50%
                    }

                .videos-modal .card-body .inner .right-section .header .dropdown .dropdown-menu {
                    margin-top: 10px
                }

            .videos-modal .card-body .inner .right-section .inner-content {
                padding: 12px
            }

                .videos-modal .card-body .inner .right-section .inner-content .control {
                    width: 100%
                }

                    .videos-modal .card-body .inner .right-section .inner-content .control input {
                        padding-left: 34px
                    }

                        .videos-modal .card-body .inner .right-section .inner-content .control input:focus + .icon svg {
                            stroke: #3d70b2
                        }

                    .videos-modal .card-body .inner .right-section .inner-content .control .icon {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 32px;
                        width: 32px;
                        display: flex;
                        justify-content: center;
                        align-items: center
                    }

                        .videos-modal .card-body .inner .right-section .inner-content .control .icon svg {
                            height: 18px;
                            width: 18px;
                            stroke: #cecece;
                            transition: all .3s
                        }

            .videos-modal .card-body .inner .right-section .live-stats {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 20px 0;
                border-bottom: 1px solid #e8e8e8
            }

                .videos-modal .card-body .inner .right-section .live-stats .social-count {
                    display: flex;
                    align-items: stretch
                }

                    .videos-modal .card-body .inner .right-section .live-stats .social-count .shares-count, .videos-modal .card-body .inner .right-section .live-stats .social-count .comments-count, .videos-modal .card-body .inner .right-section .live-stats .social-count .likes-count, .videos-modal .card-body .inner .right-section .live-stats .social-count .views-count {
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        margin: 0 3px
                    }

                        .videos-modal .card-body .inner .right-section .live-stats .social-count .shares-count span, .videos-modal .card-body .inner .right-section .live-stats .social-count .comments-count span, .videos-modal .card-body .inner .right-section .live-stats .social-count .likes-count span, .videos-modal .card-body .inner .right-section .live-stats .social-count .views-count span {
                            display: block;
                            font-size: .8rem;
                            color: #888da8;
                            margin: 0 5px
                        }

                            .videos-modal .card-body .inner .right-section .live-stats .social-count .shares-count span.views, .videos-modal .card-body .inner .right-section .live-stats .social-count .comments-count span.views, .videos-modal .card-body .inner .right-section .live-stats .social-count .likes-count span.views, .videos-modal .card-body .inner .right-section .live-stats .social-count .views-count span.views {
                                margin: 0 2px
                            }

                        .videos-modal .card-body .inner .right-section .live-stats .social-count .shares-count svg, .videos-modal .card-body .inner .right-section .live-stats .social-count .comments-count svg, .videos-modal .card-body .inner .right-section .live-stats .social-count .likes-count svg, .videos-modal .card-body .inner .right-section .live-stats .social-count .views-count svg {
                            height: 14px;
                            width: 14px;
                            stroke: #888da8
                        }

            .videos-modal .card-body .inner .right-section .actions {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 16px 0
            }

                .videos-modal .card-body .inner .right-section .actions .action {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer
                }

                    .videos-modal .card-body .inner .right-section .actions .action span {
                        display: block;
                        font-size: .8rem;
                        margin: 0 4px;
                        transition: all .3s
                    }

                    .videos-modal .card-body .inner .right-section .actions .action svg {
                        height: 16px;
                        width: 16px;
                        stroke: #888da8;
                        transition: all .3s
                    }

                    .videos-modal .card-body .inner .right-section .actions .action:hover span {
                        color: #3d70b2
                    }

                    .videos-modal .card-body .inner .right-section .actions .action:hover svg {
                        stroke: #3d70b2
                    }

            .videos-modal .card-body .inner .right-section .tabs-wrapper .tabs {
                margin-bottom: 0 !important
            }

                .videos-modal .card-body .inner .right-section .tabs-wrapper .tabs li a {
                    font-size: .85rem;
                    color: #cecece;
                    font-weight: 400
                }

                .videos-modal .card-body .inner .right-section .tabs-wrapper .tabs li:hover a {
                    border-bottom-color: #999
                }

                .videos-modal .card-body .inner .right-section .tabs-wrapper .tabs li.is-active a {
                    font-weight: 500;
                    color: #3d70b2;
                    border-bottom-color: #3d70b2
                }

            .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content {
                background: #f5f6f7;
                height: 320px;
                padding: 20px 14px;
                overflow-y: auto
            }

                .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment {
                    border: none !important;
                    padding-top: 0 !important
                }

                    .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-left {
                        margin-right: 10px
                    }

                        .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-left img {
                            border-radius: 50%
                        }

                    .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content {
                        background: #fff;
                        padding: 8px;
                        border-radius: 12px
                    }

                        .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content .username {
                            font-size: .8rem;
                            font-weight: 500
                        }

                        .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content p {
                            font-size: .75rem;
                            color: #999
                        }

                        .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content .comment-actions {
                            display: flex;
                            align-items: center;
                            padding-top: 8px
                        }

                            .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content .comment-actions span, .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content .comment-actions a {
                                display: block;
                                font-size: .75rem
                            }

                            .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content .comment-actions span {
                                margin: 0 20px;
                                color: #999
                            }

.share-modal .card-heading {
    padding: 8px !important
}

.share-modal .card-heading, .share-modal .share-inputs {
    border-bottom: 1px solid #e8e8e8
}

    .share-modal .card-heading .dropdown, .share-modal .share-inputs .dropdown {
        margin-left: 0 !important
    }

        .share-modal .card-heading .dropdown .button, .share-modal .share-inputs .dropdown .button {
            padding: 10px 12px;
            background: #f5f6f7;
            color: #393a4f
        }

            .share-modal .card-heading .dropdown .button svg, .share-modal .share-inputs .dropdown .button svg {
                height: 16px;
                width: 16px;
                margin: 0 4px;
                stroke: #393a4f
            }

            .share-modal .card-heading .dropdown .button i, .share-modal .share-inputs .dropdown .button i {
                font-size: 20px;
                margin-right: 4px
            }

            .share-modal .card-heading .dropdown .button img, .share-modal .share-inputs .dropdown .button img {
                height: 20px !important;
                width: 20px !important;
                border-radius: 50% !important
            }

        .share-modal .card-heading .dropdown .dropdown-menu, .share-modal .share-inputs .dropdown .dropdown-menu {
            width: 320px
        }

            .share-modal .card-heading .dropdown .dropdown-menu .dropdown-content .dropdown-item, .share-modal .share-inputs .dropdown .dropdown-menu .dropdown-content .dropdown-item {
                cursor: pointer
            }

                .share-modal .card-heading .dropdown .dropdown-menu .dropdown-content .dropdown-item:hover, .share-modal .share-inputs .dropdown .dropdown-menu .dropdown-content .dropdown-item:hover {
                    background: #f5f5f5
                }

            .share-modal .card-heading .dropdown .dropdown-menu .dropdown-content img, .share-modal .share-inputs .dropdown .dropdown-menu .dropdown-content img {
                height: 36px !important;
                width: 36px !important;
                border-radius: 50% !important;
                margin-right: 10px
            }

            .share-modal .card-heading .dropdown .dropdown-menu .dropdown-content i, .share-modal .share-inputs .dropdown .dropdown-menu .dropdown-content i {
                font-size: 22px;
                margin-right: 16px;
                color: #999
            }

            .share-modal .card-heading .dropdown .dropdown-menu .dropdown-content .media-content h3, .share-modal .share-inputs .dropdown .dropdown-menu .dropdown-content .media-content h3 {
                font-size: .85rem
            }

            .share-modal .card-heading .dropdown .dropdown-menu .dropdown-content .media-content small, .share-modal .share-inputs .dropdown .dropdown-menu .dropdown-content .media-content small {
                color: #999
            }

        .share-modal .card-heading .dropdown.is-active .button, .share-modal .share-inputs .dropdown.is-active .button {
            background: #3d70b2;
            color: #fafafa
        }

            .share-modal .card-heading .dropdown.is-active .button svg, .share-modal .share-inputs .dropdown.is-active .button svg {
                stroke: #fafafa
            }

.share-modal .share-inputs {
    border-bottom: none !important
}

    .share-modal .share-inputs .field {
        margin-bottom: 0 !important
    }

        .share-modal .share-inputs .field .easy-autocomplete input {
            padding-left: 85px
        }

    .share-modal .share-inputs .control {
        border-bottom: 1px solid #e8e8e8
    }

        .share-modal .share-inputs .control.no-border {
            border-bottom-color: transparent
        }

        .share-modal .share-inputs .control input {
            border: none;
            padding-left: 85px
        }

        .share-modal .share-inputs .control .input-heading {
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 36px;
            width: 70px;
            padding: 0 6px;
            background: #999;
            color: #fafafa;
            font-size: .8rem
        }

        .share-modal .share-inputs .control .page-controls {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

            .share-modal .share-inputs .control .page-controls .page-selection {
                padding: 8px
            }

                .share-modal .share-inputs .control .page-controls .page-selection .page-selector img {
                    display: block;
                    position: relative;
                    top: -1px;
                    margin-right: 6px
                }

            .share-modal .share-inputs .control .page-controls .alias {
                padding: 8px
            }

                .share-modal .share-inputs .control .page-controls .alias img {
                    display: block;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%
                }

.share-modal .card-body > .control {
    position: relative
}

    .share-modal .card-body > .control .textarea {
        resize: none;
        border: none;
        padding-right: 42px
    }

    .share-modal .card-body > .control .emoji-button {
        position: absolute;
        top: 0;
        right: 0;
        height: 41px;
        width: 41px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: none;
        border: none;
        outline: none;
        transition: all .3s;
        cursor: pointer
    }

        .share-modal .card-body > .control .emoji-button:hover svg {
            stroke: #3d70b2
        }

        .share-modal .card-body > .control .emoji-button svg {
            height: 16px;
            width: 16px;
            stroke: #a2a5b9;
            transition: all .3s
        }

.share-modal .card-body .shared-publication {
    margin-top: 20px
}

    .share-modal .card-body .shared-publication .featured-image img {
        display: block
    }

    .share-modal .card-body .shared-publication .publication-meta {
        border: 1px solid #e8e8e8;
        background: #f5f6f7;
        padding: 20px
    }

        .share-modal .card-body .shared-publication .publication-meta .inner-flex {
            display: flex;
            align-items: flex-start;
            margin-bottom: 20px
        }

            .share-modal .card-body .shared-publication .publication-meta .inner-flex img {
                height: 40px;
                width: 40px;
                border-radius: 50%
            }

            .share-modal .card-body .shared-publication .publication-meta .inner-flex p {
                font-size: .8rem;
                padding: 0 16px;
                overflow: hidden;
                position: relative;
                line-height: 1.2em;
                max-height: 3.6em;
                text-align: justify;
                margin-right: -1em;
                padding-right: 1em
            }

                .share-modal .card-body .shared-publication .publication-meta .inner-flex p:before {
                    content: "...";
                    position: absolute;
                    right: 0;
                    bottom: 0
                }

                .share-modal .card-body .shared-publication .publication-meta .inner-flex p:after {
                    content: "";
                    position: absolute;
                    right: 0;
                    width: 1em;
                    height: 1em;
                    margin-top: .2em;
                    background: #f5f6f7
                }

        .share-modal .card-body .shared-publication .publication-meta .publication-footer {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

            .share-modal .card-body .shared-publication .publication-meta .publication-footer .stats {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                width: 100%
            }

            .share-modal .card-body .shared-publication .publication-meta .publication-footer .stat-block {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                margin-right: 10px
            }

                .share-modal .card-body .shared-publication .publication-meta .publication-footer .stat-block i {
                    margin-right: 2px;
                    color: #999
                }

                .share-modal .card-body .shared-publication .publication-meta .publication-footer .stat-block small {
                    font-size: .75rem
                }

            .share-modal .card-body .shared-publication .publication-meta .publication-footer .publication-origin small {
                text-transform: uppercase;
                color: #999;
                font-weight: 200;
                font-size: .65rem
            }

.share-modal .bottom-share-inputs {
    border-bottom: none !important
}

    .share-modal .bottom-share-inputs .field {
        margin-bottom: 0 !important
    }

        .share-modal .bottom-share-inputs .field .easy-autocomplete input {
            padding-left: 85px
        }

    .share-modal .bottom-share-inputs .control {
        border-top: 1px solid #e8e8e8
    }

        .share-modal .bottom-share-inputs .control.no-border {
            border-bottom-color: transparent
        }

        .share-modal .bottom-share-inputs .control input {
            border: none;
            padding-left: 85px
        }

        .share-modal .bottom-share-inputs .control .input-heading {
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 36px;
            width: 70px;
            padding: 0 6px;
            background: #999;
            color: #fafafa;
            font-size: .8rem
        }

        .share-modal .bottom-share-inputs .control .page-controls {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

            .share-modal .bottom-share-inputs .control .page-controls .page-selection {
                padding: 8px
            }

                .share-modal .bottom-share-inputs .control .page-controls .page-selection .page-selector img {
                    display: block;
                    position: relative;
                    top: -1px;
                    margin-right: 6px
                }

            .share-modal .bottom-share-inputs .control .page-controls .alias {
                padding: 8px
            }

                .share-modal .bottom-share-inputs .control .page-controls .alias img {
                    display: block;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%
                }

.share-modal .card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 !important;
    padding: 8px;
    background: #f5f6f7;
    border-radius: 0 0 6px 6px
}

    .share-modal .card-footer .action-wrap {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

        .share-modal .card-footer .action-wrap .footer-action {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 34px;
            width: 34px;
            border-radius: 4px;
            cursor: pointer;
            transition: all .3s
        }

            .share-modal .card-footer .action-wrap .footer-action i {
                font-size: 18px;
                color: #999
            }

            .share-modal .card-footer .action-wrap .footer-action:hover {
                background: #e7e9ec
            }

            .share-modal .card-footer .action-wrap .footer-action.is-active {
                background: #e7e9ec
            }

                .share-modal .card-footer .action-wrap .footer-action.is-active i {
                    color: #3d70b2
                }

    .share-modal .card-footer button {
        line-height: 0;
        margin-left: 4px;
        height: 32px !important;
        padding: 8px 22px
    }

    /***********************************/
    /****   COMMENT MODAL *************/
.comment-modal .card-body > .control {
position: relative
}

.comment-modal .card-body > .control .textarea {
    resize: none;
    border: none;
    padding-right: 42px
}

.comment-modal .card-body > .control .emoji-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 41px;
    width: 41px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    border: none;
    outline: none;
    transition: all .3s;
    cursor: pointer
}

.comment-modal .card-body > .control .emoji-button:hover svg {
    stroke: #3d70b2
}

.comment-modal .card-body > .control .emoji-button svg {
    height: 16px;
    width: 16px;
    stroke: #a2a5b9;
    transition: all .3s
}
.comment-modal .card-body .shared-publication {
    margin-top: 20px
}

.comment-modal .card-body .shared-publication .featured-image img {
    display: block
}

.comment-modal .card-body .shared-publication .publication-meta {
    border: 1px solid #e8e8e8;
    background: #f5f6f7;
    padding: 20px
}

.comment-modal .card-body .shared-publication .publication-meta .inner-flex {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px
}

.comment-modal .card-body .shared-publication .publication-meta .inner-flex img {
    height: 40px;
    width: 40px;
    border-radius: 50%
}

.comment-modal .card-body .shared-publication .publication-meta .inner-flex p {
    font-size: .8rem;
    padding: 0 16px;
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 3.6em;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em
}

.comment-modal .card-body .shared-publication .publication-meta .inner-flex p:before {
    content: "...";
    position: absolute;
    right: 0;
    bottom: 0
}

.comment-modal .card-body .shared-publication .publication-meta .inner-flex p:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: .2em;
    background: #f5f6f7
}
.comment-modal .card-footer {
    align-items: end;
    display: flex;
    justify-content: end;
}
.comment-modal .card-footer .button-wrap{
    margin-top: 10px;
}
.change-cover-modal .card .card-heading, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-heading, .change-profile-pic-modal .card .card-heading, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-heading, .new-story-modal .card .card-heading, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-heading {
    padding: 16px 28px
}

    .change-cover-modal .card .card-heading h3, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-heading h3, .change-profile-pic-modal .card .card-heading h3, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-heading h3, .new-story-modal .card .card-heading h3, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-heading h3 {
        font-size: 1rem
    }

    .change-cover-modal .card .card-heading .small-avatar, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-heading .small-avatar, .change-profile-pic-modal .card .card-heading .small-avatar, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-heading .small-avatar, .new-story-modal .card .card-heading .small-avatar, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-heading .small-avatar {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 8px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
        border: 1px solid #cecece;
        transition: all .3s
    }

        .change-cover-modal .card .card-heading .small-avatar img, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar img, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-heading .small-avatar img, .change-profile-pic-modal .card .card-heading .small-avatar img, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar img, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-heading .small-avatar img, .new-story-modal .card .card-heading .small-avatar img, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar img, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-heading .small-avatar img {
            display: block;
            height: 24px;
            width: 24px;
            border-radius: 50%;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

.change-cover-modal .card .card-body .selection-placeholder, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder, .change-profile-pic-modal .card .card-body .selection-placeholder, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder, .new-story-modal .card .card-body .selection-placeholder, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder {
    padding: 0 20px 30px 20px
}

    .change-cover-modal .card .card-body .selection-placeholder .selection-box, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box, .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box, .new-story-modal .card .card-body .selection-placeholder .selection-box, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box {
        padding: 40px;
        width: 100%;
        border: 1px solid #e8e8e8;
        border-radius: 4px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: all .3s
    }

        .change-cover-modal .card .card-body .selection-placeholder .selection-box:hover, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box:hover, .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box:hover, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box:hover, .new-story-modal .card .card-body .selection-placeholder .selection-box:hover, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box:hover {
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

            .change-cover-modal .card .card-body .selection-placeholder .selection-box:hover .box-content img, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover .box-content img, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box:hover .box-content img, .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box:hover .box-content img, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover .box-content img, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box:hover .box-content img, .new-story-modal .card .card-body .selection-placeholder .selection-box:hover .box-content img, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover .box-content img, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box:hover .box-content img {
                filter: grayscale(0);
                opacity: 1
            }

            .change-cover-modal .card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child, .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child, .new-story-modal .card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child {
                color: #3d70b2
            }

        .change-cover-modal .card .card-body .selection-placeholder .selection-box .box-content, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box .box-content, .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box .box-content, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box .box-content, .new-story-modal .card .card-body .selection-placeholder .selection-box .box-content, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box .box-content {
            text-align: center
        }

            .change-cover-modal .card .card-body .selection-placeholder .selection-box .box-content img, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content img, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box .box-content img, .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box .box-content img, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content img, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box .box-content img, .new-story-modal .card .card-body .selection-placeholder .selection-box .box-content img, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content img, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box .box-content img {
                display: block;
                max-height: 120px;
                margin: 0 auto;
                opacity: .5;
                transition: all .3s;
                filter: grayscale(1)
            }

            .change-cover-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text, .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text, .new-story-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text {
                margin: 10px 0
            }

                .change-cover-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span, .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span, .new-story-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span {
                    display: block
                }

                    .change-cover-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child, .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child, .new-story-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child {
                        font-weight: 500;
                        color: #393a4f;
                        transition: color .3s
                    }

                    .change-cover-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2), .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2), .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2), .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2), .new-story-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2), .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2) {
                        font-size: .9rem;
                        color: #999
                    }

.user-photos-modal .card .card-heading, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-heading {
    padding: 20px
}

    .user-photos-modal .card .card-heading h3, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-heading h3 {
        font-size: 1rem
    }

.user-photos-modal .card .card-body, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body {
    padding: 0 20px
}

    .user-photos-modal .card .card-body .tabs, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tabs, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tabs {
        margin-bottom: 0
    }

        .user-photos-modal .card .card-body .tabs ul, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tabs ul, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tabs ul {
            border-color: transparent
        }

            .user-photos-modal .card .card-body .tabs ul li.is-active, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tabs ul li.is-active, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tabs ul li.is-active {
                background: #f5f5f5;
                border-radius: 8px;
                border: 1px solid #f2f2f2
            }

                .user-photos-modal .card .card-body .tabs ul li.is-active a, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tabs ul li.is-active a, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tabs ul li.is-active a {
                    color: #393a4f;
                    font-weight: 500
                }

            .user-photos-modal .card .card-body .tabs ul li a, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tabs ul li a, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tabs ul li a {
                font-size: .8rem;
                border-bottom-color: transparent !important
            }

    .user-photos-modal .card .card-body .tab-content, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tab-content, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tab-content {
        padding: 20px 0;
        max-height: 395px;
        overflow-y: auto
    }

        .user-photos-modal .card .card-body .tab-content .album-info, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tab-content .album-info, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tab-content .album-info {
            margin-bottom: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

            .user-photos-modal .card .card-body .tab-content .album-info h4, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tab-content .album-info h4, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tab-content .album-info h4 {
                font-weight: 600;
                color: #393a4f
            }

                .user-photos-modal .card .card-body .tab-content .album-info h4 small, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tab-content .album-info h4 small, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tab-content .album-info h4 small {
                    font-size: .9rem;
                    color: #999;
                    font-weight: 400
                }

            .user-photos-modal .card .card-body .tab-content .album-info .close-nested-photos, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tab-content .album-info .close-nested-photos, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tab-content .album-info .close-nested-photos {
                font-size: .9rem;
                font-weight: 500
            }

    .user-photos-modal .card .card-body .image-grid, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid, .user-photos-modal .card .card-body .album-image-grid, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid {
        animation: fadeInLeft .5s
    }

        .user-photos-modal .card .card-body .image-grid .column, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .column, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .column, .user-photos-modal .card .card-body .album-image-grid .column, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .column, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .column {
            padding: .5rem
        }

        .user-photos-modal .card .card-body .image-grid .grid-image, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image, .user-photos-modal .card .card-body .album-image-grid .grid-image, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image {
            position: relative
        }

            .user-photos-modal .card .card-body .image-grid .grid-image:hover img, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image:hover img, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image:hover img, .user-photos-modal .card .card-body .album-image-grid .grid-image:hover img, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image:hover img, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image:hover img {
                box-shadow: 0px 5px 25px 0px rgba(0,0,0,.2)
            }

            .user-photos-modal .card .card-body .image-grid .grid-image:hover .inner-overlay, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image:hover .inner-overlay, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image:hover .inner-overlay, .user-photos-modal .card .card-body .album-image-grid .grid-image:hover .inner-overlay, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image:hover .inner-overlay, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image:hover .inner-overlay {
                background: rgba(57,58,79,.2) !important
            }

            .user-photos-modal .card .card-body .image-grid .grid-image input, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image input, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image input, .user-photos-modal .card .card-body .album-image-grid .grid-image input, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image input, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image input {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                cursor: pointer;
                z-index: 1
            }

                .user-photos-modal .card .card-body .image-grid .grid-image input:checked + .inner .inner-overlay, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image input:checked + .inner .inner-overlay, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image input:checked + .inner .inner-overlay, .user-photos-modal .card .card-body .album-image-grid .grid-image input:checked + .inner .inner-overlay, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image input:checked + .inner .inner-overlay, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image input:checked + .inner .inner-overlay {
                    background: rgba(57,58,79,.5)
                }

                .user-photos-modal .card .card-body .image-grid .grid-image input:checked + .inner .indicator, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image input:checked + .inner .indicator, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image input:checked + .inner .indicator, .user-photos-modal .card .card-body .album-image-grid .grid-image input:checked + .inner .indicator, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image input:checked + .inner .indicator, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image input:checked + .inner .indicator {
                    display: flex
                }

            .user-photos-modal .card .card-body .image-grid .grid-image .inner, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image .inner, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image .inner, .user-photos-modal .card .card-body .album-image-grid .grid-image .inner, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image .inner, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image .inner {
                position: relative
            }

                .user-photos-modal .card .card-body .image-grid .grid-image .inner img, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image .inner img, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image .inner img, .user-photos-modal .card .card-body .album-image-grid .grid-image .inner img, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image .inner img, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image .inner img {
                    display: block;
                    border-radius: 4px;
                    transition: all .3s
                }
                .user-photos-modal .card .card-body .image-grid .grid-image .inner img{
                    width: 100%;
                }
                .user-photos-modal .card .card-body .image-grid .grid-image .inner .inner-overlay, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image .inner .inner-overlay, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image .inner .inner-overlay, .user-photos-modal .card .card-body .album-image-grid .grid-image .inner .inner-overlay, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image .inner .inner-overlay, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image .inner .inner-overlay {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(57,58,79,.1);
                    border-radius: 4px;
                    transition: all .3s;
                    z-index: 0
                }

                .user-photos-modal .card .card-body .image-grid .grid-image .inner .indicator, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image .inner .indicator, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image .inner .indicator, .user-photos-modal .card .card-body .album-image-grid .grid-image .inner .indicator, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image .inner .indicator, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image .inner .indicator {
                    position: absolute;
                    top: 8px;
                    right: 8px;
                    display: none;
                    justify-content: center;
                    align-items: center;
                    height: 26px;
                    width: 26px;
                    border-radius: 50%;
                    background: #3d70b2;
                    border: 2px solid #fff;
                    z-index: 0
                }

                    .user-photos-modal .card .card-body .image-grid .grid-image .inner .indicator svg, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image .inner .indicator svg, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image .inner .indicator svg, .user-photos-modal .card .card-body .album-image-grid .grid-image .inner .indicator svg, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image .inner .indicator svg, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image .inner .indicator svg {
                        height: 12px;
                        width: 12px;
                        stroke: #fafafa;
                        stroke-width: 3px
                    }

    .user-photos-modal .card .card-body .album-wrapper, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper {
        width: 100%;
        border: 1px solid #e8e8e8;
        border-radius: 4px;
        padding: 12px;
        background: #fff;
        cursor: pointer;
        transition: all .3s
    }

        .user-photos-modal .card .card-body .album-wrapper:hover, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper:hover, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper:hover {
            transform: translateY(-5px);
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

            .user-photos-modal .card .card-body .album-wrapper:hover .image-count svg, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper:hover .image-count svg, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper:hover .image-count svg {
                stroke: #3d70b2 !important
            }

            .user-photos-modal .card .card-body .album-wrapper:hover .image-count span, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper:hover .image-count span, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper:hover .image-count span {
                color: #3d70b2 !important
            }

        .user-photos-modal .card .card-body .album-wrapper .album-image img, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-image img, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-image img {
            display: block;
            border: 4px
        }

        .user-photos-modal .card .card-body .album-wrapper .album-meta, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

            .user-photos-modal .card .card-body .album-wrapper .album-meta .album-title, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .album-title, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .album-title {
                margin-top: 6px
            }

                .user-photos-modal .card .card-body .album-wrapper .album-meta .album-title span, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .album-title span, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .album-title span {
                    display: block
                }

                    .user-photos-modal .card .card-body .album-wrapper .album-meta .album-title span:first-child, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .album-title span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .album-title span:first-child {
                        min-width: 0;
                        font-size: .9rem;
                        font-weight: 600;
                        color: #393a4f
                    }

                    .user-photos-modal .card .card-body .album-wrapper .album-meta .album-title span:nth-child(2), .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .album-title span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .album-title span:nth-child(2) {
                        font-size: .8rem;
                        color: #999
                    }

            .user-photos-modal .card .card-body .album-wrapper .album-meta .image-count, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .image-count, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .image-count {
                display: flex;
                align-items: center;
                margin-top: 6px
            }

                .user-photos-modal .card .card-body .album-wrapper .album-meta .image-count svg, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .image-count svg, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .image-count svg {
                    height: 20px;
                    width: 20px;
                    stroke: #cecece;
                    transition: all .3s
                }

                .user-photos-modal .card .card-body .album-wrapper .album-meta .image-count span, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .image-count span, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .image-count span {
                    display: block;
                    font-size: .9rem;
                    font-weight: 500;
                    color: #999;
                    margin: 0 4px;
                    transition: .3s
                }

.user-photos-modal .card .card-footer, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-footer {
    padding: 20px;
    margin: 0;
    border: none;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.upload-crop-profile-modal .card .card-heading, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-heading, .upload-crop-cover-modal .card .card-heading, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-heading {
    padding: 20px
}

    .upload-crop-profile-modal .card .card-heading h3, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-heading h3, .upload-crop-cover-modal .card .card-heading h3, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-heading h3 {
        font-size: 1rem
    }

.upload-crop-profile-modal .card .card-body, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body, .upload-crop-cover-modal .card .card-body, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body {
    padding: 0 20px
}

    .upload-crop-profile-modal .card .card-body .profile-uploader-box, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box, .upload-crop-profile-modal .card .card-body .cover-uploader-box, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box, .upload-crop-cover-modal .card .card-body .profile-uploader-box, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box, .upload-crop-cover-modal .card .card-body .cover-uploader-box, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box {
        display: block;
        width: 100%;
        height: 300px;
        padding: 40px;
        border: 3px dashed #e8e8e8;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .upload-crop-profile-modal .card .card-body .profile-uploader-box:hover .inner-content, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box:hover .inner-content, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box:hover .inner-content, .upload-crop-profile-modal .card .card-body .cover-uploader-box:hover .inner-content, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box:hover .inner-content, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box:hover .inner-content, .upload-crop-cover-modal .card .card-body .profile-uploader-box:hover .inner-content, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box:hover .inner-content, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box:hover .inner-content, .upload-crop-cover-modal .card .card-body .cover-uploader-box:hover .inner-content, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box:hover .inner-content, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box:hover .inner-content {
            position: relative
        }

            .upload-crop-profile-modal .card .card-body .profile-uploader-box:hover .inner-content img, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box:hover .inner-content img, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box:hover .inner-content img, .upload-crop-profile-modal .card .card-body .cover-uploader-box:hover .inner-content img, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box:hover .inner-content img, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box:hover .inner-content img, .upload-crop-cover-modal .card .card-body .profile-uploader-box:hover .inner-content img, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box:hover .inner-content img, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box:hover .inner-content img, .upload-crop-cover-modal .card .card-body .cover-uploader-box:hover .inner-content img, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box:hover .inner-content img, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box:hover .inner-content img {
                opacity: 1;
                filter: grayscale(0)
            }

        .upload-crop-profile-modal .card .card-body .profile-uploader-box .inner-content, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box .inner-content, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box .inner-content, .upload-crop-profile-modal .card .card-body .cover-uploader-box .inner-content, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box .inner-content, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box .inner-content, .upload-crop-cover-modal .card .card-body .profile-uploader-box .inner-content, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box .inner-content, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box .inner-content, .upload-crop-cover-modal .card .card-body .cover-uploader-box .inner-content, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box .inner-content, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box .inner-content {
            display: block
        }

            .upload-crop-profile-modal .card .card-body .profile-uploader-box .inner-content img, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box .inner-content img, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box .inner-content img, .upload-crop-profile-modal .card .card-body .cover-uploader-box .inner-content img, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box .inner-content img, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box .inner-content img, .upload-crop-cover-modal .card .card-body .profile-uploader-box .inner-content img, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box .inner-content img, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box .inner-content img, .upload-crop-cover-modal .card .card-body .cover-uploader-box .inner-content img, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box .inner-content img, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box .inner-content img {
                display: block;
                max-height: 110px;
                margin: 0 auto;
                opacity: .5;
                filter: grayscale(1);
                transition: all .3s
            }

            .upload-crop-profile-modal .card .card-body .profile-uploader-box .inner-content span, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box .inner-content span, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box .inner-content span, .upload-crop-profile-modal .card .card-body .cover-uploader-box .inner-content span, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box .inner-content span, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box .inner-content span, .upload-crop-cover-modal .card .card-body .profile-uploader-box .inner-content span, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box .inner-content span, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box .inner-content span, .upload-crop-cover-modal .card .card-body .cover-uploader-box .inner-content span, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box .inner-content span, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box .inner-content span {
                display: block;
                text-align: center;
                color: #cecece;
                padding: 10px 0
            }

        .upload-crop-profile-modal .card .card-body .profile-uploader-box input, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box input, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box input, .upload-crop-profile-modal .card .card-body .cover-uploader-box input, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box input, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box input, .upload-crop-cover-modal .card .card-body .profile-uploader-box input, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box input, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box input, .upload-crop-cover-modal .card .card-body .cover-uploader-box input, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box input, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box input {
            display: none
        }

    .upload-crop-profile-modal .card .card-body .croppie-container .cr-boundary, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .croppie-container .cr-boundary, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .croppie-container .cr-boundary, .upload-crop-cover-modal .card .card-body .croppie-container .cr-boundary, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .croppie-container .cr-boundary, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .croppie-container .cr-boundary {
        background-image: url(http://cdn.thedesigninspiration.com/wp-content/uploads/2014/07/Icon-Pattern-l.jpg);
        background-repeat: repeat;
        background-size: cover
    }

    .upload-crop-profile-modal .card .card-body .croppie-container .cr-viewport, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .croppie-container .cr-viewport, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .croppie-container .cr-viewport, .upload-crop-cover-modal .card .card-body .croppie-container .cr-viewport, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .croppie-container .cr-viewport, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .croppie-container .cr-viewport {
        box-shadow: 0 0 2000px 2000px rgba(0,0,0,.1)
    }

    .upload-crop-profile-modal .card .card-body .croppie-container .cr-slider, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .croppie-container .cr-slider, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .croppie-container .cr-slider, .upload-crop-cover-modal .card .card-body .croppie-container .cr-slider, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .croppie-container .cr-slider, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .croppie-container .cr-slider {
        cursor: pointer
    }

    .upload-crop-profile-modal .card .card-body .upload-help, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .upload-help, .upload-crop-cover-modal .card .card-body .upload-help, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .upload-help {
        display: flex;
        justify-content: center;
        align-items: center
    }

        .upload-crop-profile-modal .card .card-body .upload-help .profile-reset, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .profile-reset, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .upload-help .profile-reset, .upload-crop-profile-modal .card .card-body .upload-help .cover-reset, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .cover-reset, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .upload-help .cover-reset, .upload-crop-cover-modal .card .card-body .upload-help .profile-reset, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .profile-reset, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .upload-help .profile-reset, .upload-crop-cover-modal .card .card-body .upload-help .cover-reset, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .cover-reset, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .upload-help .cover-reset {
            display: block;
            color: #999;
            padding: 4px 12px;
            border-radius: 4px;
            font-size: .9rem;
            background: #e8e8e8;
            transition: all .3s
        }

            .upload-crop-profile-modal .card .card-body .upload-help .profile-reset:hover, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .profile-reset:hover, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .upload-help .profile-reset:hover, .upload-crop-profile-modal .card .card-body .upload-help .cover-reset:hover, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .cover-reset:hover, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .upload-help .cover-reset:hover, .upload-crop-cover-modal .card .card-body .upload-help .profile-reset:hover, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .profile-reset:hover, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .upload-help .profile-reset:hover, .upload-crop-cover-modal .card .card-body .upload-help .cover-reset:hover, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .cover-reset:hover, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .upload-help .cover-reset:hover {
                background: #f0f0f0;
                color: #393a4f
            }

.upload-crop-profile-modal .card .card-footer, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-footer, .upload-crop-cover-modal .card .card-footer, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-footer {
    border-top: none;
    justify-content: center;
    margin: 20px
}

.end-tour-modal .modal-content .card .card-body .image-wrap, .end-tour-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-wrap, .shop-wrapper .cart-container .cart-content .cart-summary .end-tour-modal .modal-content .summary-card .card-body .image-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background: #f5f5f5;
    margin: 0 auto 20px auto
}

    .end-tour-modal .modal-content .card .card-body .image-wrap img, .end-tour-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-wrap img, .shop-wrapper .cart-container .cart-content .cart-summary .end-tour-modal .modal-content .summary-card .card-body .image-wrap img {
        display: block;
        height: 50px;
        width: 50px
    }

.end-tour-modal .modal-content .card .card-body h3, .end-tour-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body h3, .shop-wrapper .cart-container .cart-content .cart-summary .end-tour-modal .modal-content .summary-card .card-body h3 {
    font-weight: 500;
    font-size: 1.1rem;
    font-family: "montserrat",sans-serif
}

.end-tour-modal .modal-content .card .card-body p, .end-tour-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body p, .shop-wrapper .cart-container .cart-content .cart-summary .end-tour-modal .modal-content .summary-card .card-body p {
    font-size: .9rem;
    color: #999;
    max-width: 330px;
    margin: 0 auto
}

.end-tour-modal .modal-content .card .card-body .action, .end-tour-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .action, .shop-wrapper .cart-container .cart-content .cart-summary .end-tour-modal .modal-content .summary-card .card-body .action {
    margin: 20px 0
}

    .end-tour-modal .modal-content .card .card-body .action .button, .end-tour-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .action .button, .shop-wrapper .cart-container .cart-content .cart-summary .end-tour-modal .modal-content .summary-card .card-body .action .button {
        max-width: 180px;
        margin: 0 auto
    }

.no-stream-modal .modal-content .card .card-body .image-wrap, .no-stream-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-wrap, .shop-wrapper .cart-container .cart-content .cart-summary .no-stream-modal .modal-content .summary-card .card-body .image-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px auto
}

    .no-stream-modal .modal-content .card .card-body .image-wrap img, .no-stream-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-wrap img, .shop-wrapper .cart-container .cart-content .cart-summary .no-stream-modal .modal-content .summary-card .card-body .image-wrap img {
        display: block;
        width: 200px
    }

.no-stream-modal .modal-content .card .card-body h3, .no-stream-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body h3, .shop-wrapper .cart-container .cart-content .cart-summary .no-stream-modal .modal-content .summary-card .card-body h3 {
    font-weight: 500;
    font-size: 1.1rem;
    font-family: "montserrat",sans-serif
}

.no-stream-modal .modal-content .card .card-body p, .no-stream-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body p, .shop-wrapper .cart-container .cart-content .cart-summary .no-stream-modal .modal-content .summary-card .card-body p {
    font-size: .9rem;
    color: #999;
    max-width: 330px;
    margin: 0 auto
}

.no-stream-modal .modal-content .card .card-body .action, .no-stream-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .action, .shop-wrapper .cart-container .cart-content .cart-summary .no-stream-modal .modal-content .summary-card .card-body .action {
    margin: 20px 0
}

    .no-stream-modal .modal-content .card .card-body .action .button, .no-stream-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .action .button, .shop-wrapper .cart-container .cart-content .cart-summary .no-stream-modal .modal-content .summary-card .card-body .action .button {
        max-width: 180px;
        margin: 0 auto
    }

.video-story-modal .modal-content .card .card-heading, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-heading, .image-story-modal .modal-content .card .card-heading, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-heading {
    padding: 16px 28px
}

    .video-story-modal .modal-content .card .card-heading h3, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-heading h3, .image-story-modal .modal-content .card .card-heading h3, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-heading h3 {
        font-size: 1rem
    }

    .video-story-modal .modal-content .card .card-heading .small-avatar, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-heading .small-avatar, .image-story-modal .modal-content .card .card-heading .small-avatar, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-heading .small-avatar {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 8px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
        border: 1px solid #cecece;
        transition: all .3s
    }

        .video-story-modal .modal-content .card .card-heading .small-avatar img, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar img, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-heading .small-avatar img, .image-story-modal .modal-content .card .card-heading .small-avatar img, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar img, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-heading .small-avatar img {
            display: block;
            height: 24px;
            width: 24px;
            border-radius: 50%;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

.video-story-modal .modal-content .card .card-body, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body, .image-story-modal .modal-content .card .card-body, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body {
    padding: 10px 30px 30px 30px
}

    .video-story-modal .modal-content .card .card-body .story-meta p, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta p, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-meta p, .image-story-modal .modal-content .card .card-body .story-meta p, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta p, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-meta p {
        font-family: "Roboto",sans-serif;
        font-size: .75rem;
        color: #535473;
        margin-bottom: 1.5rem
    }

    .video-story-modal .modal-content .card .card-body .story-meta select, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta select, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-meta select, .image-story-modal .modal-content .card .card-body .story-meta select, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta select, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-meta select {
        width: 100%
    }

    .video-story-modal .modal-content .card .card-body .story-upload .preview-block .upload-placeholder, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .upload-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .upload-placeholder, .image-story-modal .modal-content .card .card-body .story-upload .preview-block .upload-placeholder, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .upload-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .upload-placeholder {
        display: block;
        width: 100%;
        max-width: 220px;
        margin: 0 auto
    }

    .video-story-modal .modal-content .card .card-body .story-upload .preview-block .image-upload-placeholder, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .image-upload-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .image-upload-placeholder, .image-story-modal .modal-content .card .card-body .story-upload .preview-block .image-upload-placeholder, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .image-upload-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .image-upload-placeholder {
        display: block;
        width: 100%;
        max-width: 140px;
        margin: 0 auto
    }

    .video-story-modal .modal-content .card .card-body .story-upload .preview-block .preview-image-container, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .preview-image-container, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .preview-image-container, .image-story-modal .modal-content .card .card-body .story-upload .preview-block .preview-image-container, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .preview-image-container, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .preview-image-container {
        position: relative;
        max-width: 260px;
        margin: 0 auto
    }

        .video-story-modal .modal-content .card .card-body .story-upload .preview-block .preview-image-container .delete, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .preview-image-container .delete, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .preview-image-container .delete, .image-story-modal .modal-content .card .card-body .story-upload .preview-block .preview-image-container .delete, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .preview-image-container .delete, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .preview-image-container .delete {
            position: absolute;
            top: 4px;
            right: 4px
        }

        .video-story-modal .modal-content .card .card-body .story-upload .preview-block .preview-image-container .preview-image, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .preview-image-container .preview-image, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .preview-image-container .preview-image, .image-story-modal .modal-content .card .card-body .story-upload .preview-block .preview-image-container .preview-image, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .preview-image-container .preview-image, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .preview-image-container .preview-image {
            display: block;
            max-width: 260px;
            min-height: 160px;
            margin: 0 auto;
            border-radius: 12px;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
            -o-object-fit: cover;
            object-fit: cover
        }

    .video-story-modal .modal-content .card .card-body .story-upload .input-block, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .input-block, .image-story-modal .modal-content .card .card-body .story-upload .input-block, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .input-block {
        padding: 16px 0;
        max-width: 260px;
        margin: 0 auto
    }

        .video-story-modal .modal-content .card .card-body .story-upload .input-block input, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block input, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .input-block input, .image-story-modal .modal-content .card .card-body .story-upload .input-block input, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block input, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .input-block input {
            width: 100%;
            background: #e8e8e8;
            outline: none !important;
            border-radius: 6px
        }

    .video-story-modal .modal-content .card .card-body .story-upload input[type=file], .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload input[type=file], .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload input[type=file], .image-story-modal .modal-content .card .card-body .story-upload input[type=file], .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload input[type=file], .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload input[type=file] {
        cursor: pointer !important
    }

        .video-story-modal .modal-content .card .card-body .story-upload input[type=file]::-webkit-file-upload-button, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload input[type=file]::-webkit-file-upload-button, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload input[type=file]::-webkit-file-upload-button, .image-story-modal .modal-content .card .card-body .story-upload input[type=file]::-webkit-file-upload-button, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload input[type=file]::-webkit-file-upload-button, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload input[type=file]::-webkit-file-upload-button {
            background: #fff;
            border: 0;
            padding: 1em 2em;
            cursor: pointer;
            color: #393a4f;
            border-radius: 6px;
            border: 1px solid #e0e0e0;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
            outline: none !important;
            margin-right: 12px
        }

        .video-story-modal .modal-content .card .card-body .story-upload input[type=file]::-ms-browse, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload input[type=file]::-ms-browse, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload input[type=file]::-ms-browse, .image-story-modal .modal-content .card .card-body .story-upload input[type=file]::-ms-browse, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload input[type=file]::-ms-browse, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload input[type=file]::-ms-browse {
            background: #fff;
            border: 0;
            padding: 1em 2em;
            cursor: pointer;
            color: #393a4f;
            border-radius: 6px;
            border: 1px solid #e0e0e0;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
            outline: none !important;
            margin-right: 12px
        }

.tokenize .tokens-container .token span {
    font-size: .75rem;
    line-height: 2
}

.tokenize .tokens-container .token .dismiss {
    top: 1px
}

.tokenize-dropdown .dropdown-menu {
    background: #fff !important;
    border-radius: 6px !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important;
    height: 144px;
    overflow-y: auto
}

    .tokenize-dropdown .dropdown-menu::-webkit-scrollbar {
        width: 6px !important
    }

    .tokenize-dropdown .dropdown-menu::-webkit-scrollbar-thumb {
        border-radius: 10px !important;
        background: rgba(0,0,0,.2) !important
    }

    .tokenize-dropdown .dropdown-menu li {
        margin: 0 8px;
        padding: 6px 10px;
        border-radius: 6px
    }

        .tokenize-dropdown .dropdown-menu li:hover {
            background: #f2f2f2
        }

            .tokenize-dropdown .dropdown-menu li:hover a {
                color: #3d70b2
            }

        .tokenize-dropdown .dropdown-menu li a {
            color: #999;
            font-size: .85rem !important;
            font-weight: 400
        }

@media(max-width: 767px) {
    .modal.albums-modal .card .card-heading h3, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-heading h3, .modal.videos-modal .card .card-heading h3, .modal.videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .modal.videos-modal .summary-card .card-heading h3 {
        display: none
    }

    .modal.albums-modal .card .card-heading .button, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .button, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-heading .button, .modal.videos-modal .card .card-heading .button, .modal.videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .button, .shop-wrapper .cart-container .cart-content .cart-summary .modal.videos-modal .summary-card .card-heading .button {
        margin-left: auto
    }

    .modal.albums-modal .card .card-body, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body, .modal.videos-modal .card .card-body, .modal.videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .modal.videos-modal .summary-card .card-body {
        flex-direction: column
    }

        .modal.albums-modal .card .card-body .left-section, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .left-section, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .left-section, .modal.videos-modal .card .card-body .left-section, .modal.videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .left-section, .shop-wrapper .cart-container .cart-content .cart-summary .modal.videos-modal .summary-card .card-body .left-section {
            display: none;
            width: 100%
        }

        .modal.albums-modal .card .card-body .right-section, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .right-section, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .right-section, .modal.videos-modal .card .card-body .right-section, .modal.videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .right-section, .shop-wrapper .cart-container .cart-content .cart-summary .modal.videos-modal .summary-card .card-body .right-section {
            width: 100%
        }

    .modal.albums-help-modal img, .modal.videos-help-modal img {
        height: 110px !important
    }

    .modal.albums-modal .modal-content, .modal.albums-modal .modal-card {
        max-height: calc(100vh - 20px)
    }

    .modal .modal-content {
        max-height: calc(100vh - 80px) !important;
        max-width: 340px
    }

        .modal .modal-content .content-block {
            width: 314px
        }

            .modal .modal-content .content-block img {
                height: 135px
            }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .modal.albums-modal .card .card-body .album-date .head h4, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-date .head h4, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .album-date .head h4, .modal.albums-modal .card .card-body .tagged-in-album .head h4, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tagged-in-album .head h4, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .tagged-in-album .head h4, .modal.albums-modal .card .card-body .shared-album .head h4, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-album .head h4, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .shared-album .head h4 {
        font-size: .75rem
    }

    .modal.albums-modal .card .card-body .album-date .head p, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-date .head p, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .album-date .head p, .modal.albums-modal .card .card-body .tagged-in-album .head p, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tagged-in-album .head p, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .tagged-in-album .head p, .modal.albums-modal .card .card-body .shared-album .head p, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-album .head p, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .shared-album .head p {
        font-size: .7rem
    }
}

.fancybox-confirm {
    padding: 2.5rem !important
}

    .fancybox-confirm .title {
        font-family: "Montserrat",sans-serif;
        font-size: 1.5rem
    }

.modal-uploader .button {
    line-height: 0
}

    .modal-uploader .button.has-icon svg {
        height: 18px;
        width: 18px
    }

.modal-uploader .file-count {
    font-size: .85rem;
    color: #999;
    height: 38px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    margin: 0 10px
}

    .modal-uploader .file-count span {
        margin: 0 4px
    }

.modal-uploader #total-progress {
    opacity: 0;
    transition: opacity .3s linear
}

.modal-uploader #previews .dz-success .progress {
    opacity: 0;
    transition: opacity .3s linear
}

.modal-uploader #previews .delete {
    display: none
}

.modal-uploader #previews .is-template.dz-success .start, .modal-uploader #previews is-template.dz-success .cancel {
    display: none
}

.modal-uploader #previews is-template.dz-success .delete {
    display: block
}

.modal-uploader .preview-box {
    position: relative;
    background: #fff;
    width: 100%;
    border-radius: 3px
}

    .modal-uploader .preview-box:hover .remove-button {
        opacity: 1;
        background: #e8e8e8
    }

    .modal-uploader .preview-box .remove-button {
        position: absolute;
        top: -10px;
        right: -12px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        border: 3px solid #fff;
        background: transparent;
        cursor: pointer;
        opacity: 0
    }

        .modal-uploader .preview-box .remove-button:hover {
            background: #f71416
        }

            .modal-uploader .preview-box .remove-button:hover i {
                color: #fafafa
            }

        .modal-uploader .preview-box .remove-button i {
            font-size: 14px;
            color: #999
        }

    .modal-uploader .preview-box .preview img {
        display: block
    }

    .modal-uploader .preview-box .preview-body {
        padding: 8px;
        border: 1px solid #e8e8e8
    }

        .modal-uploader .preview-box .preview-body .name {
            display: block;
            max-width: 145px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .modal-uploader .preview-box .preview-body .item-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: .85rem;
            font-weight: 500
        }

        .modal-uploader .preview-box .preview-body .textarea {
            padding: 0;
            border: none;
            resize: none;
            color: #999
        }

.modal-uploader progress {
    vertical-align: baseline
}

.modal-uploader .progress {
    display: flex;
    height: .2rem;
    margin: .4rem 0;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.modal-uploader .progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #3d70b2;
    transition: width .6s ease
}

.modal-uploader .progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.modal-uploader .progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

.modal-uploader .upload-item-actions {
    margin-left: 20px
}

.modal-uploader .upload-item-progress {
    margin-left: auto;
    min-width: 120px
}

.video-wrapper .video-wrap {
    position: relative;
    width: 100%;
    margin: 0 auto
}

    .video-wrapper .video-wrap video {
        display: block;
        width: 100%;
        height: auto;
        min-height: 630px;
        border-radius: 0 0 0 6px
    }

    .video-wrapper .video-wrap .live {
        position: absolute;
        top: 0;
        left: 0;
        animation: opacity-shift 2s infinite;
        display: block;
        background: #ff2e1c;
        border-radius: 3px;
        color: #fff;
        padding: 8px 16px;
        margin-top: 20px;
        margin-left: 20px;
        font-size: 10px;
        font-weight: 400;
        font-family: "Roboto",sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        z-index: 1052
    }

.video-block-wrapper {
    background-color: #344258;
    border-radius: 10px;
    overflow: hidden
}

    .video-block-wrapper .video-block-inner {
        position: relative;
        height: 0;
        max-width: 100%;
        padding-bottom: 56.25%;
        margin-bottom: 0;
        overflow: hidden;
        cursor: pointer;
        display: block
    }

        .video-block-wrapper .video-block-inner iframe {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            border-radius: 10px;
            overflow: hidden
        }

        .video-block-wrapper .video-block-inner .video-overlay {
            position: absolute;
            height: 100%;
            width: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            filter: alpha(opacity=35);
            opacity: .2
        }

        .video-block-wrapper .video-block-inner .playbutton {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            cursor: pointer
        }

            .video-block-wrapper .video-block-inner .playbutton .icon-play svg {
                height: 50px;
                width: 50px;
                stroke: #fff;
                stroke-width: 1.6px
            }

.datepicker-container {
    font-size: 12px;
    line-height: 30px;
    padding: 20px;
    border-radius: 5px;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 210px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #fff;
    direction: ltr !important;
    touch-action: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

    .datepicker-container:before, .datepicker-container:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        content: " ";
        border: 5px solid transparent
    }

.datepicker-dropdown {
    position: absolute;
    z-index: 999999 !important;
    box-sizing: content-box;
    border: 1px solid #ccc;
    box-shadow: 0px 5px 25px 0px rgba(0,0,0,.2)
}

.datepicker-inline {
    position: static
}

.datepicker-top-left:before, .datepicker-top-left:after, .datepicker-top-right:before, .datepicker-top-right:after {
    top: -5px;
    left: 10px;
    border-top: 0
}

.datepicker-top-left:before, .datepicker-top-right:before {
    border-bottom-color: #ccc
}

.datepicker-top-left:after, .datepicker-top-right:after {
    top: -4px;
    border-bottom-color: #fff
}

.datepicker-bottom-left:before, .datepicker-bottom-left:after, .datepicker-bottom-right:before, .datepicker-bottom-right:after {
    bottom: -5px;
    left: 10px;
    border-bottom: 0
}

.datepicker-bottom-left:before, .datepicker-bottom-right:before {
    border-top-color: #ccc
}

.datepicker-bottom-left:after, .datepicker-bottom-right:after {
    bottom: -4px;
    border-top-color: #fff
}

.datepicker-top-right:before, .datepicker-top-right:after, .datepicker-bottom-right:before, .datepicker-bottom-right:after {
    right: 10px;
    left: auto
}

.datepicker-panel > ul:before, .datepicker-panel > ul:after {
    display: table;
    content: " "
}

.datepicker-panel > ul:after {
    clear: both
}

.datepicker-panel > ul {
    width: 102%;
    margin: 0;
    padding: 0
}

    .datepicker-panel > ul:first-child li {
        line-height: 25px
    }

        .datepicker-panel > ul:first-child li:nth-child(2) {
            line-height: 28px !important
        }

    .datepicker-panel > ul > li {
        float: left;
        width: 30px;
        height: 30px;
        margin: 0;
        padding: 0;
        list-style: none;
        cursor: pointer;
        text-align: center;
        background-color: #fff
    }

        .datepicker-panel > ul > li:hover {
            background-color: #ededed;
            color: #444 !important;
            border-radius: 50px
        }

        .datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover {
            color: #999
        }

        .datepicker-panel > ul > li.highlighted {
            color: #5d4394 !important;
            border-radius: 50px
        }

            .datepicker-panel > ul > li.highlighted:hover {
                opacity: .8;
                color: #5d4394 !important
            }

        .datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
            color: #fff !important;
            background-color: #3d70b2;
            border-radius: 50px
        }

        .datepicker-panel > ul > li.picked {
            animation-name: gelatine;
            animation-duration: .5s;
            animation-timing-function: ease-in
        }

        .datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover {
            cursor: default;
            color: #ccc;
            background-color: #fff
        }

            .datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted {
                background-color: #e6f2ff
            }

        .datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view=next] {
            font-size: 18px
        }

        .datepicker-panel > ul > li[data-view="years current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="month current"] {
            width: 150px
        }

    .datepicker-panel > ul[data-view=years] > li, .datepicker-panel > ul[data-view=months] > li {
        line-height: 52.5px;
        width: 52.5px;
        height: 52.5px
    }

    .datepicker-panel > ul[data-view=week] > li, .datepicker-panel > ul[data-view=week] > li:hover {
        cursor: default;
        background-color: #fff
    }

.datepicker-hide {
    display: none
}

.input, .textarea {
    box-shadow: none !important
}

    .input.is-light::-webkit-input-placeholder, .textarea.is-light::-webkit-input-placeholder {
        color: #cecece
    }

    .input.is-light::-moz-placeholder, .textarea.is-light::-moz-placeholder {
        color: #cecece
    }

    .input.is-light:-ms-input-placeholder, .textarea.is-light:-ms-input-placeholder {
        color: #cecece
    }

    .input.is-light:-moz-placeholder, .textarea.is-light:-moz-placeholder {
        color: #cecece
    }

    .input.is-dark, .textarea.is-dark {
        color: #97a7c1 !important
    }

        .input.is-dark::-webkit-input-placeholder, .textarea.is-dark::-webkit-input-placeholder {
            color: #677fa5 !important
        }

        .input.is-dark::-moz-placeholder, .textarea.is-dark::-moz-placeholder {
            color: #677fa5 !important
        }

        .input.is-dark:-ms-input-placeholder, .textarea.is-dark:-ms-input-placeholder {
            color: #677fa5 !important
        }

        .input.is-dark:-moz-placeholder, .textarea.is-dark:-moz-placeholder {
            color: #677fa5 !important
        }

.input {
    font-size: .9rem;
    height: 36px;
    border-radius: .65rem;
    transition: all .3s;
    padding-left: 30px
}

    .input:focus {
        border-color: #3d70b2
    }

    .input.is-sm {
        height: 32px;
        font-size: .9rem
    }

    .input.no-radius {
        border-radius: 1px
    }

    .input.is-fade:hover {
        border: 1px solid #e3e3e3
    }

    .input.is-fade:focus {
        border: 1px solid #e3e3e3;
        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important
    }

    .input.is-bordered:focus {
        border-color: #757a91
    }

.textarea {
    font-size: .9rem;
    border-radius: .65rem;
    transition: all .3s
}

    .textarea.is-sm {
        font-size: .9rem;
        resize: none
    }

    .textarea.no-radius {
        border-radius: 1px
    }

    .textarea.is-fade:hover {
        border: 1px solid #e3e3e3
    }

    .textarea.is-fade:focus {
        border: 1px solid #e3e3e3;
        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important
    }

.field label {
    font-size: .9rem;
    font-weight: 500;
    color: #393a4f
}

.control.has-icon {
    position: relative
}

    .control.has-icon .form-icon {
        position: absolute;
        top: 0;
        left: 0;
        height: 36px;
        width: 36px;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .control.has-icon .form-icon svg {
            height: 20px;
            width: 20px;
            stroke: #cecece;
            transition: all .3s
        }

    .control.has-icon .input {
        height: 36px;
        padding-left: 40px
    }

        .control.has-icon .input:focus + .form-icon svg {
            stroke: #3d70b2
        }

.control.has-validation {
    position: relative
}

    .control.has-validation .error-icon {
        position: absolute;
        top: 0;
        right: 0;
        height: 36px;
        width: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transition: opacity .3s
    }

        .control.has-validation .error-icon svg {
            height: 16px;
            width: 16px;
            stroke: #f71416
        }

    .control.has-validation .success-icon {
        position: absolute;
        top: 0;
        right: 0;
        height: 36px;
        width: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transition: opacity .3s
    }

        .control.has-validation .success-icon svg {
            height: 16px;
            width: 16px;
            stroke: #1ce589
        }

    .control.has-validation.has-error input {
        border-color: #f71416 !important
    }

        .control.has-validation.has-error input + label {
            font-size: .75rem;
            color: #f71416
        }

    .control.has-validation.has-error .error-icon {
        opacity: 1
    }

    .control.has-validation.has-error .success-icon {
        opacity: 0
    }

    .control.has-validation.has-success input {
        border-color: #1ce589 !important
    }

    .control.has-validation.has-success .error-icon {
        opacity: 0
    }

    .control.has-validation.has-success .success-icon {
        opacity: 1
    }

.is-combo .combo-label {
    font-weight: 500;
    font-size: .9rem;
    color: #999
}

.is-combo .combo-box, .is-combo .image-combo-box, .is-combo .stacked-combo-box, .is-combo .user-combo-box {
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 40px;
    margin-top: 4px;
    cursor: pointer;
    transition: all .3s
}

    .is-combo .combo-box.has-rounded-images .combo-item img, .is-combo .combo-box.has-rounded-images .item-icon img, .is-combo .image-combo-box.has-rounded-images .combo-item img, .is-combo .image-combo-box.has-rounded-images .item-icon img, .is-combo .stacked-combo-box.has-rounded-images .combo-item img, .is-combo .stacked-combo-box.has-rounded-images .item-icon img, .is-combo .user-combo-box.has-rounded-images .combo-item img, .is-combo .user-combo-box.has-rounded-images .item-icon img {
        border-radius: 50%
    }

    .is-combo .combo-box.is-scrollable .box-dropdown .dropdown-inner, .is-combo .image-combo-box.is-scrollable .box-dropdown .dropdown-inner, .is-combo .stacked-combo-box.is-scrollable .box-dropdown .dropdown-inner, .is-combo .user-combo-box.is-scrollable .box-dropdown .dropdown-inner {
        max-height: 190px;
        overflow-y: auto
    }

    .is-combo .combo-box .box-inner, .is-combo .image-combo-box .box-inner, .is-combo .stacked-combo-box .box-inner, .is-combo .user-combo-box .box-inner {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

        .is-combo .combo-box .box-inner .combo-item, .is-combo .image-combo-box .box-inner .combo-item, .is-combo .stacked-combo-box .box-inner .combo-item, .is-combo .user-combo-box .box-inner .combo-item {
            display: flex;
            align-items: center;
            height: 40px;
            padding-left: 8px
        }

            .is-combo .combo-box .box-inner .combo-item i, .is-combo .image-combo-box .box-inner .combo-item i, .is-combo .stacked-combo-box .box-inner .combo-item i, .is-combo .user-combo-box .box-inner .combo-item i {
                color: #999;
                font-size: 18px
            }

            .is-combo .combo-box .box-inner .combo-item .fa, .is-combo .image-combo-box .box-inner .combo-item .fa, .is-combo .stacked-combo-box .box-inner .combo-item .fa, .is-combo .user-combo-box .box-inner .combo-item .fa {
                font-size: 14px
            }

                .is-combo .combo-box .box-inner .combo-item .fa.is-green, .is-combo .image-combo-box .box-inner .combo-item .fa.is-green, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-green, .is-combo .user-combo-box .box-inner .combo-item .fa.is-green {
                    color: #1ce589
                }

                .is-combo .combo-box .box-inner .combo-item .fa.is-blue, .is-combo .image-combo-box .box-inner .combo-item .fa.is-blue, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-blue, .is-combo .user-combo-box .box-inner .combo-item .fa.is-blue {
                    color: #039be5
                }

                .is-combo .combo-box .box-inner .combo-item .fa.is-orange, .is-combo .image-combo-box .box-inner .combo-item .fa.is-orange, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-orange, .is-combo .user-combo-box .box-inner .combo-item .fa.is-orange {
                    color: #ff9700
                }

                .is-combo .combo-box .box-inner .combo-item .fa.is-red, .is-combo .image-combo-box .box-inner .combo-item .fa.is-red, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-red, .is-combo .user-combo-box .box-inner .combo-item .fa.is-red {
                    color: #f71416
                }

            .is-combo .combo-box .box-inner .combo-item img, .is-combo .image-combo-box .box-inner .combo-item img, .is-combo .stacked-combo-box .box-inner .combo-item img, .is-combo .user-combo-box .box-inner .combo-item img {
                display: block;
                height: 22px;
                width: 22px;
                -o-object-fit: contain;
                object-fit: contain;
                margin-right: 8px
            }

                .is-combo .combo-box .box-inner .combo-item img.is-stacked, .is-combo .image-combo-box .box-inner .combo-item img.is-stacked, .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked, .is-combo .user-combo-box .box-inner .combo-item img.is-stacked {
                    height: 26px;
                    width: 26px;
                    border: 2px solid #fff;
                    margin-right: 0 !important
                }

                    .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1) {
                        margin-left: -9px
                    }

                    .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2) {
                        margin-left: -9px
                    }

                    .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3) {
                        margin-left: -9px
                    }

                    .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4) {
                        margin-left: -9px
                    }

                    .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5) {
                        margin-left: -9px
                    }

            .is-combo .combo-box .box-inner .combo-item .avatar-container, .is-combo .image-combo-box .box-inner .combo-item .avatar-container, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container, .is-combo .user-combo-box .box-inner .combo-item .avatar-container {
                position: relative;
                display: block;
                height: 26px;
                width: 26px
            }

                .is-combo .combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .image-combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .user-combo-box .box-inner .combo-item .avatar-container .avatar {
                    display: block;
                    height: 26px;
                    width: 26px;
                    border-radius: 50%
                }

                .is-combo .combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .image-combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .user-combo-box .box-inner .combo-item .avatar-container .badge {
                    position: absolute;
                    bottom: 0;
                    right: -6px;
                    height: 16px;
                    width: 16px;
                    border-radius: 50%;
                    border: 2px solid #fff;
                    margin: 0
                }

            .is-combo .combo-box .box-inner .combo-item span, .is-combo .image-combo-box .box-inner .combo-item span, .is-combo .stacked-combo-box .box-inner .combo-item span, .is-combo .user-combo-box .box-inner .combo-item span {
                display: block;
                color: #393a4f;
                font-size: .9rem;
                font-weight: 500;
                margin-left: 8px
            }

                .is-combo .combo-box .box-inner .combo-item span.is-pushed, .is-combo .image-combo-box .box-inner .combo-item span.is-pushed, .is-combo .stacked-combo-box .box-inner .combo-item span.is-pushed, .is-combo .user-combo-box .box-inner .combo-item span.is-pushed {
                    margin-left: 18px
                }

    .is-combo .combo-box .box-chevron, .is-combo .image-combo-box .box-chevron, .is-combo .stacked-combo-box .box-chevron, .is-combo .user-combo-box .box-chevron {
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        width: 40px
    }

        .is-combo .combo-box .box-chevron svg, .is-combo .image-combo-box .box-chevron svg, .is-combo .stacked-combo-box .box-chevron svg, .is-combo .user-combo-box .box-chevron svg {
            height: 18px;
            width: 18px;
            stroke: #393a4f;
            transform: rotate(0);
            transition: all .3s
        }

    .is-combo .combo-box .box-dropdown, .is-combo .image-combo-box .box-dropdown, .is-combo .stacked-combo-box .box-dropdown, .is-combo .user-combo-box .box-dropdown {
        position: absolute;
        top: 32px;
        left: 0;
        width: 100%;
        z-index: 50;
        opacity: 0;
        transform: translateY(20px);
        pointer-events: none;
        transition: all .3s
    }

        .is-combo .combo-box .box-dropdown.is-dropup, .is-combo .image-combo-box .box-dropdown.is-dropup, .is-combo .stacked-combo-box .box-dropdown.is-dropup, .is-combo .user-combo-box .box-dropdown.is-dropup {
            top: -165px;
            height: 148px
        }

            .is-combo .combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .image-combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .stacked-combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .user-combo-box .box-dropdown.is-dropup .dropdown-inner {
                overflow-y: auto
            }

        .is-combo .combo-box .box-dropdown .dropdown-inner, .is-combo .image-combo-box .box-dropdown .dropdown-inner, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner, .is-combo .user-combo-box .box-dropdown .dropdown-inner {
            position: relative;
            width: 100%;
            height: 100%;
            background: #fff;
            border: 1px solid #ccc;
            border-radius: 4px;
            margin-top: 10px;
            max-height: 190px;
            overflow-y: auto
        }

            .is-combo .combo-box .box-dropdown .dropdown-inner ul, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul {
                padding: 10px 0
            }

                .is-combo .combo-box .box-dropdown .dropdown-inner ul li, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li {
                    padding: 6px 8px;
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    width: 100%
                }

                    .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon {
                        position: relative;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 30px;
                        width: 30px;
                        margin-right: 8px
                    }

                        .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon i, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon i, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon i, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon i {
                            color: #999;
                            font-size: 20px
                        }

                        .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa {
                            font-size: 16px;
                            position: relative;
                            top: 5px
                        }

                            .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green {
                                color: #1ce589
                            }

                            .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue {
                                color: #039be5
                            }

                            .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange {
                                color: #ff9700
                            }

                            .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red {
                                color: #f71416
                            }

                        .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon img {
                            display: block;
                            height: 22px;
                            width: 22px;
                            -o-object-fit: contain;
                            object-fit: contain;
                            transition: opacity .3s
                        }

                            .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img {
                                opacity: .4
                            }

                        .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar {
                            display: block;
                            height: 22px;
                            width: 22px;
                            border-radius: 50%
                        }

                        .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge {
                            position: absolute;
                            bottom: 0;
                            right: 0;
                            height: 12px;
                            width: 12px;
                            border-radius: 50%;
                            border: 2px solid #fff
                        }

                    .is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 16px;
                        width: 16px;
                        margin-right: 8px;
                        margin-left: auto;
                        opacity: 0;
                        transition: all .3s
                    }

                        .is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg {
                            stroke: #3d70b2;
                            stroke-width: 3px;
                            height: 16px;
                            width: 16px
                        }

                    .is-combo .combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li span {
                        display: block;
                        color: #999;
                        font-size: .9rem;
                        font-weight: 500
                    }

                    .is-combo .combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li:hover {
                        background: #ededed
                    }

                    .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i {
                        color: #393a4f
                    }

                    .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img {
                        opacity: 1
                    }

                    .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active span, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active span, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active span, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active span {
                        color: #393a4f
                    }

                    .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark {
                        opacity: 1
                    }

    .is-combo .combo-box.is-active, .is-combo .image-combo-box.is-active, .is-combo .stacked-combo-box.is-active, .is-combo .user-combo-box.is-active {
        border-color: #e8e8e8
    }

        .is-combo .combo-box.is-active .box-chevron svg, .is-combo .image-combo-box.is-active .box-chevron svg, .is-combo .stacked-combo-box.is-active .box-chevron svg, .is-combo .user-combo-box.is-active .box-chevron svg {
            transform: rotate(180deg)
        }

        .is-combo .combo-box.is-active .box-dropdown, .is-combo .image-combo-box.is-active .box-dropdown, .is-combo .stacked-combo-box.is-active .box-dropdown, .is-combo .user-combo-box.is-active .box-dropdown {
            opacity: 1;
            transform: translateY(0);
            pointer-events: all
        }

.is-combo .help-text {
    font-size: .75rem;
    color: #999
}

.is-combo .big-combo-box {
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 58px;
    margin-top: 4px;
    cursor: pointer;
    transition: all .3s
}

    .is-combo .big-combo-box .box-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100%
    }

        .is-combo .big-combo-box .box-inner .combo-item {
            display: flex;
            align-items: center;
            height: 58px;
            padding-left: 8px
        }

            .is-combo .big-combo-box .box-inner .combo-item i {
                color: #3d70b2;
                font-size: 1.6rem
            }

            .is-combo .big-combo-box .box-inner .combo-item .combo-text {
                margin-left: 16px
            }

                .is-combo .big-combo-box .box-inner .combo-item .combo-text span {
                    display: block
                }

                    .is-combo .big-combo-box .box-inner .combo-item .combo-text span:first-child {
                        color: #393a4f;
                        font-size: .9rem;
                        font-weight: 500
                    }

                    .is-combo .big-combo-box .box-inner .combo-item .combo-text span:nth-child(2) {
                        color: #999;
                        font-size: .8rem;
                        max-width: 330px;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis
                    }

    .is-combo .big-combo-box .box-chevron {
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 58px;
        width: 58px
    }

        .is-combo .big-combo-box .box-chevron svg {
            height: 18px;
            width: 18px;
            stroke: #393a4f;
            transform: rotate(0);
            transition: all .3s
        }

    .is-combo .big-combo-box .box-dropdown {
        position: absolute;
        top: 54px;
        left: 0;
        width: 100%;
        z-index: 50;
        opacity: 0;
        transform: translateY(20px);
        pointer-events: none;
        transition: all .3s
    }

        .is-combo .big-combo-box .box-dropdown .dropdown-inner {
            position: relative;
            width: 100%;
            height: 100%;
            background: #fff;
            border: 1px solid #ccc;
            border-radius: 4px;
            margin-top: 10px;
            max-height: 190px;
            overflow-y: auto;
            overflow-x: hidden
        }

            .is-combo .big-combo-box .box-dropdown .dropdown-inner ul {
                padding: 10px 0
            }

                .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li {
                    padding: 6px 8px;
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    width: 100%
                }

                    .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-icon {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 30px;
                        width: 30px;
                        min-height: 30px;
                        min-width: 30px;
                        margin-right: 16px
                    }

                        .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-icon i {
                            color: #999;
                            font-size: 1.6rem
                        }

                    .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span {
                        display: block
                    }

                        .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span:first-child {
                            color: #393a4f;
                            font-size: .9rem;
                            font-weight: 500
                        }

                        .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span:nth-child(2) {
                            color: #999;
                            font-size: .8rem;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis
                        }

                    .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li:hover {
                        background: #ededed
                    }

                    .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i {
                        color: #3d70b2
                    }

                    .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li.is-active span {
                        color: #393a4f
                    }

    .is-combo .big-combo-box.is-active {
        border-color: #e8e8e8
    }

        .is-combo .big-combo-box.is-active .box-chevron svg {
            transform: rotate(180deg)
        }

        .is-combo .big-combo-box.is-active .box-dropdown {
            opacity: 1;
            transform: translateY(0);
            pointer-events: all
        }

.custom-select {
    width: 100%;
    z-index: 3
}

    .custom-select.is-dropup .select-drop {
        top: -100%
    }

    .custom-select .select-box {
        position: relative;
        display: flex;
        align-items: center;
        padding: 0 40px 0 10px;
        height: 36px;
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #999;
        background: #fff;
        cursor: pointer;
        transition: all .3s
    }

        .custom-select .select-box:hover {
            border-color: #e8e8e8
        }

    .custom-select .select-icon {
        position: absolute;
        top: 0;
        right: 0;
        width: 36px;
        height: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .3s;
        transform: rotate(0)
    }

        .custom-select .select-icon svg {
            height: 20px;
            width: 20px;
            stroke: #bababa !important;
            transition: all .3s
        }

    .custom-select .select-drop {
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        min-height: 135px;
        max-height: 138px;
        overflow-y: auto;
        background: #fff;
        border: 1px solid #e8e8e8;
        border-radius: 4px;
        z-index: 5;
        transition: all .3s;
        opacity: 0;
        transform: translateY(10px);
        pointer-events: none
    }

        .custom-select .select-drop .drop-inner {
            position: relative;
            height: 100%;
            width: 100%;
            background: #fff
        }

            .custom-select .select-drop .drop-inner .option-row {
                position: relative;
                display: flex;
                background: #fff
            }

                .custom-select .select-drop .drop-inner .option-row input {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    opacity: 0;
                    cursor: pointer
                }

                    .custom-select .select-drop .drop-inner .option-row input:checked + .option-meta {
                        background: #f2f2f2
                    }

                        .custom-select .select-drop .drop-inner .option-row input:checked + .option-meta span {
                            color: #393a4f
                        }

                        .custom-select .select-drop .drop-inner .option-row input:checked + .option-meta svg.is-purple {
                            stroke: #9c2bed
                        }

                .custom-select .select-drop .drop-inner .option-row .option-meta {
                    padding: 12px;
                    width: 100%;
                    display: flex;
                    align-items: center
                }

                    .custom-select .select-drop .drop-inner .option-row .option-meta img {
                        display: block;
                        max-height: 20px
                    }

                    .custom-select .select-drop .drop-inner .option-row .option-meta svg {
                        height: 20px;
                        width: 20px;
                        stroke: #cecece
                    }

                        .custom-select .select-drop .drop-inner .option-row .option-meta svg.is-small {
                            height: 14px;
                            width: 14px
                        }

                    .custom-select .select-drop .drop-inner .option-row .option-meta span {
                        display: block;
                        font-weight: 500;
                        color: #999;
                        font-size: .9rem;
                        margin-left: 8px
                    }

    .custom-select.is-active .select-drop {
        opacity: 1;
        transform: translateY(0);
        pointer-events: all
    }

    .custom-select.is-active .select-icon {
        transform: rotate(180deg)
    }

    .custom-select.is-accounts .option-meta img {
        max-height: 36px !important;
        border-radius: 50%
    }

.tokenize {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    transition: all .3s
}

    .tokenize.focus .tokens-container {
        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
    }

    .tokenize .tokens-container {
        transition: all .3s
    }

.material-radio {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

    .material-radio.is-accent .dot {
        background-color: #3d70b2
    }

    .material-radio.is-accent input:checked {
        background: transparent;
        border-color: #3d70b2
    }

        .material-radio.is-accent input:checked + .dot {
            transform: scale(1)
        }

    .material-radio.is-accent input:focus:checked, .material-radio.is-accent input.focus:checked {
        background-color: transparent;
        border-color: #3d70b2;
        box-shadow: 0 0 0 12px rgba(85,150,230,.1)
    }

    .material-radio.is-accent:active input:checked {
        background-color: transparent;
        border-color: #3d70b2;
        box-shadow: 0 0 0 12px rgba(85,150,230,.1)
    }

    .material-radio.is-green .dot {
        background-color: #1ce589
    }

    .material-radio.is-green input:checked {
        background: transparent;
        border-color: #1ce589
    }

        .material-radio.is-green input:checked + .dot {
            transform: scale(1)
        }

    .material-radio.is-green input:focus:checked, .material-radio.is-green input.focus:checked {
        background-color: transparent;
        border-color: #1ce589;
        box-shadow: 0 0 0 12px rgba(28,229,137,.1)
    }

    .material-radio.is-green:active input:checked {
        background-color: transparent;
        border-color: #1ce589;
        box-shadow: 0 0 0 12px rgba(28,229,137,.1)
    }

    .material-radio.is-blue .dot {
        background-color: #039be5
    }

    .material-radio.is-blue input:checked {
        background: transparent;
        border-color: #039be5
    }

        .material-radio.is-blue input:checked + .dot {
            transform: scale(1)
        }

    .material-radio.is-blue input:focus:checked, .material-radio.is-blue input.focus:checked {
        background-color: transparent;
        border-color: #039be5;
        box-shadow: 0 0 0 12px rgba(3,155,229,.1)
    }

    .material-radio.is-blue:active input:checked {
        background-color: transparent;
        border-color: #039be5;
        box-shadow: 0 0 0 12px rgba(3,155,229,.1)
    }

    .material-radio.is-orange .dot {
        background-color: #ff9700
    }

    .material-radio.is-orange input:checked {
        background: transparent;
        border-color: #ff9700
    }

        .material-radio.is-orange input:checked + .dot {
            transform: scale(1)
        }

    .material-radio.is-orange input:focus:checked, .material-radio.is-orange input.focus:checked {
        background-color: transparent;
        border-color: #ff9700;
        box-shadow: 0 0 0 12px rgba(255,151,0,.1)
    }

    .material-radio.is-orange:active input:checked {
        background-color: transparent;
        border-color: #ff9700;
        box-shadow: 0 0 0 12px rgba(255,151,0,.1)
    }

    .material-radio.is-red .dot {
        background-color: #f71416
    }

    .material-radio.is-red input:checked {
        background: transparent;
        border-color: #f71416
    }

        .material-radio.is-red input:checked + .dot {
            transform: scale(1)
        }

    .material-radio.is-red input:focus:checked, .material-radio.is-red input.focus:checked {
        background-color: transparent;
        border-color: #f71416;
        box-shadow: 0 0 0 12px rgba(247,20,22,.1)
    }

    .material-radio.is-red:active input:checked {
        background-color: transparent;
        border-color: #f71416;
        box-shadow: 0 0 0 12px rgba(247,20,22,.1)
    }

    .material-radio .dot {
        position: absolute;
        top: calc(50% - 3px);
        left: 6.5px;
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background: #3d70b2;
        transform: scale(0);
        z-index: 5;
        transition: all .3s
    }

    .material-radio input, .material-radio input:hover, .material-radio input.hover {
        -webkit-appearance: none;
        border: 1.4px solid #cecece;
        border-radius: 13px;
        height: 19px;
        margin: 0;
        vertical-align: top;
        width: 19px
    }

        .material-radio input:focus, .material-radio input.focus {
            background-color: transparent;
            border-color: #cecece;
            box-shadow: 0 0 0 12px rgba(0,0,0,.07);
            outline: none
        }

        .material-radio input:disabled {
            border-color: rgba(0,0,0,.26)
        }

            .material-radio input:disabled:focus, .material-radio input:disabled.focus {
                background-color: transparent;
                border-color: rgba(0,0,0,.26);
                box-shadow: 0 0 0 12px rgba(0,0,0,.07)
            }

        .material-radio input:checked {
            background: transparent;
            border-color: #3d70b2
        }

            .material-radio input:checked + .dot {
                transform: scale(1)
            }

        .material-radio input:focus:checked, .material-radio input.focus:checked {
            background-color: transparent;
            border-color: #3d70b2;
            box-shadow: 0 0 0 12px rgba(61,112,178,.1)
        }

        .material-radio input:disabled:checked {
            background: transparent;
            border-color: rgba(0,0,0,.26)
        }

        .material-radio input:disabled:focus:checked, .material-radio input:disabled.focus:checked {
            background-color: rgba(0,0,0,.07);
            border-color: rgba(0,0,0,.26);
            box-shadow: 0 0 0 12px rgba(0,0,0,.07)
        }

    .material-radio .radio-label {
        line-height: 30px;
        font-size: .9rem;
        margin: 0 10px
    }

        .material-radio .radio-label small {
            font-weight: 600;
            color: #3d70b2
        }

    .material-radio:active input, .material-radio.active input {
        background-color: rgba(0,0,0,.07);
        border-color: #cecece;
        box-shadow: 0 0 0 12px rgba(0,0,0,.07);
        outline: none
    }

        .material-radio:active input:disabled, .material-radio.active input:disabled {
            background-color: rgba(0,0,0,.07);
            border-color: rgba(0,0,0,.26);
            box-shadow: 0 0 0 12px rgba(0,0,0,.07)
        }

        .material-radio:active input:checked, .material-radio.active input:checked {
            background-color: rgba(61,112,178,.1);
            border-color: #3d70b2;
            box-shadow: 0 0 0 12px rgba(61,112,178,.1)
        }

        .material-radio:active input:disabled:checked, .material-radio.active input:disabled:checked {
            background-color: rgba(0,0,0,.07);
            border-color: rgba(0,0,0,.26);
            box-shadow: 0 0 0 12px rgba(0,0,0,.07)
        }

.animated-toggle {
    width: 56px;
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .animated-toggle input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

        .animated-toggle input:checked ~ .toggler {
            border-color: #3d70b2
        }

            .animated-toggle input:checked ~ .toggler .dark, .animated-toggle input:checked ~ .toggler .light {
                transform: translateX(100%) rotate(360deg)
            }

            .animated-toggle input:checked ~ .toggler .dark {
                opacity: 1
            }

            .animated-toggle input:checked ~ .toggler .light {
                opacity: 0
            }

    .animated-toggle .toggler {
        position: relative;
        display: block;
        height: 31px;
        width: 53px;
        border: 2px solid #3d70b2;
        border-radius: 100px;
        transition: all .3s
    }

        .animated-toggle .toggler .dark, .animated-toggle .toggler .light {
            position: absolute;
            top: 2px;
            left: 2px;
            height: 22px;
            width: 22px;
            border-radius: 50%;
            background: #000;
            display: flex;
            justify-content: center;
            align-items: center;
            transform: translateX(0) rotate(0);
            transition: all .3s ease
        }

            .animated-toggle .toggler .dark svg, .animated-toggle .toggler .light svg {
                stroke: #fff;
                height: 14px !important;
                width: 14px !important
            }

        .animated-toggle .toggler .light {
            background: #3d70b2;
            border-color: #3d70b2;
            opacity: 1;
            z-index: 1
        }

        .animated-toggle .toggler .dark {
            background: #3d70b2;
            border-color: #3d70b2;
            opacity: 0;
            z-index: 0
        }

.f-switch {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

    .f-switch.is-primary input:checked + i {
        background-color: #3d70b2
    }

    .f-switch.is-accent input:checked + i {
        background-color: #3d70b2
    }

    .f-switch.is-red input:checked + i {
        background-color: #f71416
    }

    .f-switch.is-blue input:checked + i {
        background-color: #039be5
    }

    .f-switch i {
        position: relative;
        display: inline-block;
        margin-right: .5rem;
        width: 46px;
        height: 26px;
        background-color: #e6e6e6;
        border-radius: 23px;
        vertical-align: text-bottom;
        transition: all .3s linear
    }

        .f-switch i::before {
            content: "";
            position: absolute;
            left: 0;
            width: 42px;
            height: 22px;
            background-color: #fff;
            border-radius: 11px;
            transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
            transition: all .25s linear
        }

        .f-switch i::after {
            content: "";
            position: absolute;
            left: 0;
            width: 22px;
            height: 22px;
            background-color: #fff;
            border-radius: 11px;
            box-shadow: 0 2px 2px rgba(0,0,0,.24);
            transform: translate3d(2px, 2px, 0);
            transition: all .2s ease-in-out
        }

    .f-switch:active i::after {
        width: 28px;
        transform: translate3d(2px, 2px, 0)
    }

    .f-switch:active input:checked + i::after {
        transform: translate3d(16px, 2px, 0)
    }

    .f-switch input {
        position: absolute;
        opacity: 0;
        pointer-events: none
    }

        .f-switch input:checked + i {
            background-color: #1ce589
        }

            .f-switch input:checked + i::before {
                transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0)
            }

            .f-switch input:checked + i::after {
                transform: translate3d(22px, 2px, 0)
            }

    .f-switch small {
        color: #999;
        position: relative;
        top: -4px
    }

.theme-toggle {
    width: 54px;
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transform: scale(0.9)
}

    .theme-toggle input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

        .theme-toggle input:checked ~ .toggler {
            border-color: #3d70b2
        }

            .theme-toggle input:checked ~ .toggler .dark, .theme-toggle input:checked ~ .toggler .light {
                transform: translateX(98%) rotate(360deg)
            }

            .theme-toggle input:checked ~ .toggler .dark {
                opacity: 1 !important
            }

            .theme-toggle input:checked ~ .toggler .light {
                opacity: 0 !important
            }

    .theme-toggle .toggler {
        position: relative;
        display: block;
        height: 31px;
        width: 53px;
        border: 1px solid #e0e0e0;
        background: #fff;
        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
        border-radius: 100px;
        transition: all .3s
    }

        .theme-toggle .toggler .dark, .theme-toggle .toggler .light {
            position: absolute;
            top: 2px;
            left: 2px;
            height: 24px;
            width: 24px;
            border-radius: 50%;
            background: #000;
            display: flex !important;
            justify-content: center;
            align-items: center;
            transform: translateX(0) rotate(0);
            transition: all .3s ease
        }

            .theme-toggle .toggler .dark svg, .theme-toggle .toggler .light svg {
                stroke: #edc31c !important;
                height: 14px !important;
                width: 14px !important;
                opacity: 1 !important
            }

        .theme-toggle .toggler .light {
            background: #fff;
            border-color: #dedede;
            opacity: 1;
            z-index: 1
        }

        .theme-toggle .toggler .dark {
            background: #3d70b2;
            border-color: #3d70b2;
            opacity: 0;
            z-index: 0
        }

            .theme-toggle .toggler .dark svg {
                stroke: #fff !important
            }

.webui-popover {
    box-shadow: rgba(0,0,0,.04) 0px 3px 10px 4px !important;
    background: #fff !important;
    color: #393a4f !important;
    border: none !important;
    margin-top: -20px !important
}

    .webui-popover.top > .webui-arrow {
        border-top-color: #fff !important
    }

    .webui-popover.bottom-right > .webui-arrow {
        border-right-color: transparent !important;
        border-bottom-color: transparent !important
    }

    .webui-popover.top-right > .webui-arrow {
        border-right-color: transparent !important
    }

        .webui-popover.top-right > .webui-arrow:after {
            border-top-color: #fff !important
        }

    .webui-popover.top-left > .webui-arrow {
        border-top-color: #fff !important
    }

    .webui-popover.left > .webui-arrow {
        border-left-color: transparent !important
    }

    .webui-popover .webui-arrow {
        border-top-color: transparent !important;
        border-right-color: transparent !important
    }

        .webui-popover .webui-arrow:after {
            border-top-color: transparent !important
        }

    .webui-popover .webui-popover-title {
        background-color: #fff !important;
        border-bottom: none !important;
        font-weight: 500
    }

    .webui-popover .webui-popover-content {
        font-size: .75rem !important
    }

        .webui-popover .webui-popover-content .popover-flex-block {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding: 12px;
            font-size: .85rem
        }

            .webui-popover .webui-popover-content .popover-flex-block .staff-avatar {
                height: 38px;
                width: 38px;
                border-radius: 50%
            }

            .webui-popover .webui-popover-content .popover-flex-block .content-block {
                margin-left: 4px;
                color: #999
            }

                .webui-popover .webui-popover-content .popover-flex-block .content-block span:first-child {
                    font-weight: 500;
                    color: #393a4f
                }

                .webui-popover .webui-popover-content .popover-flex-block .content-block label, .webui-popover .webui-popover-content .popover-flex-block .content-block span {
                    display: block
                }

                .webui-popover .webui-popover-content .popover-flex-block .content-block label {
                    color: #8d8fad;
                    text-transform: uppercase;
                    font-size: 70%
                }

            .webui-popover .webui-popover-content .popover-flex-block .fa.fa-star, .webui-popover .webui-popover-content .popover-flex-block .fa.fa-star-half {
                color: gold
            }

            .webui-popover .webui-popover-content .popover-flex-block .icon-block {
                height: 38px;
                width: 38px;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-right: 10px
            }

                .webui-popover .webui-popover-content .popover-flex-block .icon-block svg {
                    height: 24px;
                    width: 24px;
                    stroke: #999;
                    stroke-width: 1.3px
                }

                    .webui-popover .webui-popover-content .popover-flex-block .icon-block svg.is-medium {
                        height: 26px;
                        width: 26px
                    }

.profile-popover-block {
    position: relative
}

    .profile-popover-block .profile-popover-wrapper {
        padding: 8px 8px 0 8px
    }

        .profile-popover-block .profile-popover-wrapper .popover-cover {
            position: relative;
            margin-bottom: 10px;
            min-height: 104px
        }

            .profile-popover-block .profile-popover-wrapper .popover-cover img {
                display: block
            }

            .profile-popover-block .profile-popover-wrapper .popover-cover .popover-avatar {
                position: absolute;
                right: 14px;
                bottom: 0px;
                width: 50px;
                height: 50px;
                min-width: 50px;
                z-index: 0
            }

                .profile-popover-block .profile-popover-wrapper .popover-cover .popover-avatar img {
                    display: block
                }

                .profile-popover-block .profile-popover-wrapper .popover-cover .popover-avatar .avatar {
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                    border: 3px solid #fff
                }

                .profile-popover-block .profile-popover-wrapper .popover-cover .popover-avatar .badge {
                    position: absolute;
                    right: -10px;
                    bottom: 0;
                    width: 24px;
                    height: 24px;
                    border: 2px solid #fff;
                    border-radius: 50%
                }

        .profile-popover-block .profile-popover-wrapper .popover-meta span {
            display: block
        }

            .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta, .profile-popover-block .profile-popover-wrapper .popover-meta span.page-meta {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 8px
            }

                .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .username, .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .pagename, .profile-popover-block .profile-popover-wrapper .popover-meta span.page-meta .username, .profile-popover-block .profile-popover-wrapper .popover-meta span.page-meta .pagename {
                    display: block;
                    font-size: .9rem;
                    font-weight: 500
                }

            .profile-popover-block .profile-popover-wrapper .popover-meta span.job-title {
                font-size: .8rem;
                color: #3d70b2;
                font-weight: 500;
                margin-bottom: 8px
            }

        .profile-popover-block .profile-popover-wrapper .popover-meta .common-friends, .profile-popover-block .profile-popover-wrapper .popover-meta .user-location, .profile-popover-block .profile-popover-wrapper .popover-meta .page-activity, .profile-popover-block .profile-popover-wrapper .popover-meta .page-followers {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: 8px
        }

            .profile-popover-block .profile-popover-wrapper .popover-meta .common-friends .text, .profile-popover-block .profile-popover-wrapper .popover-meta .user-location .text, .profile-popover-block .profile-popover-wrapper .popover-meta .page-activity .text, .profile-popover-block .profile-popover-wrapper .popover-meta .page-followers .text {
                margin: 0 10px;
                color: #757a91
            }

            .profile-popover-block .profile-popover-wrapper .popover-meta .common-friends svg, .profile-popover-block .profile-popover-wrapper .popover-meta .user-location svg, .profile-popover-block .profile-popover-wrapper .popover-meta .page-activity svg, .profile-popover-block .profile-popover-wrapper .popover-meta .page-followers svg {
                stroke: #888da8;
                width: 16px;
                height: 16px
            }

    .profile-popover-block .popover-actions, .friend-item .popover-actions, .friend-card .friends-action {
        position: relative;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 5px 10px;
        z-index: 1
    }

        .profile-popover-block .popover-actions .popover-icon, .friend-item .popover-actions .popover-icon, .friend-card .friends-action .popover-icon {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 30px;
            height: 30px;
            max-width: 30px;
            margin: 0 2px;
            border-radius: 50%;
            transition: all .3s;
            cursor: pointer
        }

            .profile-popover-block .popover-actions .popover-icon:hover, .friend-item .popover-actions .popover-icon:hover, .friend-card .friends-action .popover-icon:hover {
                background: #3d70b2
            }

                .profile-popover-block .popover-actions .popover-icon:hover svg, .friend-item .popover-actions .popover-icon:hover svg, .friend-card .friends-action .popover-icon:hover svg{
                    stroke: #fff
                }

            .profile-popover-block .popover-actions .popover-icon svg, .friend-item .popover-actions .popover-icon svg, .friend-card .friends-action .popover-icon svg{
                width: 16px;
                height: 16px;
                stroke: #cecece
            }

    .profile-popover-block .loader-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(255,255,255,.95);
        opacity: 0;
        transition: all .3s;
        z-index: 0
    }

        .profile-popover-block .loader-overlay.is-active {
            opacity: 1;
            z-index: 1
        }

        .profile-popover-block .loader-overlay .loader.is-loading {
            height: 24px;
            width: 24px;
            min-height: 24px;
            min-width: 24px
        }

.ggtooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    padding: 5px;
    font-size: 11px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible
}

    .ggtooltip.fade {
        opacity: 0;
        transition: opacity .6s linear
    }

        .ggtooltip.fade.in {
            opacity: 1
        }

    .ggtooltip.in {
        opacity: .8;
        filter: alpha(opacity=80)
    }

    .ggtooltip.top {
        margin-top: -3px
    }
    .profile-popover-block .ggtooltip.top {
        margin-top: -23px
    }
    .ggtooltip.right {
        margin-left: 3px
    }

    .ggtooltip.bottom {
        margin-top: 3px
    }

    .ggtooltip.left {
        margin-left: -3px
    }

    .ggtooltip .ggtooltip-inner {
        max-width: 200px;
        padding: 3px 8px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        background-color: #000;
        border-radius: 4px;
        border: solid 1px #000;
        box-shadow: 0px 0px 10px rgba(0,0,0,.5)
    }

    .ggtooltip .ggtooltip-arrow, .ggtooltip .ggtooltip-arrow-shadow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }

    .ggtooltip.top .ggtooltip-arrow, .ggtooltip.top .ggtooltip-arrow-shadow {
        bottom: 1px;
        left: 50%;
        margin-left: -5px;
        border-top-color: #000;
        border-width: 5px 5px 0
    }

    .ggtooltip.top .ggtooltip-arrow-shadow {
        bottom: 0
    }

    .ggtooltip.right .ggtooltip-arrow, .ggtooltip.right .ggtooltip-arrow-shadow {
        top: 50%;
        left: 1px;
        margin-top: -5px;
        border-right-color: #000;
        border-width: 5px 5px 5px 0
    }

    .ggtooltip.right .ggtooltip-arrow-shadow {
        left: 0
    }

    .ggtooltip.left .ggtooltip-arrow, .ggtooltip.left .ggtooltip-arrow-shadow {
        top: 50%;
        right: 1px;
        margin-top: -5px;
        border-left-color: #000;
        border-width: 5px 0 5px 5px
    }

    .ggtooltip.left .ggtooltip-arrow-shadow {
        right: 0
    }

    .ggtooltip.bottom .ggtooltip-arrow, .ggtooltip.bottom .ggtooltip-arrow-shadow {
        top: 1px;
        left: 50%;
        margin-left: -5px;
        border-bottom-color: #000;
        border-width: 0 5px 5px
    }

    .ggtooltip.bottom .ggtooltip-arrow-shadow {
        top: 0
    }

.round-checkbox {
    position: relative
}

    .round-checkbox > div {
        display: flex;
        align-items: center
    }

    .round-checkbox label {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 50%;
        cursor: pointer;
        height: 28px;
        left: 0;
        position: absolute;
        top: 0;
        width: 28px;
        transition: all .3s
    }

        .round-checkbox label:after {
            border: 2px solid #fff;
            border-top: none;
            border-right: none;
            content: "";
            height: 6px;
            left: 7px;
            opacity: 0;
            position: absolute;
            top: 8px;
            transform: rotate(-45deg);
            width: 12px
        }

    .round-checkbox input[type=checkbox] {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0
    }

        .round-checkbox input[type=checkbox]:checked + label {
            background-color: #3d70b2;
            border-color: #3d70b2
        }

            .round-checkbox input[type=checkbox]:checked + label:after {
                opacity: 1
            }

    .round-checkbox.is-primary input[type=checkbox]:checked + label {
        background-color: #3d70b2;
        border-color: #3d70b2
    }

    .round-checkbox.is-green input[type=checkbox]:checked + label {
        background-color: #1ce589;
        border-color: #1ce589
    }

    .round-checkbox.is-blue input[type=checkbox]:checked + label {
        background-color: #039be5;
        border-color: #039be5
    }

    .round-checkbox.is-orange input[type=checkbox]:checked + label {
        background-color: #ff9700;
        border-color: #ff9700
    }

    .round-checkbox.is-red input[type=checkbox]:checked + label {
        background-color: #f71416;
        border-color: #f71416
    }

    .round-checkbox.is-small {
        height: 22px;
        width: 22px
    }

        .round-checkbox.is-small label {
            height: 22px;
            width: 22px
        }

            .round-checkbox.is-small label:after {
                left: 4px;
                top: 4.5px;
                width: 13px;
                height: 8px;
                transform: rotate(-45deg) scale(0.65)
            }

        .round-checkbox.is-small span {
            position: relative;
            top: -2px;
            padding: 0 10px;
            cursor: default
        }

.basic-checkbox.is-accent .styled-checkbox:hover + label:before {
    background: #3d70b2
}

.basic-checkbox.is-accent .styled-checkbox:checked + label:before {
    background: #3d70b2;
    border-color: #3d70b2
}

.basic-checkbox.is-accent .styled-checkbox:disabled + label {
    color: #3d70b2
}

.basic-checkbox.is-red .styled-checkbox:hover + label:before {
    background: #f71416
}

.basic-checkbox.is-red .styled-checkbox:checked + label:before {
    background: #f71416;
    border-color: #f71416
}

.basic-checkbox.is-red .styled-checkbox:disabled + label {
    color: #f71416
}

.basic-checkbox.is-blue .styled-checkbox:hover + label:before {
    background: #039be5
}

.basic-checkbox.is-blue .styled-checkbox:checked + label:before {
    background: #039be5;
    border-color: #039be5
}

.basic-checkbox.is-blue .styled-checkbox:disabled + label {
    color: #039be5
}

.basic-checkbox.is-green .styled-checkbox:hover + label:before {
    background: #1ce589
}

.basic-checkbox.is-green .styled-checkbox:checked + label:before {
    background: #1ce589;
    border-color: #1ce589
}

.basic-checkbox.is-green .styled-checkbox:disabled + label {
    color: #1ce589
}

.basic-checkbox.is-orange .styled-checkbox:hover + label:before {
    background: #ff9700
}

.basic-checkbox.is-orange .styled-checkbox:checked + label:before {
    background: #ff9700;
    border-color: #ff9700
}

.basic-checkbox.is-orange .styled-checkbox:disabled + label {
    color: #ff9700
}

.basic-checkbox .styled-checkbox {
    position: absolute;
    opacity: 0
}

    .basic-checkbox .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0
    }

        .basic-checkbox .styled-checkbox + label:before {
            content: "";
            margin-right: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 20px;
            height: 20px;
            border-radius: 3px;
            border: 1px solid #cecece;
            background: #fff
        }

    .basic-checkbox .styled-checkbox:hover + label:before {
        background: #3d70b2
    }

    .basic-checkbox .styled-checkbox:focus + label:before {
        box-shadow: 0 0 0 3px rgba(0,0,0,.12)
    }

    .basic-checkbox .styled-checkbox:checked + label:before {
        background: #3d70b2;
        border-color: #3d70b2
    }

    .basic-checkbox .styled-checkbox:disabled + label {
        color: #3d70b2;
        cursor: auto
    }

        .basic-checkbox .styled-checkbox:disabled + label:before {
            box-shadow: none;
            background: #ddd
        }

    .basic-checkbox .styled-checkbox:checked + label:after {
        content: "";
        position: absolute;
        left: 5px;
        top: 9px;
        background: #fff;
        width: 2px;
        height: 2px;
        box-shadow: 2px 0 0 #fff,4px 0 0 #fff,4px -2px 0 #fff,4px -4px 0 #fff,4px -6px 0 #fff,4px -8px 0 #fff;
        transform: rotate(45deg)
    }

.flex-table .flex-table-header {
    display: flex;
    align-items: center;
    padding-bottom: 4px
}

    .flex-table .flex-table-header span {
        font-family: "Montserrat",sans-serif;
        font-size: .7rem;
        font-weight: 600;
        color: #999;
        text-transform: uppercase;
        padding-bottom: 10px
    }

        .flex-table .flex-table-header span.product {
            width: 40%
        }

        .flex-table .flex-table-header span.quantity {
            width: 15%;
            text-align: center
        }

        .flex-table .flex-table-header span.price {
            width: 15%;
            text-align: center
        }

        .flex-table .flex-table-header span.discount {
            width: 15%;
            text-align: center
        }

        .flex-table .flex-table-header span.total {
            width: 15%;
            text-align: center
        }

.flex-table .flex-table-item {
    display: flex;
    align-items: stretch;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    padding: 8px;
    margin-bottom: 6px
}

    .flex-table .flex-table-item .product {
        display: flex;
        align-items: center;
        width: 40%
    }

        .flex-table .flex-table-item .product img {
            display: block;
            -o-object-fit: contain;
            object-fit: contain;
            width: 50px;
            height: 50px;
            min-width: 50px
        }

        .flex-table .flex-table-item .product .product-name {
            display: block;
            margin-left: 12px;
            max-width: 360px;
            font-family: "Montserrat",sans-serif;
            font-weight: 600;
            font-size: .8rem;
            color: #393a4f
        }

    .flex-table .flex-table-item .quantity span, .flex-table .flex-table-item .price span {
        display: block;
        font-family: "Montserrat",sans-serif;
        font-weight: 600;
        font-size: .9rem;
        color: #999
    }

    .flex-table .flex-table-item .discount span, .flex-table .flex-table-item .total span {
        display: block;
        font-family: "Montserrat",sans-serif;
        font-weight: 600;
        font-size: .9rem;
        color: #393a4f
    }

    .flex-table .flex-table-item .quantity {
        width: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid #dedede
    }

    .flex-table .flex-table-item .price {
        width: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid #dedede
    }

        .flex-table .flex-table-item .price span:before {
            content: "$"
        }

    .flex-table .flex-table-item .discount {
        width: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid #dedede
    }

    .flex-table .flex-table-item .total {
        width: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid #dedede
    }

        .flex-table .flex-table-item .total span:before {
            content: "$"
        }

@media(max-width: 767px) {
    .flex-table .flex-table-header {
        display: none
    }

    .flex-table .flex-table-item {
        flex-direction: column;
        justify-content: center;
        width: 100% !important;
        padding: 20px;
        margin-bottom: 16px
    }

        .flex-table .flex-table-item:last-child {
            margin-bottom: 0
        }

        .flex-table .flex-table-item > div {
            border: none !important
        }

    .flex-table .product {
        width: 100% !important;
        padding-bottom: 10px
    }

    .flex-table .quantity, .flex-table .price, .flex-table .discount, .flex-table .total {
        position: relative;
        justify-content: flex-end !important;
        width: 100% !important;
        border: none
    }

        .flex-table .quantity:before, .flex-table .price:before, .flex-table .discount:before, .flex-table .total:before {
            text-transform: uppercase;
            font-size: .7rem;
            font-weight: 500;
            color: #999
        }

        .flex-table .quantity:before {
            content: "Quantity";
            position: absolute;
            top: 0;
            left: 0
        }

        .flex-table .quantity.has-spinner {
            padding-bottom: 6px
        }

            .flex-table .quantity.has-spinner:before {
                content: "Quantity";
                position: absolute;
                top: 8px;
                left: 0
            }

        .flex-table .price:before {
            content: "Price";
            position: absolute;
            top: 2px;
            left: 0
        }

        .flex-table .discount:before {
            content: "Discount";
            position: absolute;
            top: 2px;
            left: 0
        }

        .flex-table .total:before {
            content: "Total";
            position: absolute;
            top: 2px;
            left: 0
        }
}

@keyframes bouncy {
    from,to {
        transform: scale(1, 1)
    }

    25% {
        transform: scale(0.9, 1.1)
    }

    50% {
        transform: scale(1.1, 0.9)
    }

    75% {
        transform: scale(0.95, 1.05)
    }
}

.bouncy {
    animation: bouncy .6s;
    animation-duration: .6s;
    animation-fill-mode: both
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes opacity-shift {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    animation: fadeIn 500ms ease-in-out
}

@keyframes fadeInLeft {
    from {
        transform: translate3d(20px, 0, 0);
        opacity: 0
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.preFadeInLeft {
    opacity: 0
}

.fadeInLeft {
    opacity: 0;
    animation-name: fadeInLeft
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0, 20px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.preFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp
}

@keyframes wave {
    0% {
        transform: scale(1);
        opacity: 1
    }

    25% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(4.5);
        opacity: 0
    }
}

@keyframes gelatine {
    from,to {
        transform: scale(1, 1)
    }

    25% {
        transform: scale(0.9, 1.1)
    }

    50% {
        transform: scale(1.1, 0.9)
    }

    75% {
        transform: scale(0.95, 1.05)
    }
}

.gelatine {
    animation: gelatine .6s;
    animation-duration: .6s;
    animation-fill-mode: both
}

@keyframes modalScale {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes gradientShift {
    0% {
        background-position: 50% 0%
    }

    50% {
        background-position: 50% 100%
    }

    100% {
        background-position: 50% 0%
    }
}

.placeload {
    width: 100%;
    border-radius: 6px;
    border: 1px solid #e8e8e8;
    background: #fff
}

    .placeload.is-bold {
        border: none;
        background: none
    }

    .placeload .inner-wrap {
        width: 100%
    }

    .placeload .content-shape {
        height: 10px;
        margin-bottom: 10px;
        border-radius: 2px
    }

        .placeload .content-shape.is-lg {
            height: 16px
        }

    .placeload .button-shape {
        width: 130px;
        height: 38px;
        border-radius: 4px
    }

.loads {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeload;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eee;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 1200px 104px;
    position: relative
}

@keyframes placeload {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.compose-placeload {
    height: 226px;
    margin-bottom: 20px;
    padding: 20px
}

    .compose-placeload .header {
        display: flex;
        align-items: center;
        height: 45px;
        margin-bottom: 1rem
    }

        .compose-placeload .header .content-shape {
            width: 20%;
            margin-right: 8%
        }

    .compose-placeload .body {
        display: flex;
        align-items: flex-start;
        height: 100px;
        padding: 16px 0
    }

        .compose-placeload .body .img {
            width: 42px;
            min-width: 42px;
            height: 42px;
            border-radius: 50%
        }

        .compose-placeload .body .content-shape {
            margin-top: 10px;
            margin-left: 20px
        }

            .compose-placeload .body .content-shape:first-child {
                width: 45%
            }

            .compose-placeload .body .content-shape:nth-child(2) {
                width: 25%
            }
.compose-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.compose-block img{
    width: 42px;
height: 42px;
border-radius: 50%;
object-fit: cover;
}
.compose-button {
    flex: 1;
    margin-left: 10px;
}
.compose-button a{
    /*padding: 0 !important*/
}

.post-placeload {
    background: #fff;
    width: 100%;
    padding: 20px;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    position: relative;
    margin-bottom: 20px
}

    .post-placeload .header {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

        .post-placeload .header .img {
            width: 50px;
            min-width: 50px;
            height: 50px;
            border-radius: 50%
        }

        .post-placeload .header .header-content {
            margin-left: 20px;
            width: 100%
        }

            .post-placeload .header .header-content .content-shape:first-child {
                width: 60%
            }

            .post-placeload .header .header-content .content-shape:nth-child(2) {
                width: 40%
            }

    .post-placeload .image-placeholder {
        width: 100%;
        margin-top: 20px;
        height: 350px
    }

    .post-placeload .placeholder-footer {
        position: relative;
        margin-top: 20px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

        .post-placeload .placeholder-footer .footer-block {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
            height: 100%
        }

            .post-placeload .placeholder-footer .footer-block .img {
                width: 40px;
                min-width: 40px;
                height: 40px;
                border-radius: 50%
            }

            .post-placeload .placeholder-footer .footer-block .inner-wrap {
                margin-left: 10px
            }

                .post-placeload .placeholder-footer .footer-block .inner-wrap .content-shape:first-child {
                    width: 32%
                }

                .post-placeload .placeholder-footer .footer-block .inner-wrap .content-shape:nth-child(2) {
                    width: 24%
                }

.stories-placeload, .list-placeload {
    height: 382px;
    padding: 20px;
    margin-bottom: 20px
}

    .stories-placeload .header, .list-placeload .header {
        height: 48px;
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

        .stories-placeload .header .content-shape, .list-placeload .header .content-shape {
            width: 55%
        }

    .stories-placeload .body .flex-block, .list-placeload .body .flex-block {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 76px
    }

        .stories-placeload .body .flex-block .img, .list-placeload .body .flex-block .img {
            height: 44px;
            width: 44px;
            min-width: 44px;
            border-radius: 50%
        }

        .stories-placeload .body .flex-block .inner-wrap, .list-placeload .body .flex-block .inner-wrap {
            padding: 0 10px
        }

            .stories-placeload .body .flex-block .inner-wrap .content-shape:first-child, .list-placeload .body .flex-block .inner-wrap .content-shape:first-child {
                width: 78%
            }

            .stories-placeload .body .flex-block .inner-wrap .content-shape:nth-child(2), .list-placeload .body .flex-block .inner-wrap .content-shape:nth-child(2) {
                width: 54%
            }

.mini-widget-placeload {
    height: 323px;
    padding: 20px;
    margin-bottom: 20px
}

    .mini-widget-placeload .body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 283px
    }

        .mini-widget-placeload .body .img {
            margin-top: -20px;
            height: 50px;
            width: 50px;
            min-width: 45px;
            border-radius: 50%;
            margin: 0 auto 20px auto
        }

        .mini-widget-placeload .body .content-shape {
            margin: 0 auto 12px auto
        }

            .mini-widget-placeload .body .content-shape:nth-child(2) {
                width: 38%
            }

            .mini-widget-placeload .body .content-shape:nth-child(3) {
                width: 88% !important
            }

            .mini-widget-placeload .body .content-shape:nth-child(4) {
                width: 64% !important
            }

        .mini-widget-placeload .body .button-shape {
            margin: 24px auto 0 auto
        }

.weather-widget-placeload {
    height: 450px;
    padding: 20px;
    margin-bottom: 20px
}

    .weather-widget-placeload .header {
        height: 220px;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .weather-widget-placeload .header .inner-wrap .img {
            height: 60px;
            width: 60px;
            min-width: 45px;
            border-radius: 50%;
            margin: 0 auto 20px auto
        }

        .weather-widget-placeload .header .inner-wrap .content-shape {
            margin: 0 auto 12px auto
        }

            .weather-widget-placeload .header .inner-wrap .content-shape:nth-child(2) {
                width: 44%
            }

            .weather-widget-placeload .header .inner-wrap .content-shape:nth-child(3) {
                width: 88% !important
            }

    .weather-widget-placeload .body {
        height: 170px;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .weather-widget-placeload .body .inner-wrap .rect {
            height: 85px;
            width: 100%;
            min-width: 100%;
            border-radius: 4px;
            margin: 0 auto 30px auto
        }

        .weather-widget-placeload .body .inner-wrap .content-shape {
            margin: 12px auto
        }

            .weather-widget-placeload .body .inner-wrap .content-shape:nth-child(2) {
                width: 88%
            }

            .weather-widget-placeload .body .inner-wrap .content-shape:nth-child(3) {
                width: 44%
            }

.questions-menu-placeload {
    width: 100%
}

    .questions-menu-placeload .inner-wrap .content-shape {
        height: 22px;
        margin-bottom: 16px
    }

        .questions-menu-placeload .inner-wrap .content-shape:first-child {
            max-width: 90%
        }

        .questions-menu-placeload .inner-wrap .content-shape:nth-child(2) {
            max-width: 50%
        }

        .questions-menu-placeload .inner-wrap .content-shape:nth-child(3) {
            max-width: 65%
        }

        .questions-menu-placeload .inner-wrap .content-shape:nth-child(4) {
            max-width: 20%
        }

.questions-settings-placeload {
    width: 100%
}

    .questions-settings-placeload.is-card {
        padding: 30px;
        margin-top: 30px
    }

        .questions-settings-placeload.is-card .content-shape:nth-child(4) {
            margin-bottom: 0
        }

    .questions-settings-placeload .inner-wrap .content-shape {
        height: 18px;
        margin-bottom: 16px
    }

        .questions-settings-placeload .inner-wrap .content-shape:first-child {
            max-width: 30%
        }

        .questions-settings-placeload .inner-wrap .content-shape:nth-child(2) {
            max-width: 60%
        }

        .questions-settings-placeload .inner-wrap .content-shape:nth-child(3) {
            max-width: 75%
        }

        .questions-settings-placeload .inner-wrap .content-shape:nth-child(4) {
            max-width: 30%
        }

.questions-side-placeload {
    width: 100%;
    padding: 30px;
    margin-bottom: 20px
}

    .questions-side-placeload:last-child {
        margin-bottom: 0
    }

    .questions-side-placeload .inner-wrap .img {
        height: 60px;
        width: 60px;
        min-width: 45px;
        border-radius: 50%;
        margin: 0 auto 20px auto
    }

    .questions-side-placeload .inner-wrap .content-shape {
        height: 14px;
        margin-bottom: 16px
    }

        .questions-side-placeload .inner-wrap .content-shape:nth-child(2) {
            max-width: 70%
        }

        .questions-side-placeload .inner-wrap .content-shape:nth-child(3) {
            max-width: 90%
        }

        .questions-side-placeload .inner-wrap .content-shape:nth-child(4) {
            max-width: 40%;
            margin-bottom: 0
        }

.questions-single-placeload {
    width: 100%
}

    .questions-single-placeload.is-header.is-spaced {
        margin-top: 30px
    }

    .questions-single-placeload.is-header .content-shape:first-child {
        max-width: 70%;
        height: 18px
    }

    .questions-single-placeload.is-card {
        padding: 30px;
        margin-top: 30px
    }

        .questions-single-placeload.is-card .card-head {
            display: flex;
            align-items: center;
            margin-bottom: 20px
        }

            .questions-single-placeload.is-card .card-head .img {
                height: 40px;
                width: 40px;
                min-width: 40x;
                border-radius: 50%
            }

            .questions-single-placeload.is-card .card-head > .content-shape {
                width: 100%;
                height: 16px;
                max-width: 40%;
                margin: 0 0 0 12px
            }

        .questions-single-placeload.is-card .content-shape {
            margin-bottom: 16px
        }

            .questions-single-placeload.is-card .content-shape.is-body {
                height: 15px
            }

                .questions-single-placeload.is-card .content-shape.is-body:nth-child(2) {
                    max-width: 80%
                }

                .questions-single-placeload.is-card .content-shape.is-body:nth-child(3) {
                    max-width: 95%
                }

                .questions-single-placeload.is-card .content-shape.is-body:nth-child(4) {
                    max-width: 60%
                }

                .questions-single-placeload.is-card .content-shape.is-body:last-child {
                    margin-bottom: 0
                }

.questions-stats-placeload {
    width: 100%
}

    .questions-stats-placeload.is-header {
        margin-bottom: 20px;
        padding: 30px
    }

        .questions-stats-placeload.is-header .inner-wrap {
            display: flex;
            align-items: center
        }

            .questions-stats-placeload.is-header .inner-wrap .img {
                height: 80px;
                width: 80px;
                min-width: 80px;
                border-radius: 50%
            }

            .questions-stats-placeload.is-header .inner-wrap > div {
                width: 100%;
                margin-left: 20px
            }

            .questions-stats-placeload.is-header .inner-wrap .content-shape {
                width: 100%;
                height: 14px;
                max-width: 40%;
                margin-bottom: 12px
            }

                .questions-stats-placeload.is-header .inner-wrap .content-shape:first-child {
                    max-width: 50%
                }

                .questions-stats-placeload.is-header .inner-wrap .content-shape:nth-child(2) {
                    max-width: 30%
                }

                .questions-stats-placeload.is-header .inner-wrap .content-shape:nth-child(3) {
                    max-width: 20%
                }

                .questions-stats-placeload.is-header .inner-wrap .content-shape:last-child {
                    margin-bottom: 0
                }

    .questions-stats-placeload.is-carousel {
        border: none;
        background: none
    }

        .questions-stats-placeload.is-carousel .grid-title {
            padding: 14px 0
        }

            .questions-stats-placeload.is-carousel .grid-title .content-shape {
                height: 16px;
                max-width: 20%
            }

        .questions-stats-placeload.is-carousel .placeload-grid {
            display: flex
        }

            .questions-stats-placeload.is-carousel .placeload-grid .grid-item {
                margin: 6px;
                width: calc(33% - 12px);
                height: 200px;
                background: #fff;
                border: 1px solid #e5e5e5;
                border-radius: 8px
            }

                .questions-stats-placeload.is-carousel .placeload-grid .grid-item .img {
                    height: 60px;
                    width: 60px;
                    min-width: 60x;
                    border-radius: 50%;
                    margin: 30px auto
                }

                .questions-stats-placeload.is-carousel .placeload-grid .grid-item .shapes .content-shape {
                    margin: 0 auto 10px;
                    height: 12px
                }

                    .questions-stats-placeload.is-carousel .placeload-grid .grid-item .shapes .content-shape:first-child {
                        max-width: 70%
                    }

                    .questions-stats-placeload.is-carousel .placeload-grid .grid-item .shapes .content-shape:nth-child(2) {
                        max-width: 30%
                    }

    .questions-stats-placeload.is-activity {
        border: none;
        background: none;
        margin-top: 20px
    }

        .questions-stats-placeload.is-activity .activity-title {
            padding: 14px 0
        }

            .questions-stats-placeload.is-activity .activity-title .content-shape {
                height: 16px;
                max-width: 20%
            }

        .questions-stats-placeload.is-activity .unit-list {
            padding: 20px 0
        }

            .questions-stats-placeload.is-activity .unit-list .unit {
                display: flex;
                padding-left: 12px;
                margin-bottom: 20px;
                margin-top: 10px
            }

                .questions-stats-placeload.is-activity .unit-list .unit:last-child {
                    margin-bottom: 0
                }

                .questions-stats-placeload.is-activity .unit-list .unit .img {
                    height: 44px;
                    width: 44px;
                    min-width: 44px;
                    border-radius: 50%
                }

                .questions-stats-placeload.is-activity .unit-list .unit .unit-meta {
                    width: 100%;
                    margin-left: 20px
                }

                    .questions-stats-placeload.is-activity .unit-list .unit .unit-meta .content-shape {
                        height: 14px
                    }

                        .questions-stats-placeload.is-activity .unit-list .unit .unit-meta .content-shape:first-child {
                            max-width: 60%
                        }

                        .questions-stats-placeload.is-activity .unit-list .unit .unit-meta .content-shape:nth-child(2) {
                            max-width: 30%;
                            height: 12px
                        }

                        .questions-stats-placeload.is-activity .unit-list .unit .unit-meta .content-shape:nth-child(3) {
                            height: 10px;
                            max-width: 20%
                        }

.questions-categories-placeload {
    width: 100%
}

    .questions-categories-placeload .is-tile-placeload {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        padding: 30px
    }

        .questions-categories-placeload .is-tile-placeload.is-card {
            flex-direction: row;
            justify-content: flex-start;
            align-items: center
        }

            .questions-categories-placeload .is-tile-placeload.is-card .img {
                max-width: 160px
            }

            .questions-categories-placeload .is-tile-placeload.is-card .placeload-content {
                margin-top: 0;
                margin-left: 30px;
                width: 100%
            }

                .questions-categories-placeload .is-tile-placeload.is-card .placeload-content .content-shape:first-child {
                    max-width: 80%
                }

                .questions-categories-placeload .is-tile-placeload.is-card .placeload-content .content-shape:nth-child(2) {
                    max-width: 60%
                }

                .questions-categories-placeload .is-tile-placeload.is-card .placeload-content .content-shape:nth-child(3) {
                    max-width: 90%
                }

                .questions-categories-placeload .is-tile-placeload.is-card .placeload-content .content-shape:nth-child(4) {
                    max-width: 40%
                }

        .questions-categories-placeload .is-tile-placeload .img {
            height: 140px;
            width: 100%;
            border-radius: 2px
        }

        .questions-categories-placeload .is-tile-placeload .placeload-content {
            margin-top: 30px
        }

            .questions-categories-placeload .is-tile-placeload .placeload-content .content-shape {
                height: 14px
            }

                .questions-categories-placeload .is-tile-placeload .placeload-content .content-shape:first-child {
                    max-width: 80%
                }

                .questions-categories-placeload .is-tile-placeload .placeload-content .content-shape:nth-child(2) {
                    max-width: 40%
                }

a {
    color: #3f88e3;
    transition: all .3s
}

    a:hover {
        color: #3f88e3
    }

    a.is-inverted {
        color: #3d70b2
    }

    a.standard-link {
        color: #039be5;
        text-decoration: underline
    }

var {
    font-style: normal
}

code {
    word-break: break-all
}

.is-disabled {
    pointer-events: none;
    opacity: .4;
    cursor: default !important
}

.no-click {
    pointer-events: none
}

.is-vhidden {
    visibility: hidden !important
}

.is-hidden {
    display: none !important
}

.no-padding {
    padding: 0 !important
}

.no-margin {
    margin: 0 !important
}

.ml-auto {
    margin-left: auto !important
}

.mt-10 {
    margin-top: 10px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.has-background-image {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center
}

    .has-background-image.is-top {
        background-position: top !important
    }

    .has-background-image.is-bottom {
        background-position: bottom !important
    }

.has-slimscroll {
    overflow-x: hidden !important
}

    .has-slimscroll::-webkit-scrollbar {
        width: 6px !important
    }

    .has-slimscroll::-webkit-scrollbar-thumb {
        border-radius: 10px !important;
        background: rgba(0,0,0,.2) !important
    }

.has-slimscroll-md {
    overflow-x: hidden !important
}

    .has-slimscroll-md::-webkit-scrollbar {
        width: 4px !important
    }

    .has-slimscroll-md::-webkit-scrollbar-thumb {
        border-radius: 10px !important;
        background: rgba(0,0,0,.2) !important
    }

.has-slimscroll-xs {
    overflow-x: hidden !important
}

    .has-slimscroll-xs::-webkit-scrollbar {
        width: 2px !important
    }

    .has-slimscroll-xs::-webkit-scrollbar-thumb {
        border-radius: 10px !important;
        background: rgba(0,0,0,.2) !important
    }

.checkmark-wrapper .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #3d70b2;
    fill: none;
    animation: stroke .6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
    animation-delay: .4s
}

.checkmark-wrapper .checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0px 0px 0px #3d70b2;
    animation: fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;
    animation-delay: .8s
}

    .checkmark-wrapper .checkmark.is-small {
        height: 36px;
        width: 36px
    }

    .checkmark-wrapper .checkmark.is-xs {
        height: 24px;
        width: 24px
    }

.checkmark-wrapper .checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke .3s cubic-bezier(0.65, 0, 0.45, 1) .8s forwards;
    animation-delay: .8s
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes scale {
    0%,100% {
        transform: none
    }

    50% {
        transform: scale3d(1.1, 1.1, 1)
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #3d70b2
    }
}

.fancybox-content {
    display: inline-block
}

    .fancybox-content.hidden {
        display: none
    }

.morphing-btn-wrap, #morphing {
    width: 111.425px
}

@media all and (max-width: 599px) {
    .fancybox-custom-layout .fancybox-stage {
        position: relative;
        height: 240px;
        right: 0;
        left: 0;
        top: 0;
        z-index: 99
    }

    .fancybox-custom-layout .fancybox-slide {
        padding: 0 !important;
        width: calc(100% - 44px) !important
    }

        .fancybox-custom-layout .fancybox-slide .fancybox-content {
            width: 100% !important
        }

            .fancybox-custom-layout .fancybox-slide .fancybox-content img {
                margin: 0 20px !important;
                max-width: calc(100% - 40px) !important;
                -o-object-fit: cover !important;
                object-fit: cover !important
            }

    .fancybox-custom-layout .fancybox-caption {
        width: calc(100% - 44px) !important;
        height: calc(100% - 240px) !important;
        top: 240px !important
    }
}

.fancybox-custom-layout .fancybox-bg {
    background: #3d70b2
}

.fancybox-custom-layout .fancybox-slide {
    background: #181e28;
    padding: 0 40px
}

    .fancybox-custom-layout .fancybox-slide img {
        border-radius: 6px
    }

.fancybox-custom-layout .fancybox-custom-layout.fancybox-is-open .fancybox-bg {
    opacity: 1
}

.fancybox-custom-layout .fancybox-caption {
    background: #fff;
    bottom: 0;
    color: #6c6f73;
    left: auto;
    padding: 10px 0;
    right: 44px;
    top: 0;
    width: 350px;
    text-align: left
}

    .fancybox-custom-layout .fancybox-caption:before {
        display: none
    }

    .fancybox-custom-layout .fancybox-caption .fancybox-caption__body {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        padding-bottom: 50px
    }

    .fancybox-custom-layout .fancybox-caption a {
        text-decoration: none
    }

        .fancybox-custom-layout .fancybox-caption a:hover {
            color: #3d70b2
        }

    .fancybox-custom-layout .fancybox-caption .comment-controls {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #fbfbfc;
        height: 50px;
        width: 100%;
        border-radius: 0 0 6px 0;
        border-top: 1px solid #dee2e5
    }

        .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner {
            position: relative;
            display: flex;
            align-items: center;
            width: 100%;
            height: 100%;
            padding: 0 16px
        }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner img {
                height: 32px;
                width: 32px;
                border-radius: 50%
            }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .control {
                position: relative;
                width: 100%
            }

                .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .control .textarea, .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .control .emojionearea-editor {
                    resize: none;
                    height: 36px;
                    max-height: 36px;
                    min-height: 36px;
                    border-radius: 100px;
                    overflow: hidden;
                    line-height: 1.6;
                    font-size: .8rem;
                    padding-left: 16px;
                    margin: 0 6px;
                    text-align: left
                }

                .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .control .emoji-button {
                    position: absolute;
                    top: 0;
                    right: 0;
                    height: 36px;
                    width: 36px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: none;
                    border: none;
                    outline: none;
                    transition: all .3s;
                    cursor: pointer
                }

                    .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .control .emoji-button:hover svg {
                        stroke: #3d70b2
                    }

                    .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .control .emoji-button svg {
                        height: 16px;
                        width: 16px;
                        stroke: #a2a5b9;
                        transition: all .3s
                    }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea-editor {
                padding-left: 0 !important
            }

                .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea-editor img {
                    height: 18px;
                    width: 18px;
                    min-height: 18px;
                    max-height: 18px
                }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea {
                overflow: visible !important
            }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea-picker {
                top: -230px;
                position: absolute;
                left: -50px;
                width: 310px
            }

                .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea-picker .emojionearea-wrapper {
                    width: 310px
                }

                    .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea-picker .emojionearea-wrapper img {
                        height: 22px;
                        width: 22px;
                        min-height: 22px;
                        max-height: 22px
                    }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea-scroll-area {
                width: 310px
            }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea .emojionearea-button > div.emojionearea-button-open {
                background-position: 0 -22px
            }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn {
                width: 24px !important;
                height: 24px !important
            }

    .fancybox-custom-layout .fancybox-caption .header {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 12px;
        width: 100%
    }

        .fancybox-custom-layout .fancybox-caption .header img {
            height: 42px;
            width: 42px;
            border-radius: 50%
        }

        .fancybox-custom-layout .fancybox-caption .header .user-meta {
            margin: 0 10px
        }

            .fancybox-custom-layout .fancybox-caption .header .user-meta span {
                display: block
            }

                .fancybox-custom-layout .fancybox-caption .header .user-meta span:first-child {
                    font-size: .9rem;
                    font-weight: 500
                }

                    .fancybox-custom-layout .fancybox-caption .header .user-meta span:first-child small {
                        color: #999
                    }

                .fancybox-custom-layout .fancybox-caption .header .user-meta span:nth-child(2) {
                    text-align: left;
                    font-size: .8rem;
                    color: #999
                }

        .fancybox-custom-layout .fancybox-caption .header .button {
            line-height: 0;
            margin-left: auto;
            padding: 14px 18px
        }

        .fancybox-custom-layout .fancybox-caption .header .dropdown .button {
            padding: 18px 6px;
            border: none;
            background: transparent
        }

            .fancybox-custom-layout .fancybox-caption .header .dropdown .button svg {
                height: 18px;
                width: 18px
            }

        .fancybox-custom-layout .fancybox-caption .header .dropdown .dropdown-menu {
            margin-top: 10px
        }

    .fancybox-custom-layout .fancybox-caption .inner-content {
        padding: 12px
    }

        .fancybox-custom-layout .fancybox-caption .inner-content .control {
            width: 100%
        }

            .fancybox-custom-layout .fancybox-caption .inner-content .control input {
                padding-left: 34px
            }

                .fancybox-custom-layout .fancybox-caption .inner-content .control input:focus + .icon svg {
                    stroke: #3d70b2
                }

            .fancybox-custom-layout .fancybox-caption .inner-content .control .icon {
                position: absolute;
                top: 0;
                left: 0;
                height: 32px;
                width: 32px;
                display: flex;
                justify-content: center;
                align-items: center
            }

                .fancybox-custom-layout .fancybox-caption .inner-content .control .icon svg {
                    height: 18px;
                    width: 18px;
                    stroke: #cecece;
                    transition: all .3s
                }

    .fancybox-custom-layout .fancybox-caption .live-stats {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #e8e8e8
    }

        .fancybox-custom-layout .fancybox-caption .live-stats .social-count {
            display: flex;
            align-items: stretch
        }

            .fancybox-custom-layout .fancybox-caption .live-stats .social-count .shares-count, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .comments-count, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .likes-count, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .views-count {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                margin: 0 3px
            }

                .fancybox-custom-layout .fancybox-caption .live-stats .social-count .shares-count span, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .comments-count span, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .likes-count span, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .views-count span {
                    display: block;
                    font-size: .8rem;
                    color: #888da8;
                    margin: 0 5px
                }

                    .fancybox-custom-layout .fancybox-caption .live-stats .social-count .shares-count span.views, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .comments-count span.views, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .likes-count span.views, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .views-count span.views {
                        margin: 0 2px
                    }

                .fancybox-custom-layout .fancybox-caption .live-stats .social-count .shares-count svg, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .comments-count svg, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .likes-count svg, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .views-count svg {
                    height: 14px;
                    width: 14px;
                    stroke: #888da8
                }

    .fancybox-custom-layout .fancybox-caption .actions {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 0 0 0
    }

        .fancybox-custom-layout .fancybox-caption .actions .action {
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer
        }

            .fancybox-custom-layout .fancybox-caption .actions .action span {
                display: block;
                font-size: .8rem;
                margin: 0 4px;
                transition: all .3s
            }

            .fancybox-custom-layout .fancybox-caption .actions .action svg {
                height: 16px;
                width: 16px;
                stroke: #888da8;
                transition: all .3s
            }

            .fancybox-custom-layout .fancybox-caption .actions .action:hover span {
                color: #3d70b2
            }

            .fancybox-custom-layout .fancybox-caption .actions .action:hover svg {
                stroke: #3d70b2
            }

    .fancybox-custom-layout .fancybox-caption .comments-list {
        background: #f5f6f7;
        height: calc(100% - 162px);
        padding: 20px 14px;
        overflow-y: auto
    }

        .fancybox-custom-layout .fancybox-caption .comments-list .is-comment {
            border: none !important;
            padding-top: 0 !important
        }

            .fancybox-custom-layout .fancybox-caption .comments-list .is-comment.is-nested {
                margin-left: 40px
            }

            .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-left {
                margin-right: 10px
            }

                .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-left img {
                    border-radius: 50%
                }

            .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content {
                background: #fff;
                padding: 12px;
                border-radius: 8px
            }

                .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .username {
                    font-size: .8rem;
                    font-weight: 500
                }

                .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content p {
                    font-size: .75rem;
                    color: #999
                }

                .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions {
                    display: flex;
                    align-items: center;
                    padding-top: 8px
                }

                    .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions span, .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions a {
                        display: block;
                        font-size: .75rem
                    }

                    .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions span {
                        margin: 0 10px;
                        color: #999
                    }

                    .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions .likes-count {
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        margin-left: auto
                    }

                        .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions .likes-count span {
                            display: block;
                            font-size: .75rem;
                            color: #888da8;
                            margin: 0 5px
                        }

                            .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions .likes-count span.views {
                                margin: 0 2px
                            }

                        .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions .likes-count svg {
                            height: 12px;
                            width: 12px;
                            stroke: #888da8
                        }

.fancybox-custom-layout .fancybox-stage {
    right: 394px
}

.fancybox-custom-layout .fancybox-toolbar {
    background: #3d70b2;
    bottom: 0;
    left: auto;
    right: 0;
    top: 0;
    width: 44px
}

.fancybox-custom-layout .fancybox-button {
    background: transparent
}

    .fancybox-custom-layout .fancybox-button div {
        padding: 2px
    }

    .fancybox-custom-layout .fancybox-button[disabled] {
        color: #fff
    }

    .fancybox-custom-layout .fancybox-button:not([disabled]) {
        color: #fff
    }

.fancybox-custom-layout .fancybox-button--arrow_right {
    right: 308px
}

@media only screen and (min-width: 600px) {
    .tabs.is-boxed li.is-active a {
        border-color: #e8e8e8
    }
}

.subloader {
    position: fixed;
    top: 107px;
    left: 0;
    height: calc(100% - 107px);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    z-index: -1;
    transition: all .3s
}

    .subloader.is-active {
        opacity: 1;
        z-index: 8
    }

    .subloader.is-grey {
        background: #f4f4f4
    }

    .subloader.is-white {
        background: #fff
    }

    .subloader .loader {
        height: 5rem;
        width: 5rem
    }

pre {
    background-color: transparent !important;
    color: unset;
    font-size: .875em;
    overflow-x: auto;
    padding: 0 !important;
    white-space: pre;
    word-wrap: normal
}

.hljs {
    display: block;
    overflow-x: auto;
    font-size: .875em;
    padding: 1.5em;
    background: #344258;
    overflow-x: auto;
    white-space: pre;
    border-radius: 8px;
    color: #fff
}

.hljs-name, .hljs-strong {
    font-weight: bold;
    color: #4fc1ea
}

.hljs-code, .hljs-emphasis {
    font-style: italic
}

.hljs-tag {
    color: #909090
}

.hljs-variable, .hljs-template-variable, .hljs-selector-id, .hljs-selector-class {
    color: #ade5fc
}

.hljs-string, .hljs-bullet {
    color: #f39200 !important
}

.hljs-type, .hljs-title, .hljs-section, .hljs-attribute, .hljs-quote, .hljs-built_in, .hljs-builtin-name {
    color: #ffa
}

.hljs-attr {
    color: #68bb88
}

.hljs-number, .hljs-symbol, .hljs-bullet {
    color: #d36363
}

.hljs-keyword, .hljs-selector-tag, .hljs-literal {
    color: #fcc28c
}

.hljs-comment, .hljs-deletion, .hljs-code {
    color: #888
}

.hljs-regexp, .hljs-link {
    color: #c6b4f0
}

.hljs-meta {
    color: #fc9b9b
}

.hljs-deletion {
    background-color: #fc9b9b;
    color: #333
}

.hljs-addition {
    background-color: #a2fca2;
    color: #333
}

.hljs a {
    color: inherit
}

    .hljs a:focus, .hljs a:hover {
        color: inherit;
        text-decoration: underline
    }

#message {
    top: -200px;
    transition: all .5s
}

.fancybox-slide--current #message {
    top: 0
}

.fancybox-is-closing #message {
    top: 0;
    transform: scale(1.5)
}

@media all and (min-width: 600px) {
    .element-block .fancybox-custom-layout .fancybox-bg {
        background: #fcfaf9
    }

    .element-block .fancybox-custom-layout.fancybox-is-open .fancybox-bg {
        opacity: 1
    }

    .element-block .fancybox-custom-layout .fancybox-caption {
        background: #f1ecec;
        bottom: 0;
        color: #6c6f73;
        left: auto;
        padding: 30px 20px;
        right: 44px;
        top: 0;
        width: 256px
    }

        .element-block .fancybox-custom-layout .fancybox-caption h3 {
            color: #444;
            font-size: 21px;
            line-height: 1.3;
            margin-bottom: 24px
        }

        .element-block .fancybox-custom-layout .fancybox-caption a {
            color: #444
        }

        .element-block .fancybox-custom-layout .fancybox-caption::before {
            display: none
        }

    .element-block .fancybox-custom-layout .fancybox-stage {
        right: 300px
    }

    .element-block .fancybox-custom-layout .fancybox-toolbar {
        background: #3b3b45;
        bottom: 0;
        left: auto;
        right: 0;
        top: 0;
        width: 44px
    }

    .element-block .fancybox-custom-layout .fancybox-button {
        background: transparent
    }

    .element-block .fancybox-custom-layout .fancybox-navigation .fancybox-button div {
        padding: 6px;
        background: #fcfaf9;
        border-radius: 50%;
        transition: opacity .2s;
        box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
        opacity: .7
    }

    .element-block .fancybox-custom-layout .fancybox-navigation .fancybox-button:not([disabled]):hover div {
        opacity: 1
    }

    .element-block .fancybox-custom-layout .fancybox-navigation .fancybox-button[disabled] {
        color: #999
    }

    .element-block .fancybox-custom-layout .fancybox-navigation .fancybox-button:not([disabled]) {
        color: #333
    }

    .element-block .fancybox-custom-layout .fancybox-button--arrow_right {
        right: 308px
    }
}

.morphing-btn-wrap {
    display: inline-block;
    position: relative;
    text-align: center
}

.morphing-btn {
    box-sizing: border-box;
    transition: color .3s .2s,width .2s 0s;
    white-space: nowrap
}

.morphing-btn_circle {
    color: transparent !important;
    padding-left: 0;
    padding-right: 0;
    transition: color .2s 0s,width .3s .2s;
    width: 35.6px !important
}

.morphing-btn-clone {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #3d70b2;
    border-radius: 50%;
    position: fixed;
    transition: all .5s cubic-bezier(0.65, 0.05, 0.36, 1);
    z-index: 3
}

.morphing-btn-clone_visible {
    display: block;
    transform: scale(1) !important
}

.fancybox-morphing .fancybox-bg {
    background: #3d70b2;
    opacity: 1
}

.fancybox-morphing .fancybox-toolbar {
    right: 40px;
    top: 20px
}

.fancybox-morphing .fancybox-button--close {
    background: rgba(0,0,0,.2);
    border-radius: 50%;
    color: #fff
}

    .fancybox-morphing .fancybox-button--close:hover {
        background: rgba(0,0,0,.25)
    }

#morphing-content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    line-height: 2;
    margin: 0;
    padding: 6em 10vw;
    position: relative;
    z-index: 3
}

    #morphing-content * {
        color: #fff
    }

.fc-container .fancybox-bg {
    background: #eee
}

.fancybox-is-open.fc-container .fancybox-bg {
    opacity: .95
}

.fc-content {
    box-shadow: 10px 10px 60px -25px;
    max-width: 550px
}

.fancybox-fx-material.fancybox-slide--previous, .fancybox-fx-material.fancybox-slide--next {
    opacity: 0;
    transform: translateY(-60px) scale(1.1)
}

.fancybox-fx-material.fancybox-slide--current {
    opacity: 1;
    transform: translateY(0) scale(1)
}

.quick-view-container {
    background: rgba(10,10,10,.85)
}

.quick-view-content {
    bottom: 0;
    height: calc(100% - 40px);
    left: 0;
    margin: auto;
    max-height: 650px;
    max-width: 980px;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 40px)
}

.quick-view-carousel {
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 57%
}

    .quick-view-carousel .fancybox-stage {
        bottom: 30px
    }

.quick-view-aside {
    background: #fff;
    bottom: 30px;
    color: #777;
    left: auto;
    padding: 50px 0 30px 0;
    position: absolute;
    right: 0;
    top: 30px;
    width: 43%
}

    .quick-view-aside::before, .quick-view-aside::after {
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0
    }

    .quick-view-aside::before {
        background: #f4f4f4;
        width: 8px
    }

    .quick-view-aside::after {
        background: #e9e9e9;
        width: 1px
    }

    .quick-view-aside > div {
        height: 100%;
        overflow: auto;
        padding: 5vh 30px 0 30px;
        text-align: center
    }

        .quick-view-aside > div > p {
            font-size: 90%
        }

.quick-view-close {
    background: #f0f0f0;
    border: 0;
    color: #222;
    cursor: pointer;
    font-family: Arial;
    font-size: 14px;
    height: 44px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-indent: -99999px;
    top: 30px;
    transition: all .2s;
    width: 44px
}

    .quick-view-close:hover {
        background: #e4e4e4
    }

    .quick-view-close::before, .quick-view-close::after {
        background-color: #222;
        content: "";
        height: 18px;
        left: 22px;
        position: absolute;
        top: 12px;
        width: 1px
    }

    .quick-view-close:before {
        transform: rotate(-45deg)
    }

    .quick-view-close:after {
        transform: rotate(45deg)
    }

.quick-view-bullets {
    bottom: 0;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    text-align: center;
    width: 100%;
    z-index: 99999
}

    .quick-view-bullets li {
        display: inline-block;
        vertical-align: top
    }

        .quick-view-bullets li a {
            display: block;
            height: 30px;
            position: relative;
            width: 20px
        }

            .quick-view-bullets li a span {
                background: #d4d2d2;
                border-radius: 99px;
                height: 10px;
                left: 50%;
                overflow: hidden;
                position: absolute;
                text-indent: -99999px;
                top: 50%;
                transform: translate(-50%, -50%);
                width: 10px
            }

        .quick-view-bullets li.active a span {
            background: #ff4453
        }

.hopscotch-bubble {
    border: 1px solid #e8e8e8 !important;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important;
    border-radius: 2px !important
}

    .hopscotch-bubble .hopscotch-bubble-container {
        background: #fff !important;
        position: relative !important;
        z-index: 2 !important
    }

        .hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-next {
            height: 32px;
            min-width: 80px;
            background: #fff;
            color: #393a4f;
            border-radius: 100px;
            border-color: #cecece;
            text-shadow: none !important;
            transition: all .3s
        }

            .hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-next:hover {
                background: #3d70b2;
                box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important;
                border-color: #3d70b2;
                color: #fff
            }

    .hopscotch-bubble .hopscotch-arrow.down .hopscotch-bubble-arrow-border {
        position: relative !important;
        top: -6px !important;
        border-top: 17px solid #dbdbdb !important
    }

    .hopscotch-bubble .hopscotch-arrow.up .hopscotch-bubble-arrow-border {
        position: relative !important;
        top: 6px !important;
        border-bottom: 17px solid #dbdbdb !important
    }

    .hopscotch-bubble .hopscotch-arrow.right .hopscotch-bubble-arrow-border {
        position: relative !important;
        left: -6px !important;
        border-left: 17px solid #dbdbdb !important
    }

    .hopscotch-bubble .hopscotch-arrow.left .hopscotch-bubble-arrow-border {
        position: relative !important;
        right: -6px !important;
        border-right: 17px solid #dbdbdb !important
    }

.hopscotch-highlight {
    position: relative !important;
    z-index: 1001 !important
}

@keyframes scaleAnimation {
    0% {
        opacity: 0;
        transform: scale(1.5)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes drawCircle {
    0% {
        stroke-dashoffset: 151px
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes drawCheck {
    0% {
        stroke-dashoffset: 36px
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#successAnimationCircle {
    stroke-dasharray: 151px 151px;
    stroke: #41d6c3
}

#successAnimationCheck {
    stroke-dasharray: 36px 36px;
    stroke: #41d6c3
}

#successAnimationResult {
    fill: #41d6c3;
    opacity: 0
}

#successAnimation.animated {
    animation: 1s ease-out 0s 1 both scaleAnimation
}

    #successAnimation.animated #successAnimationCircle {
        animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle,.3s linear .9s 1 both fadeOut
    }

    #successAnimation.animated #successAnimationCheck {
        animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck,.3s linear .9s 1 both fadeOut
    }

    #successAnimation.animated #successAnimationResult {
        animation: .3s linear .9s both fadeIn
    }

.page-placeholder {
    min-height: 520px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px
}

    .page-placeholder.is-wider .placeholder-content > p {
        font-size: 1rem;
        max-width: 420px
    }

    .page-placeholder .placeholder-content {
        text-align: center
    }

        .page-placeholder .placeholder-content img {
            display: block;
            max-width: 340px;
            margin: 0 auto 12px auto
        }

            .page-placeholder .placeholder-content img.is-larger {
                max-width: 440px
            }

        .page-placeholder .placeholder-content h3 {
            font-size: 1.3rem;
            font-weight: 600;
            font-family: "Montserrat",sans-serif;
            color: #393a4f
        }

        .page-placeholder .placeholder-content p {
            font-size: 1.1rem;
            max-width: 440px;
            margin: 0 auto 12px auto;
            color: #a2a5b9
        }

            .page-placeholder .placeholder-content p.is-large {
                max-width: 540px
            }

            .page-placeholder .placeholder-content p.is-larger {
                max-width: 620px
            }

        .page-placeholder .placeholder-content .btn {
            margin-bottom: 8px
        }

body.is-dark .page-placeholder .placeholder-content h3 {
    color: #fff
}

@media(max-width: 767px) {
    .page-placeholder .placeholder-content img {
        max-width: 280px
    }
}

.error-container .error-wrapper {
    max-width: 840px;
    margin: 0 auto;
    padding-top: 40px
}

    .error-container .error-wrapper .error-inner {
        position: relative;
        max-width: 540px;
        margin: 0 auto
    }

        .error-container .error-wrapper .error-inner .bg-number {
            font-family: "Roboto",sans-serif;
            position: absolute;
            top: -58px;
            left: -100px;
            right: 0;
            margin: 0 auto;
            font-size: 28rem;
            font-weight: 600;
            opacity: .15;
            z-index: 0
        }

        .error-container .error-wrapper .error-inner img, .error-container .error-wrapper .error-inner h3, .error-container .error-wrapper .error-inner p, .error-container .error-wrapper .error-inner .button-wrap {
            position: relative;
            z-index: 1
        }

        .error-container .error-wrapper .error-inner img {
            display: block;
            max-width: 100%;
            margin: 0 auto
        }

        .error-container .error-wrapper .error-inner h3 {
            font-size: 1.5rem;
            font-family: "Montserrat",sans-serif;
            color: #393a4f;
            font-weight: 600;
            margin-top: 10px
        }

        .error-container .error-wrapper .error-inner p {
            font-family: "Roboto",sans-serif;
            font-size: 1.1rem;
            color: #a2a5b9;
            margin-bottom: 16px
        }

        .error-container .error-wrapper .error-inner .button-wrap .button {
            min-width: 220px;
            min-height: 50px
        }

body.is-dark .error-container .error-wrapper .error-inner .bg-number {
    opacity: .9
}

body.is-dark .error-container .error-wrapper .error-inner h3 {
    color: #fff
}

.avatar-wrap {
    position: relative;
    display: inline-block;
    vertical-align: bottom
}

    .avatar-wrap .avatar {
        width: 32px;
        min-width: 32px;
        height: 32px;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 50%
    }

        .avatar-wrap .avatar.is-squared {
            border-radius: 10px !important
        }

.chat-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    z-index: -1;
    transition: all .3s
}

    .chat-wrapper.is-active, .chat-wrapper.is-standalone {
        pointer-events: all !important;
        z-index: 1000 !important;
        opacity: 1 !important;
        transform: translateY(0) !important
    }

        .chat-wrapper.is-standalone .chat-inner .chat-nav .close-chat {
            display: none !important
        }

    .chat-wrapper .chat-inner {
        position: relative;
        height: 100%;
        width: 100%
    }

        .chat-wrapper .chat-inner .chat-nav {
            position: absolute;
            top: 0;
            left: 60px;
            width: calc(100% - 60px);
            height: 60px;
            background: #fff;
            border-bottom: 1px solid #e0e0e0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 16px;
            z-index: 99
        }

            .chat-wrapper .chat-inner .chat-nav .nav-start {
                display: flex;
                justify-content: flex-start;
                align-items: center
            }

                .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block {
                    display: inherit;
                    justify-content: inherit;
                    align-items: inherit
                }

                    .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .avatar-container {
                        position: relative;
                        height: 46px;
                        width: 46px;
                        border: 2px solid transparent
                    }

                        .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .avatar-container .user-avatar {
                            border-radius: 50%;
                            width: 100% !important;
                            height: 100% !important;
                            object-fit: cover !important;
                        }

                    .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username {
                        margin-left: 8px
                    }

                        .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username span {
                            display: block
                        }

                            .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username span:first-child {
                                font-weight: 500;
                                color: #757a91
                            }

                            .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username span:nth-child(2) {
                                display: flex;
                                align-items: center
                            }

                                .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username span:nth-child(2) svg {
                                    height: 14px;
                                    width: 14px;
                                    stroke: #888da8;
                                    margin-right: 4px
                                }

                                .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username span:nth-child(2) span {
                                    font-size: .9rem;
                                    color: #888da8
                                }

            .chat-wrapper .chat-inner .chat-nav .nav-end {
                display: flex;
                justify-content: flex-start;
                align-items: center
            }

                .chat-wrapper .chat-inner .chat-nav .nav-end .dropdown {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 32px;
                    width: 32px
                }

                .chat-wrapper .chat-inner .chat-nav .nav-end .chat-nav-item.is-icon {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 32px;
                    width: 32px
                }

                    .chat-wrapper .chat-inner .chat-nav .nav-end .chat-nav-item.is-icon:last-child {
                        margin-right: 4px
                    }

                    .chat-wrapper .chat-inner .chat-nav .nav-end .chat-nav-item.is-icon svg {
                        height: 20px;
                        width: 20px;
                        stroke: #a2a5b9
                    }

                .chat-wrapper .chat-inner .chat-nav .nav-end .chat-nav-item.close-chat {
                    border-radius: 50%
                }

                    .chat-wrapper .chat-inner .chat-nav .nav-end .chat-nav-item.close-chat:hover {
                        background: #f0f0f0
                    }

                        .chat-wrapper .chat-inner .chat-nav .nav-end .chat-nav-item.close-chat:hover svg {
                            stroke: #757a91
                        }

                .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search {
                    margin: 0 8px
                }

                    .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .input:focus {
                        border-color: #3d70b2;
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important
                    }

                        .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .input:focus + .form-icon svg {
                            stroke: #3d70b2
                        }

        .chat-wrapper .chat-inner .users-sidebar {
            position: absolute;
            top: 0;
            left: 0;
            width: 60px;
            height: 100%;
            background: #fff;
            border-right: 1px solid #e0e0e0
        }

            .chat-wrapper .chat-inner .users-sidebar .header-item, .chat-wrapper .chat-inner .users-sidebar .user-item, .chat-wrapper .chat-inner .users-sidebar .footer-item {
                display: flex;
                justify-content: center;
                align-items: center;
                position: relative;
                height: 60px;
                width: 60px

            }
.chat-wrapper .chat-inner .users-sidebar .user-item .unread {
    position: absolute;
    bottom: 0;
    right: 5px;
    color: green;
    font-size: 12px;
}
                .chat-wrapper .chat-inner .users-sidebar .header-item img {
                    height: 38px !important;
                    width: 38px !important
                }

            .chat-wrapper .chat-inner .users-sidebar .conversations-list {
                height: calc(100% - 120px);
                overflow-y: auto
            }

            .chat-wrapper .chat-inner .users-sidebar .user-item {
                cursor: pointer
            }

                .chat-wrapper .chat-inner .users-sidebar .user-item.is-active {
                    background: #f5f5f5
                }

                    .chat-wrapper .chat-inner .users-sidebar .user-item.is-active .user-status {
                        border-color: #f5f5f5 !important
                    }

                .chat-wrapper .chat-inner .users-sidebar .user-item:hover {
                    background: #ededed
                }

                .chat-wrapper .chat-inner .users-sidebar .user-item .avatar-container {
                    position: relative;
                    height: 38px;
                    width: 38px;
                    border: 2px solid #F0F0F0;
                    border-radius: 50%;
                }

                    .chat-wrapper .chat-inner .users-sidebar .user-item .avatar-container .user-avatar {
                        border-radius: 50%;
                        width: 100% !important;
                        height: 100% !important;
                        object-fit: cover;
                        object-position: top
                    }

                    .chat-wrapper .chat-inner .users-sidebar .user-item .avatar-container .user-status {
                        position: absolute;
                        top: -3px;
                        right: -1px;
                        height: 12px;
                        width: 12px;
                        border-radius: 50%;
                        background: #999;
                        border: 2px solid #fff
                    }

                        .chat-wrapper .chat-inner .users-sidebar .user-item .avatar-container .user-status.is-online {
                            background: #41d6c3
                        }

                        .chat-wrapper .chat-inner .users-sidebar .user-item .avatar-container .user-status.is-busy {
                            background: #3d70b2
                        }

                        .chat-wrapper .chat-inner .users-sidebar .user-item .avatar-container .user-status.is-away {
                            background: #a2a5b9
                        }

            .chat-wrapper .chat-inner .users-sidebar .footer-item {
                position: absolute;
                bottom: 0;
                left: 0
            }

                .chat-wrapper .chat-inner .users-sidebar .footer-item .add-button {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 42px;
                    min-height: 42px;
                    width: 42px;
                    max-width: 42px;
                    margin: 0 auto;
                    border: 1.8px dashed #999;
                    border-radius: 50%;
                    transition: all .3s;
                    cursor: pointer
                }

                    .chat-wrapper .chat-inner .users-sidebar .footer-item .add-button:hover {
                        border: 1.8px solid #3d70b2
                    }

                        .chat-wrapper .chat-inner .users-sidebar .footer-item .add-button:hover svg {
                            stroke: #3d70b2
                        }

                    .chat-wrapper .chat-inner .users-sidebar .footer-item .add-button svg {
                        height: 18px;
                        width: 18px;
                        stroke: #999;
                        transition: inherit
                    }

        .chat-wrapper .chat-inner .chat-body {
            position: absolute;
            bottom: 0;
            left: 60px;
            height: 100%;
            width: calc(100% - 60px);
            background: #f0f0f0;
            transition: all .3s
        }

            .chat-wrapper .chat-inner .chat-body.is-opened {
                width: calc(100% - 460px)
            }

                .chat-wrapper .chat-inner .chat-body.is-opened .chat-action {
                    width: calc(100% - 460px) !important
                }

            .chat-wrapper .chat-inner .chat-body .chat-body-inner {
                position: relative;
                width: 100%;
                height: calc(100% - 60px);
                margin-top: 60px;
                padding: 20px 80px 60px 80px;
                overflow-y: auto;
                animation-name: fadeInLeft;
                animation-duration: .5s
            }

                .chat-wrapper .chat-inner .chat-body .chat-body-inner .date-divider {
                    position: relative;
                    margin-bottom: 40px;
                    margin-top: 20px
                }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .date-divider hr {
                        margin: 10px 0;
                        background: #ccc;
                        height: 1px
                    }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .date-divider .date-divider-text {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        padding: 5px 10px;
                        background-color: #f0f0f0;
                        color: #ccc;
                        font-size: 13px;
                        font-weight: 500;
                        text-transform: uppercase;
                        transform: translate(-50%, -50%)
                    }

                .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message {
                    display: flex;
                    align-items: flex-start;
                    margin-bottom: 30px
                }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message img {
                        display: block;
                        height: 42px;
                        width: 42px;
                        border-radius: 50%
                    }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message .message-block span {
                        display: block;
                        width: 100%;
                        font-size: .8rem;
                        color: #999
                    }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message .message-block .message-text {
                        position: relative;
                        display: block;
                        width: auto;
                        max-width: 320px;
                        padding: 10px;
                        border-radius: 3px;
                        font-size: .9rem
                    }

                        .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message .message-block .message-text:before {
                            position: absolute;
                            display: block;
                            content: "";
                            top: 0;
                            width: 0;
                            height: 0;
                            border-left: 5px solid transparent;
                            border-right: 5px solid transparent
                        }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent {
                        flex-direction: row-reverse
                    }

                        .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent img {
                            margin-left: 20px
                        }

                        .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent .message-block .message-text {
                            color: #757a91;
                            background-color: #fff
                        }

                            .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent .message-block .message-text:before {
                                right: -5px;
                                border-top: 5px solid #fff
                            }

                        .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent + .is-sent {
                            margin-top: -16px !important
                        }

                            .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent + .is-sent img {
                                visibility: hidden
                            }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-received img {
                        margin-right: 20px
                    }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-received .message-block span {
                        text-align: right
                    }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-received .message-block .message-text {
                        color: #fafafa;
                        background-color: #5082c3
                    }

                        .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-received .message-block .message-text:before {
                            left: -5px;
                            border-top: 5px solid #5082c3
                        }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-received + .is-received {
                        margin-top: -16px !important
                    }

                        .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-received + .is-received img {
                            visibility: hidden
                        }

        .chat-wrapper .chat-inner .chat-action {
            position: fixed;
            bottom: 0;
            left: 60px;
            width: calc(100% - 60px);
            height: 60px;
            padding: 0 40px;
            background: #f0f0f0
        }

            .chat-wrapper .chat-inner .chat-action .chat-action-inner {
                position: relative;
                display: flex;
                align-items: center;
                height: 100%;
                width: 100%
            }

                .chat-wrapper .chat-inner .chat-action .chat-action-inner .control {
                    position: relative;
                    width: 100%
                }

                    .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .textarea {
                        resize: none;
                        height: 44px;
                        max-height: 44px;
                        min-height: 44px;
                        line-height: 2.1;
                        padding: 5px 9px;
                        padding-left: 54px;
                        transition: all .3s
                    }

                        .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .textarea:focus {
                            border-color: #e8e8e8 !important
                        }

                    .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .compose-dropdown {
                        position: absolute;
                        top: 0;
                        left: 0
                    }

                    .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .send-button {
                        position: absolute;
                        top: 0;
                        left: 0
                    }
                    .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .add-button {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 44px;
                        width: 44px
                    }

                        .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .add-button .button-inner {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            height: 34px;
                            min-height: 34px;
                            width: 34px;
                            max-width: 34px;
                            border: 1px solid #3d70b2;
                            border-radius: .65rem;
                            background: #3d70b2;
                            transition: all .3s;
                            cursor: pointer
                        }

                        .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .add-button:hover .button-inner {
                            border-color: #41d6c3;
                            background-color: #41d6c3
                        }

                            .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .add-button:hover .button-inner svg {
                                stroke: #fafafa
                            }

                        .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .add-button svg {
                            height: 18px;
                            width: 18px;
                            stroke: #fafafa;
                            transition: inherit
                        }

        .chat-wrapper .chat-inner .chat-panel {
            position: absolute;
            bottom: 0;
            right: 0;
            height: calc(100% - 60px);
            width: 400px;
            background: #fff;
            border-left: 1px solid #e8e8e8;
            transform: translateX(400px);
            transition: all .3s
        }

            .chat-wrapper .chat-inner .chat-panel.is-opened {
                transform: translateX(0)
            }

            .chat-wrapper .chat-inner .chat-panel .panel-inner {
                position: relative;
                width: 100%;
                height: 100%
            }

                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    height: 60px;
                    width: 100%;
                    background: #fff;
                    padding: 16px
                }

                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header h3 {
                        font-size: 1.2rem;
                        font-weight: 500
                    }

                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header .panel-close {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 36px;
                        width: 36px;
                        border-radius: 50%;
                        transition: all .3s;
                        cursor: pointer
                    }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header .panel-close:hover {
                            background: #f0f0f0
                        }

                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header .panel-close:hover svg {
                                stroke: #757a91
                            }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header .panel-close svg {
                            height: 20px;
                            width: 20px;
                            stroke: #a2a5b9;
                            transition: inherit
                        }

                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body {
                    position: absolute;
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    width: 100%;
                    height: calc(100% - 60px)
                }

                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner {
                        padding: 16px;
                        animation-name: fadeInLeft;
                        animation-duration: .5s
                    }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .subheader {
                            display: flex;
                            justify-content: flex-start;
                            align-items: center;
                            margin-bottom: 40px
                        }

                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .subheader .action-icon {
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                height: 40px;
                                width: 40px;
                                cursor: pointer;
                                border-radius: 6px;
                                transition: all .3s
                            }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .subheader .action-icon i {
                                    font-size: 22px;
                                    color: #a2a5b9
                                }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .subheader .action-icon:hover {
                                    background: #f5f5f5
                                }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .details-avatar {
                            position: relative;
                            height: 110px;
                            width: 110px;
                            margin: 10px auto
                        }

                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .details-avatar img {
                                display: block;
                                border-radius: 50%
                            }
                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-block {
                            display: flex;
                            justify-content: flex-start;
                            align-items: center;
                            padding: 5px;
                        }
                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-block img {
                                width: 42px;
                                height: 42px;
                                border-radius: 50%;
                                object-fit: cover;
                                display: flex;
                                align-items: center;
                            }
                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-block .user-info {
                                align-items: center;
                                padding-left: 10px;
                            }
                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-block a {
                                font-size: .9rem;
                                font-weight: 500;
                                color: #393a4f;
                                transition: color .3s;
                                display: block;
                            }
                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-block .user-info span {
                                color: #5a5a5a;
                                font-family: Roboto,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
                                font-size: .8rem;
                            }
                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .details-avatar .call-me {
                                position: absolute;
                                bottom: 0;
                                right: -12px;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                height: 42px;
                                width: 42px;
                                border-radius: 50%;
                                border: 3px solid #fff;
                                background: #3d70b2;
                                cursor: pointer;
                                transition: all .3s
                            }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .details-avatar .call-me:hover {
                                    background: #8ab7ee
                                }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .details-avatar .call-me i {
                                    font-size: 20px;
                                    color: #fafafa
                                }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-meta h3 {
                            text-align: center;
                            color: #393a4f;
                            font-weight: 500;
                            font-size: 1.3rem;
                            line-height: 1.2
                        }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-meta h4 {
                            font-size: .95rem;
                            color: #a2a5b9
                        }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            margin: 20px 0;
                            transform: scale(0.84)
                        }

                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon {
                                width: 36px;
                                height: 20px;
                                background: #5f6062;
                                position: relative;
                                margin: 0 3px;
                                cursor: pointer;
                                text-align: center;
                                transition: all .3s ease-in-out
                            }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon:before {
                                    content: "";
                                    position: absolute;
                                    top: -12.2px;
                                    left: 0;
                                    width: 0;
                                    height: 0;
                                    border-left: 18px solid transparent;
                                    border-right: 18px solid transparent;
                                    border-bottom: 12.2px solid #5f6062;
                                    transition: all .3s ease-in-out
                                }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon:after {
                                    content: "";
                                    position: absolute;
                                    bottom: -12px;
                                    left: 0;
                                    width: 0;
                                    height: 0;
                                    border-left: 18px solid transparent;
                                    border-right: 18px solid transparent;
                                    border-top: 12.5px solid #5f6062;
                                    transition: all .3s ease-in-out
                                }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon:hover {
                                    background: #757a91 !important
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon:hover:after {
                                        border-top: 12.5px solid #757a91 !important
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon:hover:before {
                                        border-bottom: 12.5px solid #757a91 !important
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-red {
                                    background: #f71416
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-red:after {
                                        border-top: 12.5px solid #f71416
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-red:before {
                                        border-bottom: 12.5px solid #f71416
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-green {
                                    background: #1ce589
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-green:after {
                                        border-top: 12.5px solid #1ce589
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-green:before {
                                        border-bottom: 12.5px solid #1ce589
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-accent {
                                    background: #3d70b2
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-accent:after {
                                        border-top: 12.5px solid #3d70b2
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-accent:before {
                                        border-bottom: 12.5px solid #3d70b2
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-blue {
                                    background: #039be5
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-blue:after {
                                        border-top: 12.5px solid #039be5
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-blue:before {
                                        border-bottom: 12.5px solid #039be5
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-orange {
                                    background: #ff9700
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-orange:after {
                                        border-top: 12.5px solid #ff9700
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-orange:before {
                                        border-bottom: 12.5px solid #ff9700
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-purple {
                                    background: #9c2bed
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-purple:after {
                                        border-top: 12.5px solid #9c2bed
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-purple:before {
                                        border-bottom: 12.5px solid #9c2bed
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon .mdi {
                                    position: relative;
                                    top: 1px;
                                    color: #fff;
                                    font-size: 18px;
                                    line-height: 16px
                                }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about {
                            margin: 20px 0
                        }

                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about label {
                                display: block;
                                text-transform: uppercase;
                                font-size: .8rem;
                                font-weight: 500;
                                color: #888da8;
                                margin-bottom: 16px
                            }

                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block {
                                display: flex;
                                align-items: flex-start;
                                border: 1px solid #e8e8e8;
                                border-radius: 6px;
                                padding: 12px;
                                margin-bottom: 10px
                            }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block:last-child {
                                    margin-bottom: 0
                                }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block i {
                                    font-size: 22px;
                                    color: #a2a5b9
                                }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block .about-text {
                                    margin-left: 12px
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block .about-text span {
                                        display: block
                                    }

                                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block .about-text span:first-child {
                                            font-size: .8rem;
                                            font-weight: 500
                                        }

                                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block .about-text span:nth-child(2) {
                                            font-size: .8rem;
                                            color: #999
                                        }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block .about-text a {
                                        color: #999
                                    }

                                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block .about-text a:hover {
                                            color: #3d70b2
                                        }

.add-conversation-modal .modal-content {
    overflow: visible
}

    .add-conversation-modal .modal-content img {
        height: 70px;
        width: 70px;
        display: block;
        margin: 0 auto
    }

    .add-conversation-modal .modal-content .help-text {
        text-align: center;
        font-size: .9rem;
        padding: 10px 50px;
        color: #999
    }

    .add-conversation-modal .modal-content .field {
        padding: 0 50px;
        margin-bottom: 0;
        margin-top: 16px
    }

    .add-conversation-modal .modal-content .action {
        padding: 10px 50px 20px 50px
    }

        .add-conversation-modal .modal-content .action button {
            line-height: 0
        }

@media(max-width: 767px) {
    .chat-wrapper .chat-search {
        display: none !important
    }

    .chat-wrapper .chat-body {
        width: calc(100% - 60px) !important
    }

    .chat-wrapper .chat-body-inner {
        padding: 20px 10px 60px 10px !important
    }

    .chat-wrapper .chat-action {
        padding: 0 10px !important
    }

    .chat-wrapper .chat-panel {
        width: calc(100% - 60px) !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .chat-wrapper .chat-body {
        width: calc(100% - 60px) !important
    }

    .chat-wrapper .chat-body-inner {
        padding: 20px 40px 60px 40px !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .chat-wrapper .chat-body-inner {
        padding: 20px 20px 60px 20px !important
    }

    .chat-wrapper .chat-action {
        padding: 0 20px !important
    }
}

.card.is-new-content .tabs-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs-wrapper {
    border-radius: .85rem
}

.card.is-new-content .tabs, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs {
    border-radius: .85rem .85rem 0 0
}

    .card.is-new-content .tabs ul, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs ul {
        background: #fcfcfc
    }

    .card.is-new-content .tabs li, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li {
        background: #fcfcfc
    }

        .card.is-new-content .tabs li.is-active a, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.is-active a {
            color: #757a91;
            font-weight: 500
        }

            .card.is-new-content .tabs li.is-active a svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.is-active a svg {
                stroke: #757a91
            }

        .card.is-new-content .tabs li.close-wrap, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.close-wrap {
            display: flex;
            justify-content: flex-end;
            align-items: center
        }

            .card.is-new-content .tabs li.close-wrap .close-publish, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.close-wrap .close-publish {
                margin: 0 16px;
                display: none;
                justify-content: center;
                align-items: center;
                height: 30px;
                width: 30px;
                border-radius: 50%;
                background: transparent;
                cursor: pointer;
                transition: background .3s
            }

                .card.is-new-content .tabs li.close-wrap .close-publish:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.close-wrap .close-publish:hover {
                    background: #e8e8e8
                }

                .card.is-new-content .tabs li.close-wrap .close-publish svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.close-wrap .close-publish svg {
                    height: 18px;
                    width: 18px;
                    stroke: #757a91
                }

    .card.is-new-content .tabs a, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs a {
        font-size: .9rem;
        color: #888da8;
        padding: .75em !important
    }

        .card.is-new-content .tabs a svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs a svg {
            stroke: #888da8
        }

.card.is-new-content .compose, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose {
    padding: 16px;
    border-bottom: 1px solid #e8e8e8
}

    .card.is-new-content .compose .compose-form, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .compose-form {
        display: flex;
        justify-content: flex-start;
        align-items: stretch
    }

    .card.is-new-content .compose .feed-upload .upload-wrap, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .feed-upload .upload-wrap {
        position: relative;
        height: auto;
        width: 140px
    }
        .card.is-new-content .compose .feed-upload .upload-wrap .remove-file, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .feed-upload .upload-wrap .remove-file {
            position: absolute;
            top: -4px;
            right: -4px;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 30px;
            width: 30px;
            border-radius: 50%;
            background: #fff;
            cursor: pointer;
            transition: background .3s
        }

            .card.is-new-content .compose .feed-upload .upload-wrap .remove-file:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .feed-upload .upload-wrap .remove-file:hover {
                background: #e8e8e8
            }

            .card.is-new-content .compose .feed-upload .upload-wrap .remove-file svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .feed-upload .upload-wrap .remove-file svg {
                height: 16px;
                width: 16px;
                stroke: #757a91
            }

        .card.is-new-content .compose .feed-upload .upload-wrap img, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .feed-upload .upload-wrap img {
            display: inline-block;
            width: 100%;
            height: auto;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: .5rem
        }

    .card.is-new-content .compose img, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose img {
        height: 42px;
        width: 42px;
        border-radius: 50%
    }

    .card.is-new-content .compose .control, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .control {
        width: 100%;
        margin-left: 20px
    }

        .card.is-new-content .compose .control .textarea, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .control .textarea {
            padding: 0;
            border-color: transparent;
            resize: none
        }

.card.is-new-content .compose-options, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px;
    border-radius: 0 0 .85rem .85rem;
    background: #fff;
    cursor: pointer
}

    .card.is-new-content .compose-options .is-full, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .is-full {
        width: 100% !important;
        margin: 0 auto !important
    }

    .card.is-new-content .compose-options .is-narrower, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .is-narrower {
        padding: .3rem .5rem !important
    }

    .card.is-new-content .compose-options .compose-option, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option {
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 6px 16px;
        margin-right: 10px;
        background: #f7f7f7;
        border-radius: 500px;
        font-size: .85rem;
        color: #888da8;
        transition: all .3s
    }

        .card.is-new-content .compose-options .compose-option.is-centered, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option.is-centered {
            margin: 0 auto
        }

        .card.is-new-content .compose-options .compose-option:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option:hover {
            background: #f2f2f2
        }

            .card.is-new-content .compose-options .compose-option:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option:hover svg {
                stroke: #393a4f
            }

        .card.is-new-content .compose-options .compose-option span, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option span {
            display: block;
            padding: 0 8px
        }

        .card.is-new-content .compose-options .compose-option svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option svg {
            height: 20px;
            width: 20px;
            transition: all .3s
        }

        .card.is-new-content .compose-options .compose-option img, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option img {
            display: block;
            height: 20px;
            width: 20px
        }

        .card.is-new-content .compose-options .compose-option input, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option input {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            opacity: 0;
            cursor: pointer
        }

.card.is-new-content .more-wrap, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap {
    /*display: none;*/
    align-items: center;
    padding: 8px;
    border-top: 1px solid #e8e8e8;
    border-radius: 0 0 6px 6px;
    background: #fafafa
}

    .card.is-new-content .more-wrap .is-more, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap .is-more {
        line-height: 0;
        height: 38px;
        padding: 6px;
        margin-right: 6px
    }

        .card.is-new-content .more-wrap .is-more span, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap .is-more span {
            margin: 0 8px 0 4px
        }

        .card.is-new-content .more-wrap .is-more svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap .is-more svg {
            width: 16px;
            height: 16px
        }

    .card.is-new-content .more-wrap .is-solid, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap .is-solid {
        line-height: 0
    }

.card.is-new-content .hidden-options, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options {
    /*display: none;*/
    background: #f5f6f7;
    padding: 8px;
    border-top: 1px solid #e8e8e8;
    height: auto
}

    .card.is-new-content .hidden-options.is-opened, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options.is-opened {
        height: 350px !important;
        overflow: auto !important
    }

        .card.is-new-content .hidden-options.is-opened::-webkit-scrollbar, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options.is-opened::-webkit-scrollbar {
            width: 4px
        }

        .card.is-new-content .hidden-options.is-opened::-webkit-scrollbar-thumb, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options.is-opened::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background: rgba(0,0,0,.2)
        }

    .card.is-new-content .hidden-options .target-channels .channel, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel {
        display: flex;
        align-items: center;
        padding: 6px 8px;
        border-radius: 4px
    }

        .card.is-new-content .hidden-options .target-channels .channel:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel:hover {
            background: #edeef0
        }

        .card.is-new-content .hidden-options .target-channels .channel .channel-icon, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .channel-icon {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 40px;
            width: 40px;
            margin: 0 10px;
            border-radius: 50%;
            background: #fff;
            border: 1px solid #e8e8e8
        }

            .card.is-new-content .hidden-options .target-channels .channel .channel-icon svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .channel-icon svg {
                height: 18px;
                width: 18px;
                stroke: #999;
                stroke-width: 1px
            }

        .card.is-new-content .hidden-options .target-channels .channel .story-icon, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon {
            position: relative;
            height: 40px;
            width: 40px;
            margin: 0 10px;
            border-radius: 50%;
            background: #e8e8e8;
            border: 1px solid #cecece
        }

            .card.is-new-content .hidden-options .target-channels .channel .story-icon .plus-icon, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon .plus-icon {
                position: absolute;
                bottom: -1px;
                right: -8px;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 22px;
                width: 22px;
                border: 2px solid #e8e8e8;
                border-radius: 50%;
                background: #3d70b2
            }

                .card.is-new-content .hidden-options .target-channels .channel .story-icon .plus-icon svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon .plus-icon svg {
                    height: 10px;
                    width: 10px;
                    stroke-width: 3px;
                    stroke: #fafafa
                }

        .card.is-new-content .hidden-options .target-channels .channel .channel-name, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .channel-name {
            font-size: .85rem;
            font-weight: 500;
            color: #393a4f
        }

        .card.is-new-content .hidden-options .target-channels .channel .dropdown, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown {
            margin-left: auto
        }

            .card.is-new-content .hidden-options .target-channels .channel .dropdown button, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown button {
                line-height: 0;
                height: 36px;
                padding: 6px
            }

                .card.is-new-content .hidden-options .target-channels .channel .dropdown button span, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown button span {
                    margin: 0 4px
                }

                .card.is-new-content .hidden-options .target-channels .channel .dropdown button svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown button svg {
                    width: 16px;
                    height: 16px
                }

                .card.is-new-content .hidden-options .target-channels .channel .dropdown button i, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown button i {
                    font-size: 1.1rem
                }

    .card.is-new-content .hidden-options .friends-list, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list {
        margin-top: 10px;
        border-top: 1px solid #dedede
    }

        .card.is-new-content .hidden-options .friends-list .list-header, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px 10px
        }

            .card.is-new-content .hidden-options .friends-list .list-header span, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header span {
                color: #757a91;
                font-size: .8rem;
                font-weight: 500
            }

            .card.is-new-content .hidden-options .friends-list .list-header .actions, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .actions {
                display: flex;
                align-items: center
            }

                .card.is-new-content .hidden-options .friends-list .list-header .actions a, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .actions a {
                    display: block;
                    margin-left: 8px;
                    font-size: .8rem;
                    font-weight: 500;
                    color: #757a91
                }

                    .card.is-new-content .hidden-options .friends-list .list-header .actions a:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .actions a:first-child {
                        margin-left: auto
                    }

                    .card.is-new-content .hidden-options .friends-list .list-header .actions a:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .actions a:hover {
                        color: #3d70b2
                    }

                    .card.is-new-content .hidden-options .friends-list .list-header .actions a.search-trigger, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .actions a.search-trigger {
                        height: 24px;
                        width: 24px;
                        display: flex;
                        justify-content: center;
                        align-items: center
                    }

                    .card.is-new-content .hidden-options .friends-list .list-header .actions a svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .actions a svg {
                        height: 16px;
                        width: 16px;
                        stroke: #757a91
                    }

            .card.is-new-content .hidden-options .friends-list .list-header .control, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control {
                position: relative
            }

                .card.is-new-content .hidden-options .friends-list .list-header .control .input, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input {
                    padding-left: 36px;
                    border-radius: 100px;
                    transition: all .3s;
                    font-size: .9rem
                }

                    .card.is-new-content .hidden-options .friends-list .list-header .control .input:focus, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input:focus {
                        border-color: #e8e8e8
                    }

                .card.is-new-content .hidden-options .friends-list .list-header .control span, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control span {
                    position: absolute;
                    top: 0;
                    left: 4px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 36px;
                    width: 36px
                }

                    .card.is-new-content .hidden-options .friends-list .list-header .control span svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control span svg {
                        height: 18px;
                        width: 18px;
                        stroke: #cecece
                    }

        .card.is-new-content .hidden-options .friends-list .list-body, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body {
            padding: 0 6px
        }

            .card.is-new-content .hidden-options .friends-list .list-body .friend-block, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block {
                display: flex;
                align-items: center;
                margin-bottom: 6px;
                padding: 6px 0;
                border-radius: 4px;
                cursor: pointer
            }

                .card.is-new-content .hidden-options .friends-list .list-body .friend-block:hover .round-checkbox label, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block:hover .round-checkbox label {
                    border-color: #3d70b2
                }

                .card.is-new-content .hidden-options .friends-list .list-body .friend-block .friend-avatar, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block .friend-avatar {
                    height: 38px;
                    width: 38px;
                    margin: 0 10px;
                    border-radius: 50%
                }

                .card.is-new-content .hidden-options .friends-list .list-body .friend-block .friend-name, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block .friend-name {
                    font-size: .85rem;
                    font-weight: 500;
                    color: #393a4f
                }

.card.is-new-content.is-highlighted, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.is-highlighted.summary-card {
    position: relative !important;
    z-index: 1001 !important
}

    .card.is-new-content.is-highlighted .close-publish, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.is-highlighted.summary-card .close-publish {
        display: flex !important
    }

    .card.is-new-content.is-highlighted .more-wrap, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.is-highlighted.summary-card .more-wrap {
        display: flex
    }

    .card.is-new-content.is-highlighted .hidden-options, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.is-highlighted.summary-card .hidden-options {
        display: block
    }

.card.is-post.is-nested, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.is-nested.summary-card {
    position: relative;
    margin-top: 20px !important;
    border-bottom-color: transparent;
    border-radius: .85rem .85rem 0 0
}

.card.is-post.is-simple .post-actions, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.is-simple.summary-card .post-actions {
    flex-direction: row-reverse !important
}

.card.is-post.is-simple .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.is-simple.summary-card .card-footer {
    padding-top: 10px
}

.card.is-post.has-nested .content-wrap .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.has-nested.summary-card .content-wrap .card-footer {
    margin-top: 16px
}

.card.is-post .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-heading, .card.is-post .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body {
    padding: 16px 16px 0 16px;
}
.card.is-post .card-body{
        min-height: 70px;
}
.card.is-post .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer {
    border: none;
    padding: 16px;
    margin: 0;
    padding-top: 30px;
}

.card.is-post .user-block, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

    .card.is-post .user-block img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block img {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        object-fit: cover
    }

    .card.is-post .user-block a, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block a, .card.is-post .user-block .time, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block .time {
        display: block
    }

    .card.is-post .user-block a, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block a {
        font-size: .9rem;
        font-weight: 500;
        color: #393a4f;
        transition: color .3s
    }

        .card.is-post .user-block a:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block a:hover {
            color: #4a4b67
        }

    .card.is-post .user-block .time, .card.is-post .user-block .mood-display, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block .time {
        font-size: .8rem;
        color: #999
    }
    .card.is-post .user-block .mood-display {
        display: flex;
        align-items: center;
    }
    .card.is-post .user-block .mood-display img{
        width: 16px;
        height: auto !important;
    }
    .card.is-post .user-block .user-info, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block .user-info {
        padding: 0 10px
    }

        /*.card.is-post .user-block .user-info a, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block .user-info a {
            line-height: 1.1
        }*/

            .card.is-post .user-block .user-info a span, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block .user-info a span {
                color: #3d70b2;
                font-weight: 500
            }

.card.is-post .content-wrap .post-text p, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-text p {
    color: #757a91;
    font-size: .9rem
}

    .card.is-post .content-wrap .post-text p a, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-text p a {
        color: #393a4f;
        font-weight: 500
    }

        .card.is-post .content-wrap .post-text p a:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-text p a:hover {
            color: #3d70b2
        }

.card.is-post .content-wrap .action-wrap, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .action-wrap {
    position: relative;
    margin-top: -22px !important
}

    .card.is-post .content-wrap .action-wrap .like-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .action-wrap .like-wrapper {
        position: absolute;
        bottom: -27px;
        right: 26px;
        max-height: 54px
    }

    .card.is-post .content-wrap .action-wrap .fab-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .action-wrap .fab-wrapper {
        position: absolute;
        bottom: -21px;
        max-height: 43px
    }

        .card.is-post .content-wrap .action-wrap .fab-wrapper.is-share, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .action-wrap .fab-wrapper.is-share {
            right: 84px
        }

        .card.is-post .content-wrap .action-wrap .fab-wrapper.is-comment, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .action-wrap .fab-wrapper.is-comment {
            right: 131px
        }

.card.is-post .content-wrap .post-image, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image {
    position: relative;
    margin: 10px 0;
    padding-bottom: 30px;
}

    .card.is-post .content-wrap .post-image img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image img {
        display: block;
        border-radius: .75rem
    }

    .card.is-post .content-wrap .post-image .like-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .like-wrapper {
        position: absolute;
        bottom: -27px;
        right: 0;
        max-height: 54px
    }

    .card.is-post .content-wrap .post-image .fab-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .fab-wrapper {
        position: absolute;
        bottom: -21px;
        max-height: 43px
    }

        .card.is-post .content-wrap .post-image .fab-wrapper.is-share, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .fab-wrapper.is-share {
            right: 58px
        }

        .card.is-post .content-wrap .post-image .fab-wrapper.is-comment, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .fab-wrapper.is-comment {
            right: 105px
        }

    .card.is-post .content-wrap .post-image .triple-grid, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap
    }

        .card.is-post .content-wrap .post-image .triple-grid a.is-half, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid a.is-half {
            display: block;
            width: calc(50% - .25rem) !important;
            height: 100%
        }

        .card.is-post .content-wrap .post-image .triple-grid img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid img {
            display: block;
            margin-bottom: .5rem;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height: 50%
        }

        .card.is-post .content-wrap .post-image .triple-grid .like-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid .like-wrapper {
            position: absolute;
            bottom: -18px;
            right: 18px;
            max-height: 54px
        }

        .card.is-post .content-wrap .post-image .triple-grid .fab-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid .fab-wrapper {
            position: absolute;
            bottom: -13px;
            max-height: 43px
        }

            .card.is-post .content-wrap .post-image .triple-grid .fab-wrapper.is-share, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid .fab-wrapper.is-share {
                right: 76px
            }

            .card.is-post .content-wrap .post-image .triple-grid .fab-wrapper.is-comment, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid .fab-wrapper.is-comment {
                right: 123px
            }

    .card.is-post .content-wrap .post-image .masonry-grid, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid {
        position: relative;
        display: flex;
        align-items: center
    }

        .card.is-post .content-wrap .post-image .masonry-grid img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid img {
            display: block;
            margin-bottom: .5rem;
            -o-object-fit: cover;
            object-fit: cover
        }

        .card.is-post .content-wrap .post-image .masonry-grid .masonry-column-left, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid .masonry-column-left {
            height: 100%;
            width: calc(61% - .5rem)
        }

        .card.is-post .content-wrap .post-image .masonry-grid .masonry-column-right, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid .masonry-column-right {
            width: 39%;
            height: 100%;
            margin-left: .5rem
        }

        .card.is-post .content-wrap .post-image .masonry-grid .like-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid .like-wrapper {
            position: absolute;
            bottom: -18px;
            right: 0;
            max-height: 54px
        }

        .card.is-post .content-wrap .post-image .masonry-grid .fab-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid .fab-wrapper {
            position: absolute;
            bottom: -13px;
            max-height: 43px
        }

            .card.is-post .content-wrap .post-image .masonry-grid .fab-wrapper.is-share, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid .fab-wrapper.is-share {
                right: 58px
            }

            .card.is-post .content-wrap .post-image .masonry-grid .fab-wrapper.is-comment, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid .fab-wrapper.is-comment {
                right: 105px
            }

.card.is-post .content-wrap .post-link, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    background: #f5f5f5;
    margin: 16px 0 10px 0
}

    .card.is-post .content-wrap .post-link.is-video .link-image, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link.is-video .link-image {
        position: relative
    }

        .card.is-post .content-wrap .post-link.is-video .link-image .video-overlay, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link.is-video .link-image .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            border-radius: 6px;
            background: rgba(52,66,88,.6)
        }

        .card.is-post .content-wrap .post-link.is-video .link-image .video-button, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link.is-video .link-image .video-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            height: 46px;
            width: 46px;
            background: #3d70b2;
            border-radius: 50%;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 2;
            cursor: pointer
        }

            .card.is-post .content-wrap .post-link.is-video .link-image .video-button img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link.is-video .link-image .video-button img {
                position: relative;
                display: block;
                width: 20px;
                height: 20px;
                left: 2px;
                z-index: 3
            }

            .card.is-post .content-wrap .post-link.is-video .link-image .video-button:after, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link.is-video .link-image .video-button:after {
                content: "";
                position: absolute;
                top: calc(50% - 12px);
                left: calc(50% - 12px);
                height: 24px;
                width: 24px;
                border-radius: 50%;
                background: #3d70b2;
                animation: wave 1.6s infinite;
                animation-duration: 2s;
                transform-origin: center center;
                z-index: 0
            }

    .card.is-post .content-wrap .post-link .link-image > img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-image > img {
        display: block;
        height: 130px;
        width: 180px;
        min-width: 180px;
        border-radius: 6px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .card.is-post .content-wrap .post-link .link-content, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-content {
        margin-left: 12px
    }

        .card.is-post .content-wrap .post-link .link-content h4, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-content h4 {
            margin-bottom: 4px
        }

            .card.is-post .content-wrap .post-link .link-content h4 a, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-content h4 a {
                font-size: 1.1rem;
                font-weight: 500;
                color: #757a91
            }

                .card.is-post .content-wrap .post-link .link-content h4 a:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-content h4 a:hover {
                    color: #3d70b2
                }

        .card.is-post .content-wrap .post-link .link-content p, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-content p {
            font-size: .9rem;
            color: #999
        }

        .card.is-post .content-wrap .post-link .link-content small, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-content small {
            text-transform: uppercase;
            font-size: .65rem;
            color: #757a91;
            margin-top: 8px
        }

    .card.is-post .content-wrap .post-link .like-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .like-wrapper {
        position: absolute;
        bottom: -25px;
        right: 0;
        max-height: 54px
    }

    .card.is-post .content-wrap .post-link .fab-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .fab-wrapper {
        position: absolute;
        bottom: -20px;
        max-height: 43px
    }

        .card.is-post .content-wrap .post-link .fab-wrapper.is-share, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .fab-wrapper.is-share {
            right: 58px
        }

        .card.is-post .content-wrap .post-link .fab-wrapper.is-comment, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .fab-wrapper.is-comment {
            right: 105px
        }

.card.is-post .content-wrap .post-actions, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px
}

    .card.is-post .content-wrap .post-actions .like-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .like-wrapper {
        margin: 0 2px
    }

        .card.is-post .content-wrap .post-actions .like-wrapper .like-button, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .like-wrapper .like-button {
            width: 36px;
            height: 36px;
            border: none
        }

        .card.is-post .content-wrap .post-actions .like-wrapper .like-overlay, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .like-wrapper .like-overlay {
            top: 0 !important;
            left: 0 !important;
            width: 36px;
            height: 36px
        }

        .card.is-post .content-wrap .post-actions .like-wrapper i, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .like-wrapper i {
            font-size: 16px
        }

    .card.is-post .content-wrap .post-actions .fab-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .fab-wrapper {
        margin: 0 2px
    }

        .card.is-post .content-wrap .post-actions .fab-wrapper .small-fab, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .fab-wrapper .small-fab {
            width: 36px;
            height: 36px;
            border: none
        }

            .card.is-post .content-wrap .post-actions .fab-wrapper .small-fab svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .fab-wrapper .small-fab svg {
                height: 16px;
                width: 16px
            }

.card.is-post .content-wrap .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer, .profile-menu .menu-start .members-group {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

    .card.is-post .content-wrap .card-footer .likers-group, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-group {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

.card.is-post .content-wrap .card-footer .likers-group img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-group img, .profile-menu .menu-start .members-group img {
    height: 38px;
    width: 38px;
    border-radius: 50%;
    border: 3px solid #fff
}

.card.is-post .content-wrap .card-footer .likers-group img:not(:first-child), .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-group img:not(:first-child), .profile-menu .menu-start .members-group img:not(:first-child) {
    margin-left: -12px
}

        .card.is-post .content-wrap .card-footer .likers-group .no-like, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-group .no-like {
            width: 38px;
            height: 38px;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .card.is-post .content-wrap .card-footer .likers-group .no-like svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-group .no-like svg {
                width: 24px;
                height: 24px
            }

    .card.is-post .content-wrap .card-footer .likers-text, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-text {
        margin-left: 10px;
        line-height: 1.4
    }

        .card.is-post .content-wrap .card-footer .likers-text p, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-text p {
            font-size: .8rem;
            color: #888da8
        }

            .card.is-post .content-wrap .card-footer .likers-text p a, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-text p a {
                color: #393a4f;
                font-weight: 500
            }

                .card.is-post .content-wrap .card-footer .likers-text p a:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-text p a:hover {
                    color: #3d70b2
                }

    .card.is-post .content-wrap .card-footer .social-count, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count {
        margin-left: auto;
        display: flex;
        align-items: stretch
    }

        .card.is-post .content-wrap .card-footer .social-count .shares-count, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .shares-count, .card.is-post .content-wrap .card-footer .social-count .comments-count, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .comments-count, .card.is-post .content-wrap .card-footer .social-count .likes-count, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .likes-count {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin: 0 3px
        }

            .card.is-post .content-wrap .card-footer .social-count .shares-count span, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .shares-count span, .card.is-post .content-wrap .card-footer .social-count .comments-count span, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .comments-count span, .card.is-post .content-wrap .card-footer .social-count .likes-count span, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .likes-count span {
                display: block;
                font-size: .9rem;
                color: #888da8;
                margin: 0 5px
            }

            .card.is-post .content-wrap .card-footer .social-count .shares-count svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .shares-count svg, .card.is-post .content-wrap .card-footer .social-count .comments-count svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .comments-count svg, .card.is-post .content-wrap .card-footer .social-count .likes-count svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .likes-count svg {
                height: 18px;
                width: 18px;
                stroke: #888da8
            }

.card.is-post .comments-wrap .comments-heading, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px
}

    .card.is-post .comments-wrap .comments-heading h4, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-heading h4 {
        font-size: 1rem;
        font-weight: 500;
        color: #757a91
    }

    .card.is-post .comments-wrap .comments-heading .close-comments, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-heading .close-comments {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        background: transparent;
        cursor: pointer;
        transition: background .3s
    }

        .card.is-post .comments-wrap .comments-heading .close-comments:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-heading .close-comments:hover {
            background: #e8e8e8
        }

        .card.is-post .comments-wrap .comments-heading .close-comments svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-heading .close-comments svg {
            height: 18px;
            width: 18px;
            stroke: #757a91
        }

.card.is-post .comments-wrap .comments-body, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body {
    padding: 16px;
    max-height: 450px;
    overflow-y: auto
}

    .card.is-post .comments-wrap .comments-body .comments-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .comments-placeholder {
        text-align: center
    }

        .card.is-post .comments-wrap .comments-body .comments-placeholder img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .comments-placeholder img {
            display: block;
            max-width: 80px;
            margin: 0 auto;
            opacity: .7
        }

        .card.is-post .comments-wrap .comments-body .comments-placeholder h3, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .comments-placeholder h3 {
            margin-top: 10px;
            font-weight: 500;
            font-size: 1.1rem;
            color: #393a4f
        }

        .card.is-post .comments-wrap .comments-body .comments-placeholder p, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .comments-placeholder p {
            font-size: .9rem;
            color: #999
        }

    .card.is-post .comments-wrap .comments-body .is-comment, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment {
        align-items: stretch
    }
    
    .nested-comment{
        margin-left: 40px;
    }

        .card.is-post .comments-wrap .comments-body .is-comment .media-left img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-left img {
            height: 36px;
            width: 36px;
            min-width: 36px;
            border-radius: 50%
        }

        .card.is-post .comments-wrap .comments-body .is-comment .media-content a, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content a {
            font-size: .85rem;
            font-weight: 500 !important;
            display: block;
            color: #393a4f;
            line-height: 1.2
        }

            .card.is-post .comments-wrap .comments-body .is-comment .media-content a:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content a:hover {
                color: #3d70b2
            }

        .card.is-post .comments-wrap .comments-body .is-comment .media-content .time, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .time {
            display: block;
            font-size: .7rem;
            color: #888da8;
            margin-bottom: 10px
        }

        .card.is-post .comments-wrap .comments-body .is-comment .media-content p, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content p {
            font-size: .9rem !important;
            color: #757a91
        }

        .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls {
            padding: 8px 0;
            display: flex;
            justify-content: flex-start;
            align-items: center
        }

            .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .like-count, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .like-count {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                cursor: pointer
            }

                .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .like-count span, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .like-count span {
                    display: block;
                    font-size: .8rem;
                    color: #888da8;
                    margin: 0 5px
                }

                .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .like-count svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .like-count svg {
                    position: relative;
                    top: -1px;
                    height: 12px;
                    width: 12px;
                    stroke: #888da8
                }

                .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .like-count:hover span, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .like-count:hover span {
                    color: #3d70b2
                }

                .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .like-count:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .like-count:hover svg {
                    stroke: #3d70b2
                }

            .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .reply, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .reply, .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .edit, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .edit {
                margin: 0 5px
            }

                .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .reply a, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .reply a, .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .edit a, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .edit a {
                    font-size: .75rem;
                    color: #888da8
                }

                    .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .reply a:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .reply a:hover, .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .edit a:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .edit a:hover {
                        color: #3d70b2
                    }

        .card.is-post .comments-wrap .comments-body .is-comment .media-right svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-right svg {
            height: 18px;
            width: 18px;
            stroke: #757a91
        }

        .card.is-post .comments-wrap .comments-body .is-comment .media-right .dropdown .button, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-right .dropdown .button {
            padding: 4px !important;
            border-color: transparent !important
        }

        .card.is-post .comments-wrap .comments-body .is-comment .media-right .dropdown .media, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-right .dropdown .media {
            border: none !important;
            padding-top: 0 !important
        }

        .card.is-post .comments-wrap .comments-body .is-comment .is-comment .media-left, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .is-comment .media-left {
            position: relative
        }

            .card.is-post .comments-wrap .comments-body .is-comment .is-comment .media-left:after, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .is-comment .media-left:after {
                content: "";
                position: absolute;
                top: 52px;
                left: 0;
                right: 0;
                margin: 0 auto;
                width: 1.4px;
                height: calc(100% - 46px);
                background: #e8e8e8
            }

            .card.is-post .comments-wrap .comments-body .is-comment .is-comment .media-left:before, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .is-comment .media-left:before {
                content: "";
                position: absolute;
                top: calc(50% + 20px);
                left: 0;
                right: 0;
                margin: 0 auto;
                height: 13px;
                width: 13px;
                border: 1px solid #e8e8e8;
                border-radius: 50%;
                background: #fff;
                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important;
                z-index: 1
            }

    .card.is-post .comments-wrap .comments-body .load-more .load-more-button, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .load-more .load-more-button {
        background: #e8e8e8;
        width: 80px;
        padding: 5px 16px;
        border-radius: 500px;
        border: none;
        cursor: pointer;
        transition: background-color .3s
    }

        .card.is-post .comments-wrap .comments-body .load-more .load-more-button:active, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .load-more .load-more-button:active, .card.is-post .comments-wrap .comments-body .load-more .load-more-button:focus, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .load-more .load-more-button:focus {
            outline: none
        }

        .card.is-post .comments-wrap .comments-body .load-more .load-more-button:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .load-more .load-more-button:hover {
            background: #f2f2f2
        }

        .card.is-post .comments-wrap .comments-body .load-more .load-more-button svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .load-more .load-more-button svg {
            width: 22px;
            height: 22px;
            stroke: #888da8
        }

.card.is-post .comments-wrap .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer {
    margin: 0 !important;
    padding: 16px
}

    .card.is-post .comments-wrap .card-footer .post-comment, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment {
        width: 100%
    }

        .card.is-post .comments-wrap .card-footer .post-comment .media-left img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .media-left img {
            border-radius: 50%
        }

        .card.is-post .comments-wrap .card-footer .post-comment .media-content .field, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .media-content .field {
            margin-bottom: 0
        }

        .card.is-post .comments-wrap .card-footer .post-comment .media-content .textarea, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .media-content .textarea {
            border-color: #e0e0e0;
            border-bottom: none;
            border-radius: .65rem .65rem 0 0;
            resize: none
        }

        .card.is-post .comments-wrap .card-footer .post-comment .actions, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 8px;
            border-left: 1px solid #e8e8e8;
            border-right: 1px solid #e8e8e8;
            border-bottom: 1px solid #e8e8e8;
            border-radius: 0 0 .65rem .65rem
        }

            .card.is-post .comments-wrap .card-footer .post-comment .actions .toolbar, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .toolbar {
                display: flex;
                justify-content: flex-end;
                align-items: center
            }

            .card.is-post .comments-wrap .card-footer .post-comment .actions .action, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .action {
                margin-right: 15px;
                width: 18px;
                height: 18px;
                cursor: pointer
            }

                .card.is-post .comments-wrap .card-footer .post-comment .actions .action svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .action svg {
                    width: 18px;
                    height: 18px;
                    stroke: #888da8;
                    transition: all .3s
                }

                .card.is-post .comments-wrap .card-footer .post-comment .actions .action:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .action:hover svg {
                    stroke: #3d70b2
                }

                .card.is-post .comments-wrap .card-footer .post-comment .actions .action.is-auto, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .action.is-auto {
                    margin-left: auto
                }

                .card.is-post .comments-wrap .card-footer .post-comment .actions .action.is-upload, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .action.is-upload {
                    position: relative
                }

                    .card.is-post .comments-wrap .card-footer .post-comment .actions .action.is-upload input, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .action.is-upload input {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        opacity: 0;
                        cursor: pointer
                    }

        .card.is-post .comments-wrap .card-footer .post-comment .emojionearea-scroll-area::-webkit-scrollbar, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .emojionearea-scroll-area::-webkit-scrollbar {
            width: 4px
        }

        .card.is-post .comments-wrap .card-footer .post-comment .emojionearea-scroll-area::-webkit-scrollbar-thumb, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .emojionearea-scroll-area::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background: rgba(0,0,0,.2)
        }

.card .card-body .page-block, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block, .card .card-body .add-friend-block, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 16px
}

    .card .card-body .page-block:not(:first-child), .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block:not(:first-child), .card .card-body .add-friend-block:not(:first-child), .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }

    .card .card-body .page-block img, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block img, .card .card-body .add-friend-block img, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block img, .card .card-body .page-block .image-avatar {
        height: 40px;
        width: 40px;
        max-height: 40px;
        border-radius: 50%
    }
    .card .card-body .page-block .image-avatar{
        background-size:contain;
    }
    .card .card-body .page-block .page-meta, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .page-meta, .card .card-body .add-friend-block .page-meta, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .page-meta {
        padding: 0 10px;
        line-height: 1.3
    }

        .card .card-body .page-block .page-meta span, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .page-meta span, .card .card-body .add-friend-block .page-meta span, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .page-meta span {
            display: block
        }

            .card .card-body .page-block .page-meta span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .page-meta span:first-child, .card .card-body .add-friend-block .page-meta span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .page-meta span:first-child {
                font-size: .85rem;
                color: #393a4f;
                font-weight: 500
            }

            .card .card-body .page-block .page-meta span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .page-meta span:nth-child(2), .card .card-body .add-friend-block .page-meta span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .page-meta span:nth-child(2) {
                font-size: .7rem;
                color: #757a91
            }

    .card .card-body .page-block .add-page, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-page, .card .card-body .page-block .add-friend, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-friend, .card .card-body .add-friend-block .add-page, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-page, .card .card-body .add-friend-block .add-friend, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-friend {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 36px;
        height: 36px;
        margin-left: auto;
        border-radius: 50%;
        transition: all .3s;
        cursor: pointer
    }

        .card .card-body .page-block .add-page svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-page svg, .card .card-body .page-block .add-friend svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-friend svg, .card .card-body .add-friend-block .add-page svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-page svg, .card .card-body .add-friend-block .add-friend svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-friend svg {
            width: 18px;
            height: 18px;
            stroke: #888da8;
            transition: all .3s
        }

        .card .card-body .page-block .add-page:hover, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-page:hover, .card .card-body .page-block .add-friend:hover, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-friend:hover, .card .card-body .add-friend-block .add-page:hover, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-page:hover, .card .card-body .add-friend-block .add-friend:hover, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-friend:hover {
            background: #f5f5f5
        }

            .card .card-body .page-block .add-page:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-page:hover svg, .card .card-body .page-block .add-friend:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-friend:hover svg, .card .card-body .add-friend-block .add-page:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-page:hover svg, .card .card-body .add-friend-block .add-friend:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-friend:hover svg {
                stroke: #3d70b2
            }

    .card .card-body .page-block .checkmark-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .checkmark-wrapper, .card .card-body .add-friend-block .checkmark-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .checkmark-wrapper {
        margin-left: auto;
        margin-right: 8px
    }

.card .card-body .story-block, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 16px 16px
}

    .card .card-body .story-block:not(:first-child), .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }

    .card .card-body .story-block .img-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .img-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 48px;
        width: 48px;
        max-height: 48px;
        min-width: 48px;
        border-radius: 50%;
        border: 1px solid #888da8
    }

        .card .card-body .story-block .img-wrapper img, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .img-wrapper img {
            height: 38px;
            width: 38px;
            border-radius: 50%
        }

    .card .card-body .story-block .add-story, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .add-story {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 44px;
        width: 44px;
        max-height: 44px;
        min-width: 44px;
        border-radius: 50%;
        border: 2px dashed #e8e8e8;
        transition: all .3s
    }

        .card .card-body .story-block .add-story svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .add-story svg {
            width: 18px;
            height: 18px;
            stroke: #e8e8e8
        }

        .card .card-body .story-block .add-story:hover, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .add-story:hover {
            border: 2px solid #3d70b2
        }

            .card .card-body .story-block .add-story:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .add-story:hover svg {
                stroke: #3d70b2
            }

    .card .card-body .story-block .story-meta, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .story-meta {
        padding: 0 10px
    }

        .card .card-body .story-block .story-meta span, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .story-meta span {
            display: block
        }

            .card .card-body .story-block .story-meta span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .story-meta span:first-child {
                font-size: .85rem;
                color: #393a4f;
                font-weight: 500
            }

            .card .card-body .story-block .story-meta span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .story-meta span:nth-child(2) {
                font-size: .8rem;
                color: #757a91
            }

.options-summary {
    position: relative;
    display: inline-block;
    padding-bottom: 2px;
    width: auto;
    color: #888da8;
    background: #f7f7f7;
    border-radius: 500px;
    transition: all .3s
}

    .options-summary:hover {
        background: #f2f2f2
    }

    .options-summary .tagged-friend + span small {
        display: none !important
    }

    .options-summary span {
        padding: 2px 8px
    }

        .options-summary span a {
            font-size: .8rem
        }

    .options-summary .mood-display {
        padding: 0 4px;
        cursor: pointer
    }

        .options-summary .mood-display img {
            position: relative;
            top: 2px;
            height: 14px !important;
            width: 14px !important
        }

        .options-summary .mood-display span {
            font-size: .8rem;
            color: #3d70b2;
            margin: 0 4px
        }

        .options-summary .mood-display .action-text {
            color: #393a4f;
            margin-right: 4px
        }

.tag-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
    margin-bottom: 8px
}

    .tag-list.no-margin {
        margin: 0 !important
    }

    .tag-list .tag-control {
        width: auto !important;
        padding-right: 6px;
        margin: 0 0 4px 0 !important
    }

        .tag-list .tag-control.is-spaced {
            padding: 4px
        }

        .tag-list .tag-control .is-link {
            background: #888da8 !important
        }

.is-autocomplete {
    justify-content: center
}

    .is-autocomplete.is-active, .is-autocomplete:hover {
        background: transparent !important
    }

    .is-autocomplete.is-dropup .easy-autocomplete-container {
        top: -260px !important;
        width: calc(100% - 40px);
        margin: 0 auto;
        right: 0
    }

    .is-autocomplete .control {
        margin: 0 !important;
        position: relative
    }

        .is-autocomplete .control.has-margin {
            margin-top: 8px !important
        }

        .is-autocomplete .control.is-location-wrapper input, .is-autocomplete .control.is-gif-wrapper input {
            height: 36px;
            padding-left: 36px;
            font-size: .9rem;
            box-shadow: none;
            color: #999;
            transition: all .3s
        }

            .is-autocomplete .control.is-location-wrapper input:focus, .is-autocomplete .control.is-gif-wrapper input:focus {
                border-color: #e8e8e8
            }

                .is-autocomplete .control.is-location-wrapper input:focus + .icon, .is-autocomplete .control.is-gif-wrapper input:focus + .icon {
                    color: #3d70b2
                }

        .is-autocomplete .control.is-gif-wrapper {
            position: relative
        }

            .is-autocomplete .control.is-gif-wrapper input:focus ~ .gif-dropdown {
                opacity: 1;
                pointer-events: all
            }

            .is-autocomplete .control.is-gif-wrapper .gif-dropdown {
                position: absolute;
                top: 36px;
                left: 0;
                right: 0;
                width: 100%;
                margin: 0 auto;
                height: 320px;
                overflow-y: auto;
                background: #fff;
                border: 1px solid #e8e8e8;
                border-radius: 4px;
                z-index: 40;
                opacity: 0;
                pointer-events: none;
                transition: all .3s
            }

                .is-autocomplete .control.is-gif-wrapper .gif-dropdown::-webkit-scrollbar {
                    width: 4px
                }

                .is-autocomplete .control.is-gif-wrapper .gif-dropdown::-webkit-scrollbar-thumb {
                    border-radius: 10px;
                    background: rgba(0,0,0,.2)
                }

                .is-autocomplete .control.is-gif-wrapper .gif-dropdown .inner {
                    position: relative;
                    display: flex
                }

                .is-autocomplete .control.is-gif-wrapper .gif-dropdown .gif-block {
                    display: block;
                    margin: 0 auto;
                    width: 33.3%;
                    padding: 2px
                }

                    .is-autocomplete .control.is-gif-wrapper .gif-dropdown .gif-block img {
                        display: block;
                        border-radius: 0 !important;
                        width: 100%;
                        height: auto;
                        margin-bottom: 4px
                    }

        .is-autocomplete .control .icon, .is-autocomplete .control .close-icon {
            position: absolute;
            top: 0;
            left: 0;
            height: 36px;
            width: 36px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #cecece
        }

            .is-autocomplete .control .icon svg, .is-autocomplete .control .close-icon svg {
                width: 16px;
                height: 16px;
                transition: all .3s
            }

        .is-autocomplete .control .close-icon {
            left: unset !important;
            right: 0 !important;
            cursor: pointer
        }

            .is-autocomplete .control .close-icon:hover svg {
                color: #393a4f
            }

        .is-autocomplete .control .input-block {
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            align-items: center;
            font-size: .8rem;
            color: #fafafa;
            padding: 0 10px;
            height: 36px;
            width: auto;
            border-radius: 4px 0 0 4px;
            background: #757a91;
            transition: all .3s;
            cursor: pointer
        }

            .is-autocomplete .control .input-block:hover {
                background: #83889c
            }

        .is-autocomplete .control .easy-autocomplete {
            width: 100% !important
        }

            .is-autocomplete .control .easy-autocomplete input {
                height: 36px;
                padding-left: 36px;
                font-size: .9rem;
                box-shadow: none;
                color: #999;
                transition: all .3s
            }

                .is-autocomplete .control .easy-autocomplete input.is-subactivity {
                    padding-left: 74px !important
                }

                .is-autocomplete .control .easy-autocomplete input:focus {
                    border-color: #e8e8e8
                }

                    .is-autocomplete .control .easy-autocomplete input:focus + .icon {
                        color: #3d70b2
                    }

            .is-autocomplete .control .easy-autocomplete .template-wrapper {
                display: flex !important;
                justify-content: flex-start;
                align-items: center
            }

                .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper {
                    position: relative;
                    width: 36px;
                    height: 36px
                }

                    .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper.is-smaller {
                        width: 22px !important;
                        height: 22px !important
                    }

                        .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper.is-smaller .autocpl-avatar {
                            width: 22px !important;
                            height: 22px !important
                        }

                    .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .autocpl-avatar {
                        width: 36px;
                        height: 36px;
                        border-radius: 50%
                    }

                        .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .autocpl-avatar.is-squared {
                            border-radius: 8px !important
                        }

                    .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .avatar-badge {
                        position: absolute;
                        bottom: 0;
                        right: -3px;
                        width: 18px;
                        height: 18px;
                        border: 1.4px solid #fff;
                        border-radius: 50%
                    }

                .is-autocomplete .control .easy-autocomplete .template-wrapper .icon-wrapper {
                    position: relative;
                    width: 22px;
                    height: 22px
                }

                    .is-autocomplete .control .easy-autocomplete .template-wrapper .icon-wrapper .autocpl-avatar {
                        width: 22px;
                        height: 22px;
                        border-radius: 50% !important
                    }

                .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text {
                    margin-left: 10px;
                    line-height: 1.3
                }

                    .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text span {
                        font-size: .8rem;
                        color: #757a91
                    }

                .is-autocomplete .control .easy-autocomplete .template-wrapper .next-icon {
                    margin-left: auto !important
                }

                    .is-autocomplete .control .easy-autocomplete .template-wrapper .next-icon i {
                        font-size: 20px;
                        color: #888da8
                    }

                .is-autocomplete .control .easy-autocomplete .template-wrapper .is-description {
                    font-size: .7rem
                }

                .is-autocomplete .control .easy-autocomplete .template-wrapper .right-content {
                    margin-left: auto;
                    font-size: .75rem;
                    color: #999
                }

    .is-autocomplete li {
        height: auto !important;
        padding-top: 8px;
        padding-bottom: 8px;
        border-left: none !important;
        border-right: none !important
    }

    .is-autocomplete .easy-autocomplete-container {
        overflow-y: auto;
        max-height: 200px;
        top: 120% !important;
        border: none !important;
        z-index: 10 !important
    }

        .is-autocomplete .easy-autocomplete-container ul {
            border-radius: 4px !important;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important
        }

.feed-menu-v1 .main-menu {
    padding-right: 30px
}

    .feed-menu-v1 .main-menu li {
        transition: all .3s
    }

        .feed-menu-v1 .main-menu li.is-active a {
            border-color: #3d70b2
        }

            .feed-menu-v1 .main-menu li.is-active a span {
                color: #393a4f;
                font-weight: 500
            }

            .feed-menu-v1 .main-menu li.is-active a svg {
                stroke: #393a4f
            }

            .feed-menu-v1 .main-menu li.is-active a .close-icon {
                transform: rotate(90deg);
                background: #e8e8e8
            }

                .feed-menu-v1 .main-menu li.is-active a .close-icon svg {
                    stroke: #393a4f
                }

        .feed-menu-v1 .main-menu li:hover .close-icon {
            background: #e8e8e8
        }

            .feed-menu-v1 .main-menu li:hover .close-icon svg {
                stroke: #393a4f
            }

        .feed-menu-v1 .main-menu li a {
            display: flex;
            align-items: center;
            padding: 8px 16px;
            border-left: 2px solid transparent
        }

            .feed-menu-v1 .main-menu li a span {
                display: block;
                color: #393a4f;
                font-size: .9rem;
                margin-left: 10px
            }

            .feed-menu-v1 .main-menu li a svg {
                position: relative;
                height: 18px;
                width: 18px;
                stroke: #757a91
            }

            .feed-menu-v1 .main-menu li a .close-icon {
                height: 28px;
                width: 28px;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-left: auto;
                border-radius: 50%;
                transition: all .3s
            }

                .feed-menu-v1 .main-menu li a .close-icon svg {
                    stroke: #cecece;
                    height: 16px;
                    width: 16px
                }

.feed-menu-v1 .submenu {
    padding-left: 50px;
    margin-bottom: 10px;
    display: none
}

    .feed-menu-v1 .submenu li.is-subactive a {
        color: #393a4f;
        font-weight: 500
    }

    .feed-menu-v1 .submenu li a {
        display: flex;
        align-items: center;
        padding: 6px;
        font-size: .85rem;
        color: #757a91;
        border: none !important;
        transition: color .3s
    }

        .feed-menu-v1 .submenu li a .tag {
            margin-left: auto;
            display: inherit;
            max-height: 19px;
            font-size: .75rem;
            border-radius: 100px;
            margin-right: 10px;
            background: #3d70b2;
            color: #fff !important
        }

@media(max-width: 767px) {
    .card.is-post .likers-text, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .likers-text {
        display: none
    }

    .card.is-post .post-link, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .post-link {
        flex-direction: column
    }

        .card.is-post .post-link .link-image, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .post-link .link-image {
            margin: 0 auto;
            width: 100%;
            height: 100%;
            max-height: 180px
        }

            .card.is-post .post-link .link-image > img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .post-link .link-image > img {
                width: 100% !important;
                height: 100% !important;
                max-height: 180px;
                -o-object-fit: cover;
                object-fit: cover
            }

        .card.is-post .post-link .link-content, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .post-link .link-content {
            margin-left: 0 !important;
            padding: 16px 6px
        }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
    .compose .compose-form img {
        height: 36px !important;
        width: 36px !important
    }

    .card .page-block img, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .page-block img, .card .add-friend-block img, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .add-friend-block img {
        height: 32px !important;
        width: 32px !important
    }

    .card .story-block .img-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .story-block .img-wrapper {
        height: 40px !important;
        width: 40px !important;
        max-height: 40px !important;
        min-width: 40px !important
    }

        .card .story-block .img-wrapper img, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .story-block .img-wrapper img {
            height: 32px !important;
            width: 32px !important
        }

    .card .story-block .add-story, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .story-block .add-story {
        height: 38px !important;
        width: 38px !important;
        max-height: 38px !important;
        min-width: 38px !important
    }

    .list-placeload .img {
        height: 32px !important;
        width: 32px !important;
        min-width: 32px !important
    }

    .stories-placeload .img {
        height: 38px !important;
        width: 38px !important;
        max-height: 38px !important;
        min-width: 38px !important
    }
}

.stories-list {
    padding: 20px 0;
    max-width: 980px;
    margin: 0 auto
}

    .stories-list .container-inner {
        display: flex
    }

        .stories-list .container-inner .story {
            margin: 8px;
            width: calc(10% - 16px);
            display: flex;
            justify-content: center
        }

            .stories-list .container-inner .story .story-avatar {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 60px;
                width: 60px;
                min-width: 60px;
                background: #fff;
                border-radius: 50%;
                border: 1.6px solid #cecece;
                transition: all .3s
            }

                .stories-list .container-inner .story .story-avatar:hover {
                    border-color: #3d70b2
                }

                .stories-list .container-inner .story .story-avatar .add-overlay {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    height: 50px;
                    width: 50px;
                    transform: translate(-50%, -50%);
                    border-radius: 50%;
                    background: rgba(85,150,230,.6);
                    display: flex;
                    justify-content: center;
                    align-items: center
                }

                    .stories-list .container-inner .story .story-avatar .add-overlay svg {
                        height: 15px;
                        width: 15px;
                        stroke-width: 3px;
                        stroke: #fff
                    }

                .stories-list .container-inner .story .story-avatar img {
                    display: block;
                    height: 50px;
                    width: 50px;
                    border-radius: 50%
                }

.posts-feed-wrapper {
    padding: 0 0 20px 0
}

    .posts-feed-wrapper.is-2x {
        max-width: 1040px;
        margin: 0 auto
    }

    .posts-feed-wrapper .post-feed-item {
        border: none;
        background: none !important;
        margin-bottom: .75rem
    }

        .posts-feed-wrapper .post-feed-item .card-image img {
            -o-object-fit: cover;
            object-fit: cover
        }

        .posts-feed-wrapper .post-feed-item .card-content {
            padding: 0
        }

            .posts-feed-wrapper .post-feed-item .card-content .media {
                padding: 10px 0;
                align-items: center
            }

                .posts-feed-wrapper .post-feed-item .card-content .media .media-left {
                    margin-right: .5rem
                }

                    .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar {
                        position: relative;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 44px;
                        width: 44px;
                        background: #fff;
                        border-radius: 50%;
                        border: 1.6px solid #cecece;
                        transition: all .3s
                    }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar:hover {
                            border-color: #3d70b2
                        }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar.is-smaller {
                            height: 36px;
                            width: 36px
                        }

                            .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar.is-smaller img {
                                height: 28px;
                                width: 28px;
                                min-width: 28px
                            }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar .add-overlay {
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            height: 44px;
                            width: 44px;
                            transform: translate(-50%, -50%);
                            border-radius: 50%;
                            background: rgba(85,150,230,.6);
                            display: flex;
                            justify-content: center;
                            align-items: center
                        }

                            .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar .add-overlay svg {
                                height: 15px;
                                width: 15px;
                                stroke-width: 3px;
                                stroke: #fff
                            }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar img {
                            display: block;
                            height: 36px;
                            width: 36px;
                            min-width: 36px;
                            border-radius: 50%
                        }

                .posts-feed-wrapper .post-feed-item .card-content .media .media-content {
                    line-height: 1.2
                }

                    .posts-feed-wrapper .post-feed-item .card-content .media .media-content.is-smaller span:first-child {
                        font-size: .9rem
                    }

                    .posts-feed-wrapper .post-feed-item .card-content .media .media-content.is-smaller span:nth-child(2) {
                        font-size: .75rem
                    }

                    .posts-feed-wrapper .post-feed-item .card-content .media .media-content span {
                        display: block;
                        font-family: "Roboto",sans-serif
                    }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-content span:first-child {
                            font-weight: 500;
                            color: #393a4f
                        }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-content span:nth-child(2) {
                            font-size: .85rem;
                            color: #a2a5b9
                        }

                .posts-feed-wrapper .post-feed-item .card-content .media .media-right {
                    display: flex;
                    justify-content: flex-end;
                    align-items: center
                }

                    .posts-feed-wrapper .post-feed-item .card-content .media .media-right > span {
                        font-family: "Roboto",sans-serif;
                        font-weight: 500;
                        font-size: .85rem;
                        color: #393a4f;
                        margin-right: 12px
                    }

                    .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 30px;
                        width: 30px;
                        border-radius: 50%;
                        padding: 0;
                        margin-left: 2px;
                        border-color: transparent
                    }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button.is-liked svg {
                            stroke: #f71416;
                            fill: #f71416
                        }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button:hover {
                            border-color: #e0e0e0;
                            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                        }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button svg {
                            height: 14px;
                            width: 14px
                        }

.feed-profile-wrapper {
    display: flex;
    align-items: stretch;
    padding: 30px 0;
    max-width: 1280px;
    margin: 0 auto
}

    .feed-profile-wrapper .profile-wrapper {
        width: 340px;
        padding: 0 40px
    }

        .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

            .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .button {
                width: 38px;
                height: 38px;
                padding: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 50%;
                border-color: transparent
            }

                .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .button:first-child svg {
                    position: relative;
                    left: -1px
                }

                .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .button:last-child svg {
                    position: relative;
                    right: -1px
                }

                .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .button:hover {
                    border-color: #e0e0e0;
                    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                }

                    .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .button:hover svg {
                        stroke: #393a4f
                    }

                .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .button svg {
                    width: 18px;
                    height: 18px;
                    stroke: #a2a5b9;
                    stroke-width: 3px
                }

            .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .avatar-wrap {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 74px;
                height: 74px;
                min-width: 74px;
                border: 1.4px solid #d8d8d8;
                border-radius: 50%;
                margin: 0 auto 6px auto
            }

                .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .avatar-wrap img {
                    display: block;
                    width: 58px;
                    height: 58px;
                    min-width: 58px;
                    border-radius: 50%
                }

                .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .avatar-wrap .badge {
                    position: absolute;
                    bottom: 2px;
                    right: -3px;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%;
                    border: 2px solid #fcfcfc;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: #1ce589
                }

                    .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .avatar-wrap .badge svg {
                        height: 10px;
                        width: 10px;
                        stroke: #fcfcfc;
                        stroke-width: 4px
                    }

        .feed-profile-wrapper .profile-wrapper .user-stats {
            display: flex;
            align-items: center;
            justify-content: space-around;
            padding: 20px 0
        }

            .feed-profile-wrapper .profile-wrapper .user-stats .stat-block {
                text-align: center
            }

                .feed-profile-wrapper .profile-wrapper .user-stats .stat-block span {
                    display: block
                }

                    .feed-profile-wrapper .profile-wrapper .user-stats .stat-block span:first-child {
                        text-transform: uppercase;
                        font-weight: 600;
                        font-size: 1rem;
                        color: #393a4f
                    }

                    .feed-profile-wrapper .profile-wrapper .user-stats .stat-block span:last-child {
                        font-size: .7rem;
                        color: #999
                    }

        .feed-profile-wrapper .profile-wrapper .user-bio {
            padding: 40px 0
        }

            .feed-profile-wrapper .profile-wrapper .user-bio h4 {
                font-family: "Roboto",sans-serif;
                font-weight: 500;
                font-size: .9rem;
                color: #393a4f;
                margin-bottom: 8px
            }

            .feed-profile-wrapper .profile-wrapper .user-bio p {
                font-family: "Roboto",sans-serif;
                font-size: .85rem;
                color: #a2a5b9;
                margin-bottom: 8px
            }

            .feed-profile-wrapper .profile-wrapper .user-bio a {
                font-family: "Roboto",sans-serif;
                font-weight: 500;
                font-size: .85rem;
                color: #3d70b2
            }

        .feed-profile-wrapper .profile-wrapper .connections {
            display: flex;
            flex-wrap: wrap
        }

            .feed-profile-wrapper .profile-wrapper .connections .connection {
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 8px;
                width: calc(33.3% - 16px)
            }

                .feed-profile-wrapper .profile-wrapper .connections .connection .connection-avatar {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 60px;
                    width: 60px;
                    min-width: 40px;
                    background: #fff;
                    border-radius: 50%;
                    border: 1.4px solid #cecece;
                    transition: all .3s
                }

                    .feed-profile-wrapper .profile-wrapper .connections .connection .connection-avatar:hover {
                        border-color: #3d70b2
                    }

                    .feed-profile-wrapper .profile-wrapper .connections .connection .connection-avatar img {
                        display: block;
                        height: 50px;
                        width: 50px;
                        border-radius: 50%
                    }

        .feed-profile-wrapper .profile-wrapper .more-connections {
            text-align: center;
            padding: 20px 0
        }

            .feed-profile-wrapper .profile-wrapper .more-connections a {
                font-family: "Roboto",sans-serif;
                font-weight: 500;
                font-size: .85rem;
                color: #3d70b2
            }

    .feed-profile-wrapper .posts-wrapper {
        width: calc(100% - 340px)
    }

        .feed-profile-wrapper .posts-wrapper .column {
            padding: .5rem
        }

            .feed-profile-wrapper .posts-wrapper .column .profile-post {
                margin-bottom: 0
            }

                .feed-profile-wrapper .posts-wrapper .column .profile-post img {
                    -o-object-fit: cover;
                    object-fit: cover
                }

.feed-slider-wrapper {
    position: relative;
    padding: 30px 0;
    max-width: 1280px;
    margin: 0 auto
}

    .feed-slider-wrapper .feed-slider-inner .slick-list {
        min-height: 500px;
        margin-top: 0
    }

    .feed-slider-wrapper .feed-slider-inner .slick-custom {
        position: absolute;
        top: 50%;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #393a4f;
        transition: all .3s;
        z-index: 999
    }

        .feed-slider-wrapper .feed-slider-inner .slick-custom i {
            position: relative;
            font-size: 3.6rem;
            color: #a2a5b9;
            transition: color .3s
        }

        .feed-slider-wrapper .feed-slider-inner .slick-custom:hover i {
            color: #393a4f
        }

        .feed-slider-wrapper .feed-slider-inner .slick-custom.is-prev {
            left: -30px
        }

            .feed-slider-wrapper .feed-slider-inner .slick-custom.is-prev i {
                right: 2px
            }

        .feed-slider-wrapper .feed-slider-inner .slick-custom.is-next {
            right: -30px
        }

            .feed-slider-wrapper .feed-slider-inner .slick-custom.is-next i {
                left: 2px
            }

    .feed-slider-wrapper .feed-slider-inner .feed-slider-item {
        border: none;
        margin-bottom: .75rem;
        margin: 60px 20px 20px 20px;
        filter: grayscale(1);
        opacity: .6;
        outline: none !important;
        transition: all .3s
    }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item.slick-center {
            filter: grayscale(0);
            opacity: 1;
            transform: scale(1.4);
            z-index: 9999
        }

            .feed-slider-wrapper .feed-slider-inner .feed-slider-item.slick-center .card-content .media, .feed-slider-wrapper .feed-slider-inner .feed-slider-item.slick-center .card-content .liked-by, .feed-slider-wrapper .feed-slider-inner .feed-slider-item.slick-center .card-header .media, .feed-slider-wrapper .feed-slider-inner .feed-slider-item.slick-center .card-header .liked-by {
                opacity: 1;
                pointer-events: all
            }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-image img {
            -o-object-fit: cover;
            object-fit: cover
        }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header {
            padding: 0;
            box-shadow: none
        }

            .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media {
                width: 100%;
                padding: 10px 0;
                align-items: center;
                margin-bottom: 0;
                opacity: 0;
                pointer-events: none;
                transition: all .3s
            }

                .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-left, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left {
                    margin-right: .5rem
                }

                    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-left .post-avatar, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left .post-avatar {
                        position: relative;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 36px;
                        width: 36px;
                        background: #fff;
                        border-radius: 50%;
                        border: 1.2px solid #cecece;
                        transition: all .3s
                    }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-left .post-avatar:hover, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left .post-avatar:hover {
                            border-color: #3d70b2
                        }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-left .post-avatar img, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left .post-avatar img {
                            display: block;
                            height: 28px;
                            width: 28px;
                            min-width: 28px;
                            border-radius: 50%
                        }

                .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-content, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content {
                    line-height: 1.2
                }

                    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-content span, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content span {
                        display: block;
                        font-family: "Roboto",sans-serif
                    }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-content span:first-child, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content span:first-child {
                            font-weight: 500;
                            font-size: .75rem;
                            color: #393a4f
                        }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-content span:nth-child(2), .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content span:nth-child(2) {
                            font-size: .55rem;
                            color: #a2a5b9
                        }

                .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-right, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right {
                    display: flex;
                    justify-content: flex-end;
                    align-items: center
                }

                    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-right > span, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right > span {
                        font-family: "Roboto",sans-serif;
                        font-weight: 500;
                        font-size: .65rem;
                        color: #393a4f;
                        margin-right: 12px
                    }

                    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-right .button, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 24px;
                        width: 24px;
                        border-radius: 50%;
                        padding: 0;
                        margin-left: 2px;
                        border-color: transparent
                    }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-right .button.is-liked svg, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button.is-liked svg {
                            stroke: #f71416;
                            fill: #f71416
                        }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-right .button:hover, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button:hover {
                            border-color: #e0e0e0;
                            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                        }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-right .button svg, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button svg {
                            height: 10px;
                            width: 10px
                        }

            .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .liked-by, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .liked-by {
                display: flex;
                align-items: center;
                padding: 6px 0;
                opacity: 0;
                pointer-events: none;
                transition: all .3s
            }

                .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .liked-by img, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .liked-by img {
                    display: block;
                    height: 20px;
                    width: 20px;
                    border-radius: 50%
                }

                .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .liked-by > span, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .liked-by > span {
                    display: block;
                    font-family: "Roboto",sans-serif;
                    font-size: .6rem;
                    margin-left: 8px;
                    color: #a2a5b9
                }

                    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .liked-by > span span, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .liked-by > span span {
                        color: #393a4f;
                        font-weight: 500
                    }

@media only screen and (max-width: 767px) {
    .stories-list {
        max-width: 100%;
        width: 100%;
        margin: 0
    }

        .stories-list .container-inner {
            overflow-x: auto
        }

            .stories-list .container-inner .story {
                min-width: 60px
            }

    .posts-feed-wrapper .post-feed-item .card-content .media .media-right > span {
        display: none
    }

    .feed-profile-wrapper {
        flex-direction: column
    }

        .feed-profile-wrapper .profile-wrapper, .feed-profile-wrapper .posts-wrapper {
            width: 100%
        }

    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media {
        flex-direction: column
    }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left {
            margin: 0 0 10px 0
        }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content {
            text-align: center
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media {
        flex-direction: column
    }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left {
            margin: 0 0 10px 0
        }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content {
            text-align: center
        }

    .feed-slider-wrapper .feed-slider-inner .slick-custom {
        display: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .feed-profile-wrapper .profile-wrapper {
        width: 280px;
        padding: 0 30px
    }

    .feed-profile-wrapper .posts-wrapper {
        width: calc(100% - 280px)
    }

    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right > span {
        display: none
    }

    .feed-slider-wrapper .feed-slider-inner .slick-custom {
        top: 42%
    }

        .feed-slider-wrapper .feed-slider-inner .slick-custom i {
            position: relative;
            font-size: 3rem;
            color: #a2a5b9;
            transition: color .3s
        }

        .feed-slider-wrapper .feed-slider-inner .slick-custom:hover i {
            color: #393a4f
        }

        .feed-slider-wrapper .feed-slider-inner .slick-custom.is-prev {
            left: -10px
        }

            .feed-slider-wrapper .feed-slider-inner .slick-custom.is-prev i {
                right: 2px
            }

        .feed-slider-wrapper .feed-slider-inner .slick-custom.is-next {
            right: -10px
        }

            .feed-slider-wrapper .feed-slider-inner .slick-custom.is-next i {
                left: 2px
            }
}

.inbox-wrapper .inbox-wrapper-inner {
    position: relative;
    width: 100%;
    height: 100%
}

    .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 16%;
        background: #f4f4f4 !important;
        border-right: 1px solid #dbdbdb;
        z-index: 1;
        transition: all .3s
    }

        .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner {
            width: 100%;
            height: 100%
        }

            .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .compose {
                padding: 0 20px;
                min-height: 60px;
                display: flex;
                align-items: center
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .compose .button {
                    height: 40px
                }

            .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .left-menu {
                padding: 10px 0
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .left-menu a {
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    margin: 0 20px;
                    padding: 10px;
                    color: #aaa;
                    font-size: .95rem;
                    border-radius: 4px
                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .left-menu a.is-active {
                        background-color: #3d70b2;
                        color: #fafafa;
                        box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
                    }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .left-menu a span {
                        display: block;
                        margin-left: 10px
                    }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .left-menu a svg {
                        height: 18px;
                        width: 18px
                    }

            .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .close-menu {
                padding: 20px 50px;
                text-align: center
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .close-menu a {
                    display: flex;
                    align-items: center;
                    color: #999;
                    cursor: pointer
                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .close-menu a svg {
                        height: 20px;
                        width: 20px;
                        margin-right: 4px
                    }

    .inbox-wrapper .inbox-wrapper-inner .inbox-center-container {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: #fff;
        transition: all .3s
    }

        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container.is-left-opened {
            width: calc(100% - 280px);
            left: 280px
        }

        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container.is-both-opened {
            width: 34%;
            left: 16%;
            right: 50%
        }

        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner {
            position: relative;
            width: 100%;
            height: 100%
        }

            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .messages {
                display: block;
                background-color: #fff
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .messages .action-buttons {
                    min-height: 60px;
                    display: flex;
                    align-items: center;
                    padding: 0 20px;
                    border-bottom: 1px solid #e8e8e8
                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .messages .action-buttons .button {
                        max-height: 32px;
                        padding: 4px 8px
                    }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .messages .action-buttons .button svg {
                            height: 16px;
                            width: 16px;
                            stroke: #888da8
                        }

            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .message-count {
                font-size: .9rem;
                color: #999;
                margin-left: 12px
            }

            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages {
                position: absolute;
                top: 0;
                left: 0;
                margin-top: 60px;
                height: calc(100% - 60px);
                max-height: calc(100% - 60px);
                overflow-y: auto
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner {
                    padding: 20px
                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .message {
                        display: block;
                        background-color: #fff
                    }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card {
                        width: 100%;
                        cursor: pointer;
                        transition: all .3s
                    }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card.is-active, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .is-active.summary-card, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-active.summary-card {
                            background-color: #fcfcfc;
                            box-shadow: 0px 5px 18px rgba(0,0,0,.11) !important
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card.is-active .msg-from a, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .is-active.summary-card .msg-from a, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-active.summary-card .msg-from a {
                                color: #3d70b2
                            }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card.is-active .msg-attachment svg, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .is-active.summary-card .msg-attachment svg, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-active.summary-card .msg-attachment svg {
                                stroke: #3d70b2
                            }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card.has-attachment .msg-attachment svg, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .has-attachment.summary-card .msg-attachment svg, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .has-attachment.summary-card .msg-attachment svg {
                            display: block;
                            transition: stroke .3s
                        }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-from, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-from, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-from {
                            color: #999
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-from a, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-from a, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-from a {
                                font-weight: 500;
                                color: #999;
                                transition: color .3s
                            }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-timestamp, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-timestamp, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-timestamp {
                            float: right;
                            padding: 0 20px;
                            color: #999;
                            font-size: .9rem
                        }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-attachment, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-attachment, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-attachment {
                            float: right
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-attachment svg, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-attachment svg, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-attachment svg {
                                display: none;
                                height: 16px;
                                width: 16px;
                                stroke: #999
                            }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-subject, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-subject, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-subject {
                            display: flex;
                            align-items: center;
                            padding: 10px 0
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-subject span, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-subject span, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-subject span {
                                display: block;
                                font-family: "Montserrat",sans-serif;
                                font-weight: 600;
                                font-size: .9rem;
                                color: #393a4f;
                                margin: 0 4px
                            }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-subject svg, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-subject svg, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-subject svg {
                                position: relative;
                                top: -1px;
                                height: 16px;
                                width: 16px;
                                stroke: #999;
                                fill: none;
                                cursor: pointer;
                                transform: rotate(0);
                                transition: all .3s
                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-subject svg.is-active, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-subject svg.is-active, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-subject svg.is-active {
                                    transform: rotate(360deg);
                                    stroke: #3d70b2;
                                    fill: #3d70b2
                                }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-snippet, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-snippet, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-snippet {
                            color: #999;
                            font-size: .9rem;
                            padding-right: 20px
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-snippet p, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-snippet p, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-snippet p {
                                overflow: hidden;
                                position: relative;
                                line-height: 1.2em;
                                max-height: 2.4em;
                                text-align: justify;
                                margin-right: -1em;
                                padding-right: 1em
                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-snippet p:before, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-snippet p:before, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-snippet p:before {
                                    content: "...";
                                    position: absolute;
                                    right: 0;
                                    bottom: 0
                                }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-snippet p:after, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-snippet p:after, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-snippet p:after {
                                    content: "";
                                    position: absolute;
                                    right: 0;
                                    width: 1em;
                                    height: 1em;
                                    margin-top: .2em;
                                    background: #fff
                                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner strong {
                        color: #5d5d5d
                    }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .msg-check {
                        padding: 0 20px
                    }

    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 50%;
        background: #fff;
        transition: all .3s;
        border-left: 1px solid #dbdbdb
    }

        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner {
            position: relative;
            height: 100%;
            width: 100%
        }

            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-head .action-buttons {
                min-height: 60px;
                display: flex;
                align-items: center;
                padding: 0 20px;
                border-bottom: 1px solid #e8e8e8
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-head .action-buttons .button {
                    max-height: 32px;
                    padding: 4px 8px
                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-head .action-buttons .button svg {
                        height: 16px;
                        width: 16px;
                        stroke: #888da8
                    }

            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body {
                position: absolute;
                top: 0;
                left: 0;
                margin-top: 60px;
                height: calc(100% - 60px);
                max-height: calc(100% - 60px);
                width: 100%;
                overflow-y: auto;
                border-left: none;
                padding: 1.25em !important
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner {
                    position: relative;
                    width: 100%;
                    height: 100%;
                    display: none;
                    transition: all .3s;
                    animation-name: fadeInLeft;
                    animation-duration: .5s
                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner.is-active {
                        display: block
                    }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview-transition.is-first {
                        margin-top: -36px !important
                    }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview-transition .mail {
                        position: relative;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        margin: 60px auto;
                        height: 40px;
                        width: 40px;
                        border-radius: 50%;
                        color: #fff;
                        border: 1px solid #ccc
                    }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview-transition .mail:before {
                            content: "";
                            position: absolute;
                            top: -30px;
                            left: 0;
                            right: 0;
                            height: 1px;
                            width: 40px;
                            background: #888da8;
                            transform: rotate(90deg)
                        }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview-transition .mail:after {
                            content: "";
                            position: absolute;
                            bottom: -30px;
                            left: 0;
                            right: 0;
                            height: 1px;
                            width: 40px;
                            background: #888da8;
                            transform: rotate(90deg)
                        }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview-transition .mail svg {
                            width: 20px;
                            height: 20px;
                            stroke: #888da8
                        }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview {
                        margin: 0 0 20px 0;
                        padding: 30px;
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
                        border: 1px solid #e8e8e8
                    }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .avatar {
                            display: flex;
                            justify-content: center;
                            align-items: center
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .avatar img {
                                width: 48px;
                                border-radius: 50px;
                                border: 2px solid #999;
                                padding: 2px
                            }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header {
                            display: flex;
                            align-items: center
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta {
                                display: block;
                                padding: 0 20px
                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta .name {
                                    font-weight: 500;
                                    color: #393a4f
                                }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta .date {
                                    font-size: .9rem;
                                    color: #999
                                }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta-right {
                                text-align: right;
                                margin-left: auto
                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta-right .tag {
                                    font-weight: 500;
                                    background: #f7f7f7;
                                    color: #393a4f
                                }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta-right svg {
                                    position: relative;
                                    top: 2px;
                                    height: 16px;
                                    width: 16px;
                                    stroke: #cecece
                                }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta-right small {
                                    color: #999;
                                    font-size: .95rem
                                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments {
                        padding-bottom: 40px
                    }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-header .paperclip {
                            position: relative;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            margin: 60px auto;
                            height: 40px;
                            width: 40px;
                            border-radius: 50%;
                            color: #fff;
                            border: 1px solid #ccc
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-header .paperclip:before {
                                content: "";
                                position: absolute;
                                top: -30px;
                                left: 0;
                                right: 0;
                                height: 1px;
                                width: 40px;
                                background: #888da8;
                                transform: rotate(90deg)
                            }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-header .paperclip:after {
                                content: "";
                                position: absolute;
                                bottom: -30px;
                                left: 0;
                                right: 0;
                                height: 1px;
                                width: 40px;
                                background: #888da8;
                                transform: rotate(90deg)
                            }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-header .paperclip svg {
                                width: 20px;
                                height: 20px;
                                stroke: #888da8
                            }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner {
                            display: flex;
                            flex-wrap: wrap;
                            max-width: 380px;
                            margin: 0 auto
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box {
                                width: calc(50% - 20px);
                                margin: 0 10px 16px 10px;
                                padding: 0;
                                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
                                border: 1px solid #e8e8e8;
                                border-radius: 4px
                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file {
                                    justify-content: center;
                                    align-items: center
                                }

                                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .box-inner {
                                        text-align: center;
                                        padding: 22px 12px
                                    }

                                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .box-inner svg {
                                            stroke-width: 1.2px
                                        }

                                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .box-inner h5 {
                                            font-weight: 500;
                                            font-size: .9rem;
                                            overflow: hidden;
                                            text-overflow: ellipsis
                                        }

                                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .actions-group {
                                        display: flex;
                                        border-top: 1px solid #e8e8e8
                                    }

                                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .actions-group .action {
                                            width: 50%;
                                            height: 34px;
                                            display: flex;
                                            justify-content: center;
                                            align-items: center;
                                            transition: all .3s
                                        }

                                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .actions-group .action:first-child {
                                                border-right: 1px solid #e8e8e8
                                            }

                                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .actions-group .action:hover {
                                                background: #fafafa
                                            }

                                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .actions-group .action:hover svg {
                                                    stroke: #393a4f
                                                }

                                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .actions-group .action svg {
                                                height: 18px;
                                                width: 18px;
                                                stroke: #888da8;
                                                transition: stroke .3s
                                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box img {
                                    display: block;
                                    border-radius: 2px
                                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper {
                        padding: 40px
                    }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-title {
                            font-size: 1.1rem;
                            color: #393a4f;
                            font-weight: 500;
                            margin-bottom: 20px;
                            display: flex;
                            align-items: center
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-title svg {
                                height: 18px;
                                width: 18px;
                                stroke: #999;
                                margin-left: 8px;
                                cursor: pointer
                            }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner {
                            width: 100%;
                            border: 1px solid #e8e8e8;
                            border-radius: 4px;
                            padding: 30px;
                            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .flex-form {
                                display: flex
                            }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner img {
                                margin-top: 2px;
                                height: 44px;
                                width: 44px;
                                border-radius: 50%
                            }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .control {
                                position: relative;
                                width: 100%;
                                margin-left: 10px
                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .control .textarea {
                                    border: none !important;
                                    margin-bottom: 20px
                                }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .control .reply-textarea {
                                    margin-bottom: 20px;
                                    min-height: 120px
                                }

                                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .control .reply-textarea p {
                                        font-style: normal;
                                        font-size: 1rem;
                                        font-family: "Roboto",sans-serif
                                    }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .control .ql-editor::before {
                                    font-style: normal;
                                    font-size: 1rem;
                                    color: #cecece
                                }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .send-message {
                                line-height: 0
                            }

.action-buttons .control.is-grouped {
    display: inline-block;
    margin-right: 16px
}

    .action-buttons .control.is-grouped:last-child {
        margin-right: 0
    }

    .action-buttons .control.is-grouped .button {
        margin-right: -5px;
        border-radius: 0;
        background: #fff;
        transition: all .3s
    }

        .action-buttons .control.is-grouped .button:first-child {
            border-radius: 5px 0 0 5px
        }

        .action-buttons .control.is-grouped .button:last-child {
            border-radius: 0 5px 5px 0
        }

        .action-buttons .control.is-grouped .button:hover {
            background: #f5f5f5
        }

        .action-buttons .control.is-grouped .button.is-solo {
            border-radius: 5px !important
        }

        .action-buttons .control.is-grouped .button svg {
            transition: all .3s
        }

@media only screen and (max-width: 1300px) {
    .inbox-wrapper .message-count {
        display: none
    }
}

@media(max-width: 767px) {
    .inbox-wrapper {
        overflow: hidden
    }

        .inbox-wrapper .action-buttons .is-grouped {
            margin-right: 0 !important;
            margin-bottom: 0 !important
        }

        .inbox-wrapper .inbox-message-container {
            width: 100% !important;
            transform: translateX(100%)
        }

            .inbox-wrapper .inbox-message-container.is-opened-mobile {
                transform: translateX(0)
            }

            .inbox-wrapper .inbox-message-container .message-body {
                padding: 1.25em .5em !important
            }

                .inbox-wrapper .inbox-message-container .message-body .message-preview .header {
                    flex-direction: column !important;
                    text-align: center !important
                }

                    .inbox-wrapper .inbox-message-container .message-body .message-preview .header .meta-right {
                        margin: 10px 0 !important;
                        text-align: center !important
                    }

            .inbox-wrapper .inbox-message-container .action-buttons .is-grouped.is-hidden-landscape {
                margin-left: auto !important
            }

        .inbox-wrapper .inbox-center-container {
            width: 100% !important;
            left: 0 !important
        }

            .inbox-wrapper .inbox-center-container .action-buttons {
                padding: 10px 20px !important
            }

                .inbox-wrapper .inbox-center-container .action-buttons .is-grouped.is-hidden-landscape {
                    margin-right: auto !important
                }

        .inbox-wrapper .reply-wrapper {
            padding: 20px 10px !important
        }

            .inbox-wrapper .reply-wrapper .reply-wrapper-inner {
                padding: 10px !important
            }

    .inbox-left-sidebar {
        width: 260px !important;
        transform: translateX(-260px)
    }

        .inbox-left-sidebar.is-opened-mobile {
            transform: translateX(0)
        }

        .inbox-left-sidebar .inbox-left-sidebar-inner .close-menu {
            padding: 0 30px !important
        }

    .is-vhidden {
        display: none !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .inbox-wrapper {
        overflow: hidden
    }

    .inbox-left-sidebar {
        width: 260px !important;
        transform: translateX(-260px)
    }

        .inbox-left-sidebar.is-opened-mobile {
            transform: translateX(0)
        }

    .inbox-center-container {
        width: 100% !important;
        left: 0 !important
    }

        .inbox-center-container .action-buttons {
            padding: 10px 20px !important
        }

    .inbox-message-container {
        width: 100% !important;
        transform: translateX(100%)
    }

        .inbox-message-container.is-opened-mobile {
            transform: translateX(0)
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .inbox-left-sidebar {
        width: 21% !important
    }

        .inbox-left-sidebar .compose {
            padding: 20px 10px !important
        }

        .inbox-left-sidebar .left-menu a {
            margin: 0 10px !important;
            padding: 10px !important
        }

    .inbox-message-container {
        width: 45% !important
    }

        .inbox-message-container .inbox-message-container-inner .message-body {
            padding: 1.25em !important
        }

            .inbox-message-container .inbox-message-container-inner .message-body .message-preview {
                padding: 20px !important
            }

    .inbox-center-container {
        left: 21% !important
    }

        .inbox-center-container .action-buttons .is-grouped.is-arrows {
            display: none !important
        }

    .reply-wrapper {
        padding: 20px 0 !important
    }

        .reply-wrapper .reply-wrapper-inner {
            padding: 10px !important
        }

    .action-buttons .button {
        margin-bottom: 4px !important
    }
}

.cover-bg {
    position: relative;
    min-height: 200px;
}

    .cover-bg:hover .cover-overlay {
        background: rgba(57,58,79,.5)
    }

    .cover-bg:hover .cover-edit, .cover-bg:hover .page-delete {
        border-color: #fcfcfc;
        background: rgba(252,252,252,.1)
    }

        .cover-bg:hover .cover-edit i {
            transform: scale(1)
        }

        .cover-bg:hover .cover-edit span, .cover-bg:hover .page-delete span {
            opacity: 1
        }

    .cover-bg .cover-image {
        display: block;
        border-radius: 3px;
        -o-object-position: top;
        object-position: top;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        max-height: 328px
    }

    .cover-bg .avatar {
        position: absolute;
        bottom: -50px;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 110px;
        width: 110px;
        border-radius: 50%;
        z-index: 1
    }

        .cover-bg .avatar .avatar-image {
            position: relative;
            -o-object-fit: cover;
            object-fit: cover;
            height: 110px;
            width: 110px;
            border-radius: 50%;
            box-shadow: 0px 15px 32px rgba(0,0,0,.18) !important;
            z-index: 1
        }

        .cover-bg .avatar .avatar-button {
            position: absolute;
            bottom: 0;
            right: 0;
            height: 34px;
            width: 34px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #3d70b2;
            box-shadow: 0 14px 26px -12px rgba(61,112,178,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(61,112,178,.2) !important;
            transform: rotate(0);
            transition: all .3s;
            cursor: pointer;
            z-index: 1
        }

            .cover-bg .avatar .avatar-button:hover {
                background: #4c7fc2
            }

            .cover-bg .avatar .avatar-button.is-active {
                transform: rotate(135deg)
            }

            .cover-bg .avatar .avatar-button svg {
                height: 18px;
                width: 18px;
                stroke: #fcfcfc
            }

        .cover-bg .avatar .pop-button {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            margin: 0 auto;
            height: 34px;
            width: 34px;
            border-radius: 50%;
            background: #fff;
            box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important;
            z-index: 0;
            transform: translate(0, 10px) rotate(260deg);
            transition: all .3s;
            cursor: pointer
        }

            .cover-bg .avatar .pop-button .inner {
                position: relative;
                height: 100%;
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center
            }

            .cover-bg .avatar .pop-button.pop-shift .inactive-icon {
                display: block
            }

            .cover-bg .avatar .pop-button.pop-shift .active-icon {
                display: none
            }

            .cover-bg .avatar .pop-button.pop-shift.is-shifted .inactive-icon {
                display: none
            }

            .cover-bg .avatar .pop-button.pop-shift.is-shifted .active-icon {
                display: block
            }

            .cover-bg .avatar .pop-button.is-center, .cover-bg .avatar .pop-button.is-far-right, .cover-bg .avatar .pop-button.is-left, .cover-bg .avatar .pop-button.is-far-left {
                background: #fff;
                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
            }

                .cover-bg .avatar .pop-button.is-center:hover, .cover-bg .avatar .pop-button.is-far-right:hover, .cover-bg .avatar .pop-button.is-left:hover, .cover-bg .avatar .pop-button.is-far-left:hover {
                    background: #3d70b2;
                    box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
                }

                    .cover-bg .avatar .pop-button.is-center:hover svg, .cover-bg .avatar .pop-button.is-far-right:hover svg, .cover-bg .avatar .pop-button.is-left:hover svg, .cover-bg .avatar .pop-button.is-far-left:hover svg {
                        stroke: #fafafa
                    }

                .cover-bg .avatar .pop-button.is-center svg, .cover-bg .avatar .pop-button.is-far-right svg, .cover-bg .avatar .pop-button.is-left svg, .cover-bg .avatar .pop-button.is-far-left svg {
                    stroke: #757a91
                }

            .cover-bg .avatar .pop-button.is-right {
                background: #3d70b2;
                box-shadow: 0 14px 26px -12px rgba(61,112,178,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(61,112,178,.2) !important
            }

                .cover-bg .avatar .pop-button.is-right svg {
                    stroke: #fafafa
                }

            .cover-bg .avatar .pop-button.is-active.is-far-left {
                transform: translate(-240%, 30%) rotate(0)
            }

            .cover-bg .avatar .pop-button.is-active.is-left {
                transform: translate(-160%, -110%) rotate(0)
            }

            .cover-bg .avatar .pop-button.is-active.is-center {
                transform: translate(0, -170%) rotate(0)
            }

            .cover-bg .avatar .pop-button.is-active.is-right {
                transform: translate(160%, -110%) rotate(0)
            }

            .cover-bg .avatar .pop-button.is-active.is-far-right {
                transform: translate(240%, 30%) rotate(0)
            }

            .cover-bg .avatar .pop-button svg {
                height: 18px;
                width: 18px;
                stroke: #757a91;
                transition: all .3s
            }

    .cover-bg .cover-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 1px;
        background: rgba(57,58,79,.18);
        z-index: 0;
        transition: all .3s
    }

    .cover-bg .cover-edit {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        display: flex;
        align-items: center;
        margin: 10px;
        padding: 2px 8px;
        border: 1.4px solid transparent;
        border-radius: 3px;
        background: transparent;
        cursor: pointer;
        transition: all .3s
    }

        .cover-bg .cover-edit i {
            font-size: 20px;
            color: #fcfcfc;
            transition: all .3s;
            transform: scale(1.2)
        }

        .cover-bg .cover-edit span {
            opacity: 0;
            display: block;
            color: #fcfcfc;
            font-weight: 400;
            font-size: .85rem;
            margin: 0 10px;
            transition: all .3s
        }

    .cover-bg .page-delete {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        display: flex;
        align-items: center;
        margin: 10px;
        padding: 2px 8px;
        border: 1.4px solid transparent;
        border-radius: 3px;
        background: transparent;
        cursor: pointer;
        transition: all .3s
    }

    .cover-bg .page-delete i {
        font-size: 20px;
        color: #fcfcfc;
        transition: all .3s;
        transform: scale(1.2)
    }

    .cover-bg .page-delete span {
        opacity: 0;
        display: block;
        color: #fcfcfc;
        font-weight: 400;
        font-size: .85rem;
        margin: 0 10px;
        transition: all .3s
    }

    .cover-bg .timeline-mobile-dropdown {
        position: absolute;
        top: 10px;
        right: 10px
    }

        .cover-bg .timeline-mobile-dropdown div > .button {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 38px;
            height: 38px;
            background: transparent;
            border-radius: 50%;
            border: 1.4px solid #fff;
            padding: 0
        }

            .cover-bg .timeline-mobile-dropdown div > .button svg {
                height: 20px;
                width: 20px;
                stroke: #fff
            }

.profile-menu {
    min-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0 0 0
}

    .profile-menu .button {
        font-size: .9rem;
        padding: 20px 22px;
        background: #fcfcfc;
        color: #999
    }

        .profile-menu .button.is-active {
            background: #3d70b2;
            border-color: #3d70b2;
            color: #fcfcfc;
            box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
        }

        .profile-menu .button.has-min-width {
            width: 140px
        }

    .profile-menu .dropdown > .button svg {
        height: 20px;
        width: 20px
    }

.profile-subheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0
}

    .profile-subheader .subheader-start, .profile-subheader .subheader-end {
        width: 25%
    }

        .profile-subheader .subheader-start svg {
            height: 18px;
            width: 18px;
            stroke: #3d70b2;
            display: none
        }

        .profile-subheader .subheader-start span {
            display: block;
            font-weight: 500
        }

            .profile-subheader .subheader-start span:first-child, .menu-start .friends-number {
                font-size: 1.6rem;
                font-family: "Montserrat",sans-serif;
                font-weight: bold;
                color: #393a4f;
                line-height: 1.2
            }

            .profile-subheader .subheader-start span:nth-child(2), .menu-start .friends-text {
                text-transform: uppercase;
                font-size: .7rem;
                font-weight: 500;
                color: #999
            }

    .profile-subheader .subheader-end {
        text-align: right
    }

    .profile-subheader .subheader-middle {
        text-align: center
    }

        .profile-subheader .subheader-middle h2 {
            font-size: 1.4rem;
            font-weight: 600;
            color: #393a4f;
            line-height: 1.2
        }

        .profile-subheader .subheader-middle span {
            display: block;
            font-size: .9rem;
            color: #999
        }

.box-heading {
    width: 100%;
    padding: 8px;
    border-radius: .75rem;
    border: 1px solid #e8e8e8;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .box-heading h4 {
        font-weight: 500;
        padding: 0 6px
    }

    .box-heading .heading-search {
        position: relative;
        margin-left: 10px
    }

        .box-heading .heading-search input {
            padding-left: 38px
        }

            .box-heading .heading-search input:focus + .search-icon svg {
                stroke: #3d70b2
            }

        .box-heading .heading-search .search-icon {
            position: absolute;
            top: 0;
            left: 2px;
            height: 36px;
            width: 36px;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .box-heading .heading-search .search-icon svg {
                height: 16px;
                width: 16px;
                stroke: #cecece;
                transition: stroke .3s
            }

    .box-heading .dropdown.photos-dropdown.is-active div > .button svg, .box-heading .dropdown.friends-dropdown.is-active div > .button svg {
        transform: rotate(180deg)
    }

    .box-heading .dropdown.photos-dropdown div > .button, .box-heading .dropdown.friends-dropdown div > .button {
        width: auto !important;
        padding: 0 8px 0 12px;
        height: 34px;
        min-width: 110px;
        background: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 100px
    }

        .box-heading .dropdown.photos-dropdown div > .button svg, .box-heading .dropdown.friends-dropdown div > .button svg {
            height: 16px;
            width: 16px;
            stroke: #393a4f;
            transition: all .3s
        }

    .box-heading .dropdown.photos-dropdown .dropdown-menu, .box-heading .dropdown.friends-dropdown .dropdown-menu {
        margin-top: 6px
    }

    .box-heading .dropdown .button {
        width: 38px !important;
        height: 38px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        border-color: transparent
    }

        .box-heading .dropdown .button svg {
            height: 20px;
            width: 20px;
            stroke: #888da8
        }

    .box-heading .button-wrap .button {
        line-height: 0;
        width: 90px;
        font-weight: 500
    }

        .box-heading .button-wrap .button.is-active {
            color: #3d70b2;
            border-color: #3d70b2
        }

.profile-timeline {
    padding: 10px 0
}

    .profile-timeline .profile-post {
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        margin-bottom: 30px
    }

        .profile-timeline .profile-post.is-simple .post-actions {
            flex-direction: row-reverse !important
        }

        .profile-timeline .profile-post .time {
            padding-right: 30px;
            position: relative
        }

            .profile-timeline .profile-post .time .img-container {
                height: 48px;
                width: 48px;
                border-radius: 50%;
                background: #fff;
                display: flex;
                justify-content: center;
                align-items: center
            }

                .profile-timeline .profile-post .time .img-container:after {
                    content: "";
                    position: absolute;
                    top: 60px;
                    left: 24px;
                    width: 1.4px;
                    height: calc(100% - 30px);
                    background: #e5e5e5
                }

                .profile-timeline .profile-post .time .img-container img {
                    display: block;
                    height: 44px;
                    width: 44px;
                    min-width: 44px;
                    border-radius: 50%
                }

        .profile-timeline .profile-post .is-post {
            margin-bottom: 0;
            width: 100%
        }

.basic-infos-wrapper {
    padding-top: 10px
}

    .basic-infos-wrapper .is-profile-info .info-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 16px
    }

        .basic-infos-wrapper .is-profile-info .info-row:not(:last-child) {
            border-bottom: 1px solid #e8e8e8
        }

        .basic-infos-wrapper .is-profile-info .info-row span, .basic-infos-wrapper .is-profile-info .info-row a {
            display: block
        }

        .basic-infos-wrapper .is-profile-info .info-row span {
            font-size: .85rem;
            font-weight: 500;
            color: #393a4f
        }

        .basic-infos-wrapper .is-profile-info .info-row a {
            font-size: .9rem;
            font-weight: 400;
            color: #999
        }

        .basic-infos-wrapper .is-profile-info .info-row i {
            font-size: 20px;
            color: #cecece;
            margin: 0 4px
        }

    .basic-infos-wrapper .is-community, .basic-infos-wrapper .is-about {
        padding: 16px
    }

        .basic-infos-wrapper .is-community h4, .basic-infos-wrapper .is-about h4 {
            margin-bottom: 16px;
            color: #999
        }

        .basic-infos-wrapper .is-community .flex-block, .basic-infos-wrapper .is-about .flex-block {
            display: flex;
            align-items: center;
            margin: 16px 0
        }

            .basic-infos-wrapper .is-community .flex-block a, .basic-infos-wrapper .is-about .flex-block a {
                color: #393a4f;
                font-weight: 500
            }

                .basic-infos-wrapper .is-community .flex-block a:hover, .basic-infos-wrapper .is-about .flex-block a:hover {
                    color: #3d70b2
                }

            .basic-infos-wrapper .is-community .flex-block p, .basic-infos-wrapper .is-about .flex-block p {
                font-size: .8rem;
                margin-left: 12px
            }

            .basic-infos-wrapper .is-community .flex-block svg, .basic-infos-wrapper .is-about .flex-block svg {
                height: 16px;
                width: 16px
            }

    .basic-infos-wrapper .is-friendkit {
        padding: 16px
    }

        .basic-infos-wrapper .is-friendkit .title-wrap {
            display: flex;
            align-items: center;
            margin-bottom: 16px
        }

            .basic-infos-wrapper .is-friendkit .title-wrap img {
                display: block;
                max-width: 30px
            }

            .basic-infos-wrapper .is-friendkit .title-wrap h4 {
                color: #999
            }

        .basic-infos-wrapper .is-friendkit p {
            font-size: .8rem
        }

        .basic-infos-wrapper .is-friendkit .created {
            display: flex;
            align-items: center;
            margin-top: 16px
        }

            .basic-infos-wrapper .is-friendkit .created svg {
                height: 16px;
                width: 16px;
                stroke: #999;
                margin-right: 8px
            }

            .basic-infos-wrapper .is-friendkit .created span {
                display: block;
                color: #999;
                font-size: .8rem
            }

.is-photos-widget {
    padding: 10px 0 20px 0;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap
}

    .is-photos-widget img {
        display: block;
        width: calc(25% - 6px);
        margin-bottom: 12px;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: .65rem;
        transition: all .3s;
        padding: 3px;
    }

        .is-photos-widget img:hover {
            box-shadow: 0px 15px 32px rgba(0,0,0,.18) !important
        }

.is-videos-widget {
    padding: 10px 0 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

    .is-videos-widget .video-container {
        position: relative;
        display: block;
        width: calc(33% - 6px);
        min-height: 60px;
        margin-bottom: 12px;
        border-radius: .85rem;
        transition: all .3s
    }

        .is-videos-widget .video-container:hover img {
            box-shadow: 0px 15px 32px rgba(0,0,0,.18) !important
        }

        .is-videos-widget .video-container img {
            display: block;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: .85rem;
            width: 100%;
            height: 100%;
            transition: all .3s
        }

        .is-videos-widget .video-container .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            border-radius: .85rem;
            background: rgba(52,66,88,.6)
        }

        .is-videos-widget .video-container .video-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            height: 34px;
            width: 34px;
            background: #3d70b2;
            border-radius: 50%;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 2;
            cursor: pointer
        }

            .is-videos-widget .video-container .video-button img {
                position: relative;
                display: block;
                width: 16px;
                height: 16px;
                left: 1px;
                z-index: 3
            }

            .is-videos-widget .video-container .video-button:after {
                content: "";
                position: absolute;
                top: calc(50% - 12px);
                left: calc(50% - 12px);
                height: 24px;
                width: 24px;
                border-radius: 50%;
                background: #3d70b2;
                animation: wave 1.6s infinite;
                animation-duration: 2s;
                transform-origin: center center;
                z-index: 0
            }

.friend-cards-list {
    padding-top: 10px
}

    .friend-cards-list .is-friend-card .friend-item {
        padding: 12px;
        display: flex;
        align-items: center
    }

        .friend-cards-list .is-friend-card .friend-item:not(:last-child) {
            border-bottom: 1px solid #e8e8e8
        }

        .friend-cards-list .is-friend-card .friend-item img {
            display: block;
            height: 44px;
            width: 44px;
            border-radius: 50%
        }

        .friend-cards-list .is-friend-card .friend-item .text-content {
            margin: 0 10px
        }

            .friend-cards-list .is-friend-card .friend-item .text-content span, .friend-cards-list .is-friend-card .friend-item .text-content a {
                display: block
            }

                .friend-cards-list .is-friend-card .friend-item .text-content a:first-child {
                    font-weight: 500;
                    font-size: .9rem;
                    color: #393a4f
                }

                .friend-cards-list .is-friend-card .friend-item .text-content a:nth-child(3) {
                    font-size: .8rem;
                    font-weight: 500;
                    color: #3d70b2
                }

            .friend-cards-list .is-friend-card .friend-item .text-content span {
                font-size: .75rem;
                color: #999
            }

        .friend-cards-list .is-friend-card .friend-item .star-friend {
            height: 44px;
            width: 44px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: auto;
            cursor: pointer
        }

            .friend-cards-list .is-friend-card .friend-item .star-friend.is-active svg {
                transform: rotate(360deg);
                stroke: #3d70b2;
                fill: #3d70b2
            }

            .friend-cards-list .is-friend-card .friend-item .star-friend svg {
                height: 20px;
                width: 20px;
                stroke: #999;
                transition: all .3s;
                transform: rotate(0)
            }

.trip-cards-list {
    padding: 10px 0 0 0
}

    .trip-cards-list .is-trip-card .trip-item {
        padding: 12px;
        display: flex;
        align-items: center
    }

        .trip-cards-list .is-trip-card .trip-item:not(:last-child) {
            border-bottom: 1px solid #e8e8e8
        }

        .trip-cards-list .is-trip-card .trip-item img {
            display: block;
            height: 42px;
            width: 42px;
            border-radius: 50%
        }

        .trip-cards-list .is-trip-card .trip-item .text-content {
            margin: 0 10px
        }

            .trip-cards-list .is-trip-card .trip-item .text-content span, .trip-cards-list .is-trip-card .trip-item .text-content a {
                display: block
            }

                .trip-cards-list .is-trip-card .trip-item .text-content a:first-child {
                    font-weight: 500;
                    font-size: .9rem;
                    color: #393a4f
                }

                .trip-cards-list .is-trip-card .trip-item .text-content a:nth-child(3) {
                    font-size: .8rem;
                    font-weight: 500;
                    color: #3d70b2
                }

            .trip-cards-list .is-trip-card .trip-item .text-content span {
                font-size: .85rem;
                color: #999
            }

.profile-about {
    width: 100%;
    border-radius: 6px;
    display: flex
}

    .profile-about .left-menu {
        min-width: 260px
    }

        .profile-about .left-menu .left-menu-inner {
            width: 100%;
            border-radius: 6px 0 0 6px
        }

        .profile-about .left-menu .menu-item {
            display: flex;
            align-items: center;
            margin-bottom: 6px;
            transition: all .3s;
            cursor: pointer
        }

            .profile-about .left-menu .menu-item.is-active .menu-icon {
                background: #3d70b2;
                box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
            }

                .profile-about .left-menu .menu-item.is-active .menu-icon i, .profile-about .left-menu .menu-item.is-active .menu-icon span {
                    color: #fcfcfc
                }

            .profile-about .left-menu .menu-item .menu-icon {
                display: flex;
                align-items: center;
                height: 42px;
                width: 100%;
                padding: 0 12px;
                border-radius: 6px;
                background: transparent;
                transition: all .3s
            }

            .profile-about .left-menu .menu-item i {
                font-size: 1.4rem;
                color: #cecece;
                transition: all .3s
            }

            .profile-about .left-menu .menu-item span {
                margin: 0 8px;
                display: block;
                font-size: .9rem;
                font-weight: 500;
                color: #cecece;
                transition: color .3s
            }

    .profile-about .right-content {
        padding-left: 30px;
        width: calc(100% - 260px);
        min-height: 420px
    }

        .profile-about .right-content .content-section {
            display: none;
            animation: fadeInLeft .5s
        }

            .profile-about .right-content .content-section.is-active {
                display: block
            }

            .profile-about .right-content .content-section .flex-block {
                display: flex;
                align-items: center;
                transition: all .3s;
                padding: 12px;
                margin-bottom: 10px;
                border-radius: .65rem;
                cursor: pointer;
                border: 1px solid #e8e8e8;
                background: #fff
            }

                .profile-about .right-content .content-section .flex-block:hover .flex-block-meta .action-link {
                    opacity: 1;
                    pointer-events: all
                }

                    .profile-about .right-content .content-section .flex-block:hover .flex-block-meta .action-link:hover {
                        color: #757a91
                    }

                .profile-about .right-content .content-section .flex-block:hover .go-button {
                    transform: scale(1) rotate(360deg);
                    opacity: 1;
                    box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
                }

                    .profile-about .right-content .content-section .flex-block:hover .go-button:hover {
                        opacity: .9
                    }

                .profile-about .right-content .content-section .flex-block img {
                    height: 42px;
                    width: 42px;
                    border-radius: 50%;
                    -o-object-fit: cover;
                    object-fit: cover
                }

                .profile-about .right-content .content-section .flex-block .flex-block-meta {
                    margin-left: 10px
                }

                    .profile-about .right-content .content-section .flex-block .flex-block-meta span, .profile-about .right-content .content-section .flex-block .flex-block-meta .action-link {
                        display: block
                    }

                    .profile-about .right-content .content-section .flex-block .flex-block-meta span {
                        color: #999;
                        font-size: .9rem
                    }

                        .profile-about .right-content .content-section .flex-block .flex-block-meta span a {
                            color: #393a4f;
                            font-size: .85rem;
                            font-weight: 500
                        }

                    .profile-about .right-content .content-section .flex-block .flex-block-meta .action-link {
                        font-size: .75rem;
                        color: #cecece;
                        pointer-events: none;
                        transition: all .3s
                    }

                .profile-about .right-content .content-section .flex-block .go-button {
                    margin-left: auto;
                    height: 42px;
                    width: 42px;
                    border-radius: 50%;
                    background: #3d70b2;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    transition: all .3s;
                    transform: scale(0) rotate(0);
                    opacity: 0
                }

                    .profile-about .right-content .content-section .flex-block .go-button svg {
                        height: 18px;
                        width: 18px;
                        stroke: #fcfcfc
                    }

    .profile-about .about-summary {
        transition: all .3s;
        padding: 30px;
        margin-bottom: 10px;
        border-radius: .85rem;
        cursor: pointer;
        border: 1px solid #e8e8e8;
        background: #fff
    }

        .profile-about .about-summary h3 {
            font-family: "Montserrat",sans-serif;
            font-size: 1.1rem
        }

        .profile-about .about-summary p {
            font-size: .95rem;
            color: #757a91
        }

    .profile-about .glider-dots {
        padding: 20px 0
    }

        .profile-about .glider-dots .glider-dot {
            width: 8px;
            height: 8px;
            margin: 4px
        }

            .profile-about .glider-dots .glider-dot.active {
                background: #3d70b2 !important
            }

    .profile-about .slider-timeline {
        position: relative
    }

        .profile-about .slider-timeline .timeline-item {
            position: relative;
            padding: 20px;
            background: #fff;
            border-radius: .65rem;
            border: 1px solid #dedede;
            margin-right: 1rem
        }

            .profile-about .slider-timeline .timeline-item .image-container {
                position: relative
            }

                .profile-about .slider-timeline .timeline-item .image-container > img {
                    display: block;
                    min-height: 160px;
                    -o-object-fit: cover;
                    object-fit: cover;
                    border-radius: .65rem
                }

                .profile-about .slider-timeline .timeline-item .image-container .logo-container {
                    position: absolute;
                    bottom: -30px;
                    right: 10px;
                    height: 50px;
                    width: 50px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: #fff;
                    border-radius: 50%
                }

                    .profile-about .slider-timeline .timeline-item .image-container .logo-container img {
                        display: block;
                        width: 40px;
                        height: 40px;
                        border-radius: 50%
                    }

            .profile-about .slider-timeline .timeline-item h3 {
                margin-top: 12px;
                font-size: .9rem;
                font-family: "Montserrat",sans-serif;
                font-weight: 500
            }

            .profile-about .slider-timeline .timeline-item > p {
                font-size: .8rem;
                color: #999
            }

            .profile-about .slider-timeline .timeline-item .more {
                margin-top: 6px
            }

                .profile-about .slider-timeline .timeline-item .more p {
                    font-size: .9rem;
                    color: #595b7b
                }

            .profile-about .slider-timeline .timeline-item .date {
                margin-top: 6px;
                font-size: .8rem;
                color: #999
            }

.friends-columns .column {
    padding: .5rem
}

.about-card {
    width: 100%;
    border-radius: .75rem;
    border: 1px solid #dedede;
    background: #fff
}

    .about-card:not(:last-child) {
        margin-bottom: 30px
    }

    .about-card .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px
    }

        .about-card .header .icon-title {
            display: flex;
            align-items: center
        }

            .about-card .header .icon-title i {
                font-size: 22px;
                color: #cecece
            }

            .about-card .header .icon-title h3 {
                color: #393a4f;
                font-weight: 500;
                font-size: 1.1rem;
                margin-left: 8px
            }

        .about-card .header .actions {
            display: flex;
            align-items: center
        }

            .about-card .header .actions .button-wrapper {
                position: relative
            }

                .about-card .header .actions .button-wrapper .indicator {
                    position: absolute;
                    top: -8px;
                    left: -8px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 24px;
                    min-width: 24px;
                    padding: 0 4px;
                    background: #3d70b2;
                    border: 2px solid #fff;
                    border-radius: 50%
                }

                    .about-card .header .actions .button-wrapper .indicator span {
                        display: block;
                        font-size: .8rem;
                        font-weight: 600;
                        color: #fcfcfc
                    }

            .about-card .header .actions .button:first-child {
                margin-right: 8px
            }

        .about-card .header .dropdown div > .button {
            margin-right: 0 !important
        }

    .about-card .body {
        padding: 0 20px 20px 20px
    }

        .about-card .body.has-flex-list {
            padding-left: calc(20px - .5rem);
            padding-right: calc(20px - .5rem);
            padding-bottom: calc(20px - .5rem)
        }

        .about-card .body .friend-small-card {
            display: flex;
            align-items: center;
            width: 100%;
            padding: 12px;
            border-radius: .65rem;
            border: 1px solid #dedede;
            background: #fff;
            transition: all .3s
        }

            .about-card .body .friend-small-card:hover {
                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
            }

                .about-card .body .friend-small-card:hover .dropdown {
                    opacity: 1;
                    pointer-events: all
                }

            .about-card .body .friend-small-card img {
                height: 40px;
                width: 40px;
                border-radius: 50%
            }

            .about-card .body .friend-small-card .meta {
                margin-left: 12px
            }

                .about-card .body .friend-small-card .meta span {
                    display: block
                }

                    .about-card .body .friend-small-card .meta span:first-child {
                        font-size: .9rem;
                        font-weight: 500;
                        color: #393a4f
                    }

                    .about-card .body .friend-small-card .meta span:nth-child(2) {
                        font-size: .9rem;
                        color: #999
                    }

            .about-card .body .friend-small-card .dropdown {
                margin-left: auto;
                opacity: 0;
                pointer-events: none;
                transition: opacity .3s
            }

                .about-card .body .friend-small-card .dropdown > div .button {
                    padding: 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 32px;
                    width: 32px;
                    border: none;
                    border-radius: 50%;
                    transition: all .3s
                }

                    .about-card .body .friend-small-card .dropdown > div .button:hover {
                        background: #f0f0f0
                    }

                    .about-card .body .friend-small-card .dropdown > div .button svg {
                        height: 20px;
                        width: 20px
                    }

        .about-card .body .photo-list .photo-wrapper:hover .photo-overlay, .about-card .body .photo-list .photo-wrapper:hover .video-overlay, .about-card .body .photo-list .video-wrapper:hover .photo-overlay, .about-card .body .photo-list .video-wrapper:hover .video-overlay, .about-card .body .video-list .photo-wrapper:hover .photo-overlay, .about-card .body .video-list .photo-wrapper:hover .video-overlay, .about-card .body .video-list .video-wrapper:hover .photo-overlay, .about-card .body .video-list .video-wrapper:hover .video-overlay {
            opacity: .5
        }

        .about-card .body .photo-list .photo-wrapper:hover .small-like, .about-card .body .photo-list .video-wrapper:hover .small-like, .about-card .body .video-list .photo-wrapper:hover .small-like, .about-card .body .video-list .video-wrapper:hover .small-like {
            transform: translateY(0);
            opacity: 1;
            pointer-events: all
        }

        .about-card .body .photo-list .photo-wrapper .photo-overlay, .about-card .body .photo-list .photo-wrapper .video-overlay, .about-card .body .photo-list .video-wrapper .photo-overlay, .about-card .body .photo-list .video-wrapper .video-overlay, .about-card .body .video-list .photo-wrapper .photo-overlay, .about-card .body .video-list .photo-wrapper .video-overlay, .about-card .body .video-list .video-wrapper .photo-overlay, .about-card .body .video-list .video-wrapper .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            border-radius: .65rem;
            background: #393a4f;
            opacity: 0;
            transition: opacity .3s
        }

        .about-card .body .photo-list .photo-wrapper .small-like, .about-card .body .photo-list .video-wrapper .small-like, .about-card .body .video-list .photo-wrapper .small-like, .about-card .body .video-list .video-wrapper .small-like {
            position: absolute;
            bottom: 10px;
            right: 10px;
            z-index: 5;
            transition: all .3s;
            transform: translateY(20px);
            opacity: 0;
            pointer-events: none;
            cursor: pointer
        }

            .about-card .body .photo-list .photo-wrapper .small-like.is-active .inner .like-overlay, .about-card .body .photo-list .video-wrapper .small-like.is-active .inner .like-overlay, .about-card .body .video-list .photo-wrapper .small-like.is-active .inner .like-overlay, .about-card .body .video-list .video-wrapper .small-like.is-active .inner .like-overlay {
                transform: scale(1)
            }

            .about-card .body .photo-list .photo-wrapper .small-like.is-active .inner svg, .about-card .body .photo-list .video-wrapper .small-like.is-active .inner svg, .about-card .body .video-list .photo-wrapper .small-like.is-active .inner svg, .about-card .body .video-list .video-wrapper .small-like.is-active .inner svg {
                stroke: #fff;
                fill: #fff
            }

            .about-card .body .photo-list .photo-wrapper .small-like .inner, .about-card .body .photo-list .video-wrapper .small-like .inner, .about-card .body .video-list .photo-wrapper .small-like .inner, .about-card .body .video-list .video-wrapper .small-like .inner {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 36px;
                width: 36px;
                background: #fff;
                border-radius: 50%
            }

                .about-card .body .photo-list .photo-wrapper .small-like .inner .like-overlay, .about-card .body .photo-list .video-wrapper .small-like .inner .like-overlay, .about-card .body .video-list .photo-wrapper .small-like .inner .like-overlay, .about-card .body .video-list .video-wrapper .small-like .inner .like-overlay {
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 36px;
                    width: 36px;
                    background: #f71416;
                    border-radius: 50%;
                    transform: scale(0);
                    transition: all .3s
                }

                .about-card .body .photo-list .photo-wrapper .small-like .inner svg, .about-card .body .photo-list .video-wrapper .small-like .inner svg, .about-card .body .video-list .photo-wrapper .small-like .inner svg, .about-card .body .video-list .video-wrapper .small-like .inner svg {
                    position: relative;
                    height: 14px;
                    width: 14px;
                    z-index: 1;
                    transition: all .3s
                }

        .about-card .body .photo-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            width: 100%;
            margin-top: -0.5rem
        }

            .about-card .body .photo-list .photo-wrapper {
                position: relative;
                width: calc(20% - 1rem);
                margin: .5rem;
                overflow: hidden
            }

                .about-card .body .photo-list .photo-wrapper img {
                    display: block;
                    -o-object-fit: cover;
                    object-fit: cover;
                    width: 100%;
                    border-radius: .65rem
                }

        .about-card .body .video-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            width: 100%;
            margin-top: -0.5rem
        }

            .about-card .body .video-list .video-wrapper {
                position: relative;
                width: calc(25% - 1rem);
                margin: .5rem;
                overflow: hidden
            }

                .about-card .body .video-list .video-wrapper img {
                    display: block;
                    -o-object-fit: cover;
                    object-fit: cover;
                    width: 100%;
                    border-radius: .65rem
                }

                .about-card .body .video-list .video-wrapper .video-overlay {
                    opacity: .5 !important
                }

                .about-card .body .video-list .video-wrapper .video-length {
                    position: absolute;
                    bottom: 10px;
                    left: 10px;
                    color: #fcfcfc;
                    font-weight: 500;
                    font-size: .8rem
                }

                .about-card .body .video-list .video-wrapper .video-button {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    height: 34px;
                    width: 34px;
                    background: #3d70b2;
                    border-radius: 50%;
                    margin: 0 auto;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    z-index: 2;
                    cursor: pointer
                }

                    .about-card .body .video-list .video-wrapper .video-button img {
                        position: relative;
                        display: block;
                        width: 16px;
                        height: 16px;
                        left: 1px;
                        z-index: 3
                    }

                    .about-card .body .video-list .video-wrapper .video-button:after {
                        content: "";
                        position: absolute;
                        top: calc(50% - 12px);
                        left: calc(50% - 12px);
                        height: 24px;
                        width: 24px;
                        border-radius: 50%;
                        background: #3d70b2;
                        animation: wave 1.6s infinite;
                        animation-duration: 2s;
                        transform-origin: center center;
                        z-index: 0
                    }

        .about-card .body .place-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            width: 100%;
            margin-top: -0.5rem
        }

            .about-card .body .place-list .place-wrapper {
                position: relative;
                width: calc(33% - 1rem);
                margin: .5rem;
                overflow: hidden;
                padding: 12px;
                background: #fff;
                border: 1px solid #dedede;
                border-radius: .65rem;
                transition: all .3s
            }

                .about-card .body .place-list .place-wrapper:hover {
                    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                }

                .about-card .body .place-list .place-wrapper img {
                    display: block;
                    -o-object-fit: cover;
                    object-fit: cover;
                    width: 100%;
                    border-radius: .65rem
                }

                .about-card .body .place-list .place-wrapper .foot .place-name {
                    display: block;
                    margin-top: 4px;
                    font-size: .9rem;
                    font-weight: 500;
                    color: #393a4f;
                    transition: color .3s
                }

                    .about-card .body .place-list .place-wrapper .foot .place-name:hover {
                        color: #3d70b2
                    }

                .about-card .body .place-list .place-wrapper .foot .rating {
                    line-height: 1
                }

                    .about-card .body .place-list .place-wrapper .foot .rating svg {
                        height: 14px;
                        width: 14px;
                        stroke: #cecece;
                        fill: #cecece;
                        transition: all .3s
                    }

                        .about-card .body .place-list .place-wrapper .foot .rating svg.is-checked {
                            stroke: #3d70b2;
                            fill: #3d70b2
                        }

.page-about-card {
    padding: 20px
}

    .page-about-card .card-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px
    }

        .page-about-card .card-title h4 {
            font-family: "Montserrat",sans-serif;
            color: #393a4f;
            font-size: .9rem
        }

    .page-about-card .about-body .about-block .block-header {
        border-bottom: 1px solid #e8e8e8;
        padding: 10px 0
    }

        .page-about-card .about-body .about-block .block-header h4 {
            text-transform: uppercase;
            font-size: .75rem;
            font-weight: 500;
            color: #999
        }

    .page-about-card .about-body .about-block .block-content {
        padding: 10px 0
    }

        .page-about-card .about-body .about-block .block-content .flex-inner {
            display: flex;
            align-items: center;
            margin: 10px 0
        }

            .page-about-card .about-body .about-block .block-content .flex-inner.has-meta {
                align-items: flex-start;
                margin: 16px 0
            }

                .page-about-card .about-body .about-block .block-content .flex-inner.has-meta .meta {
                    margin-left: 12px
                }

                    .page-about-card .about-body .about-block .block-content .flex-inner.has-meta .meta span {
                        display: block;
                        padding: 0
                    }

                        .page-about-card .about-body .about-block .block-content .flex-inner.has-meta .meta span:first-child {
                            font-weight: 500;
                            color: #393a4f
                        }

                        .page-about-card .about-body .about-block .block-content .flex-inner.has-meta .meta span:nth-child(2) {
                            color: #999;
                            font-size: .85rem
                        }

            .page-about-card .about-body .about-block .block-content .flex-inner .mdi {
                font-size: 24px;
                color: #999
            }

            .page-about-card .about-body .about-block .block-content .flex-inner svg {
                height: 16px;
                width: 16px;
                stroke: #999
            }

            .page-about-card .about-body .about-block .block-content .flex-inner span {
                display: block;
                font-size: .9rem;
                padding: 0 10px
            }

                .page-about-card .about-body .about-block .block-content .flex-inner span a {
                    color: #999
                }

                    .page-about-card .about-body .about-block .block-content .flex-inner span a:hover {
                        color: #3d70b2
                    }

        .page-about-card .about-body .about-block .block-content .history-block {
            display: flex;
            margin-bottom: 10px
        }

            .page-about-card .about-body .about-block .block-content .history-block .date {
                font-weight: 500;
                font-size: .9rem;
                color: #393a4f;
                margin-left: 8px
            }

            .page-about-card .about-body .about-block .block-content .history-block .timeline ul {
                list-style-type: disc;
                padding-left: 30px
            }

                .page-about-card .about-body .about-block .block-content .history-block .timeline ul li {
                    font-size: .85rem;
                    color: #999;
                    margin-bottom: 12px
                }

.community-content {
    display: flex;
    justify-content: space-between
}

    .community-content .community-info {
        width: 59%
    }

        .community-content .community-info .page-followers {
            background: #fff;
            padding: 16px;
            border-radius: 8px;
            border: 1px solid #dedede
        }

            .community-content .community-info .page-followers .header {
                margin-bottom: 20px
            }

                .community-content .community-info .page-followers .header h3 {
                    font-family: "Montserrat",sans-serif;
                    color: #393a4f;
                    font-size: .9rem;
                    font-weight: 600
                }

            .community-content .community-info .page-followers .followers {
                display: flex;
                flex-wrap: wrap
            }

                .community-content .community-info .page-followers .followers .follower {
                    width: calc(20% - 16px);
                    margin: 8px
                }

                    .community-content .community-info .page-followers .followers .follower:hover img {
                        filter: grayscale(0);
                        opacity: 1
                    }

                    .community-content .community-info .page-followers .followers .follower img {
                        display: block;
                        border-radius: 50%;
                        filter: grayscale(4);
                        opacity: .8;
                        transition: all .3s
                    }

            .community-content .community-info .page-followers .more-followers {
                padding: 30px 0 10px 0;
                text-align: center
            }

                .community-content .community-info .page-followers .more-followers a {
                    padding: 8px 24px;
                    border-radius: 100px;
                    background: #f7f7f7;
                    color: #999;
                    font-size: .9rem;
                    transition: all .3s
                }

                    .community-content .community-info .page-followers .more-followers a:hover {
                        background: #ededed;
                        color: #393a4f
                    }

    .community-content .community-widgets {
        width: 39%
    }

        .community-content .community-widgets .page-counts {
            background: #fff;
            padding: 16px;
            border-radius: 8px;
            border: 1px solid #dedede;
            display: flex;
            margin-bottom: 20px
        }

            .community-content .community-widgets .page-counts .like-count, .community-content .community-widgets .page-counts .follow-count {
                margin: 10px 0;
                width: 50%
            }

                .community-content .community-widgets .page-counts .like-count:first-child, .community-content .community-widgets .page-counts .follow-count:first-child {
                    border-right: 1px solid #e8e8e8
                }

                .community-content .community-widgets .page-counts .like-count span, .community-content .community-widgets .page-counts .follow-count span {
                    display: block;
                    text-align: center
                }

                    .community-content .community-widgets .page-counts .like-count span:first-child, .community-content .community-widgets .page-counts .follow-count span:first-child {
                        font-family: "Montserrat",sans-serif;
                        font-weight: bold;
                        color: #393a4f;
                        font-size: 1.4rem
                    }

                    .community-content .community-widgets .page-counts .like-count span:nth-child(2), .community-content .community-widgets .page-counts .follow-count span:nth-child(2) {
                        text-transform: uppercase;
                        font-size: .8rem;
                        color: #999
                    }

        .community-content .community-widgets .page-invites {
            background: #fff;
            padding: 16px;
            border-radius: 8px;
            border: 1px solid #dedede
        }

            .community-content .community-widgets .page-invites .header h3 {
                font-size: .9rem
            }

            .community-content .community-widgets .page-invites .header .control {
                margin-top: 8px;
                position: relative
            }

                .community-content .community-widgets .page-invites .header .control input {
                    padding-left: 36px
                }

                    .community-content .community-widgets .page-invites .header .control input:focus {
                        border-color: #e8e8e8
                    }

                        .community-content .community-widgets .page-invites .header .control input:focus + .search-icon svg {
                            stroke: #3d70b2
                        }

                .community-content .community-widgets .page-invites .header .control .search-icon {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 36px;
                    width: 36px;
                    display: flex;
                    justify-content: center;
                    align-items: center
                }

                    .community-content .community-widgets .page-invites .header .control .search-icon svg {
                        height: 16px;
                        width: 16px;
                        stroke: #cecece;
                        transition: stroke .3s
                    }

            .community-content .community-widgets .page-invites .suggestions {
                padding: 10px 0 0 0
            }

                .community-content .community-widgets .page-invites .suggestions .suggestion {
                    display: flex;
                    align-items: center;
                    border-bottom: 1px solid #e8e8e8;
                    padding: 10px 0
                }

                    .community-content .community-widgets .page-invites .suggestions .suggestion:last-child {
                        border-bottom: none
                    }

                    .community-content .community-widgets .page-invites .suggestions .suggestion img {
                        display: block;
                        height: 36px;
                        width: 36px;
                        border-radius: 50%
                    }

                    .community-content .community-widgets .page-invites .suggestions .suggestion .meta {
                        margin-left: 10px
                    }

                        .community-content .community-widgets .page-invites .suggestions .suggestion .meta span {
                            display: block;
                            font-size: .85rem;
                            font-weight: 500
                        }

                    .community-content .community-widgets .page-invites .suggestions .suggestion .button {
                        margin-left: auto
                    }

                        .community-content .community-widgets .page-invites .suggestions .suggestion .button:hover {
                            border-color: #3d70b2;
                            background: #3d70b2;
                            color: #fcfcfc;
                            box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
                        }

.image-grid-wrap {
    padding: 6px 0
}

    .image-grid-wrap .flex-1 {
        flex: 1
    }

    .image-grid-wrap .flex-2 {
        flex: 2
    }

    .image-grid-wrap .flex-3 {
        flex: 3
    }

    .image-grid-wrap .image-row {
        display: flex
    }

        .image-grid-wrap .image-row > div {
            position: relative;
            margin: 4px;
            height: 280px;
            border-radius: 2px;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            cursor: pointer
        }

            .image-grid-wrap .image-row > div:hover .overlay {
                opacity: .6;
                pointer-events: all
            }

            .image-grid-wrap .image-row > div:hover .image-owner .avatar {
                transform: scale(1)
            }

            .image-grid-wrap .image-row > div:hover .image-owner .name {
                transform: translateY(0);
                opacity: 1
            }

            .image-grid-wrap .image-row > div:hover .photo-time {
                transform: translateY(0);
                opacity: 1 !important
            }

            .image-grid-wrap .image-row > div:hover .photo-like {
                transform: scale(1)
            }

            .image-grid-wrap .image-row > div .overlay {
                position: absolute;
                top: -4px;
                left: -4px;
                height: 100%;
                width: 100%;
                margin: 4px;
                background: #393a4f;
                opacity: 0;
                pointer-events: none;
                z-index: 1;
                transition: all .3s
            }

            .image-grid-wrap .image-row > div .image-owner {
                position: absolute;
                bottom: 14px;
                left: 14px;
                max-height: 40px;
                display: flex;
                align-items: center;
                z-index: 2
            }

                .image-grid-wrap .image-row > div .image-owner .avatar {
                    display: block;
                    height: 38px;
                    width: 38px;
                    border-radius: 50%;
                    border: 1.4px solid #fff;
                    transform: scale(0);
                    transition: all .3s
                }

                .image-grid-wrap .image-row > div .image-owner .name {
                    color: #fff;
                    font-size: .9rem;
                    margin-left: 8px;
                    opacity: 0;
                    transform: translateY(5px);
                    transition: all .3s
                }

            .image-grid-wrap .image-row > div .photo-time {
                position: absolute;
                top: 20px;
                left: 14px;
                color: #fff;
                font-size: .85rem;
                margin-left: 8px;
                opacity: 0;
                transform: translateY(5px);
                z-index: 2;
                transition: all .3s
            }

            .image-grid-wrap .image-row > div .photo-like {
                position: absolute;
                top: 14px;
                right: 14px;
                height: 38px;
                width: 38px;
                border-radius: 50%;
                background: #fff;
                z-index: 2;
                transform: scale(0);
                transition: all .3s
            }

                .image-grid-wrap .image-row > div .photo-like:hover .inner svg {
                    stroke: #f71416
                }

                .image-grid-wrap .image-row > div .photo-like.is-liked {
                    box-shadow: 0 14px 26px -12px rgba(247,20,22,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(247,20,22,.2) !important
                }

                    .image-grid-wrap .image-row > div .photo-like.is-liked .inner .like-overlay {
                        transform: scale(1)
                    }

                    .image-grid-wrap .image-row > div .photo-like.is-liked .inner svg {
                        stroke: #fff;
                        fill: #fff
                    }

                .image-grid-wrap .image-row > div .photo-like .inner {
                    position: relative;
                    height: 100%;
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 50%;
                    overflow: hidden
                }

                    .image-grid-wrap .image-row > div .photo-like .inner .like-overlay {
                        position: absolute;
                        top: -2px;
                        left: -2px;
                        height: calc(100% + 4px);
                        width: calc(100% + 4px);
                        border-radius: 50%;
                        background: #db0709;
                        transform: scale(0);
                        transition: all .3s;
                        z-index: 1
                    }

                    .image-grid-wrap .image-row > div .photo-like .inner svg {
                        position: relative;
                        height: 16px;
                        width: 16px;
                        stroke: #393a4f;
                        z-index: 2;
                        transition: all .3s
                    }

.custom-profile-lightbox {
    position: fixed;
    top: 58px;
    left: 0;
    height: calc(100% - 58px);
    width: 100%;
    background: #fff;
    z-index: -1;
    transform: translateY(20px);
    opacity: 0;
    pointer-events: none;
    transition: transform .3s,opacity .3s
}

    .custom-profile-lightbox.is-active {
        transform: translateY(0);
        opacity: 1;
        pointer-events: all;
        z-index: 50
    }

    .custom-profile-lightbox.is-fullscreen {
        top: 0;
        height: 100%
    }

    .custom-profile-lightbox .lightbox-inner {
        position: relative;
        height: 100%;
        width: 100%
    }

        .custom-profile-lightbox .lightbox-inner .image-side {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: calc(100% - 380px);
            background: #181e28
        }

            .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner {
                position: relative;
                height: 100%;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center
            }

                .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap {
                    position: relative;
                    max-width: calc(100% - 160px)
                }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap:hover .meta-overlay {
                        pointer-events: all;
                        opacity: .6;
                        z-index: 1
                    }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap:hover .meta-block h3, .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap:hover .meta-block p {
                        opacity: 1;
                        transform: translateY(0)
                    }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap:hover .action-block .action-button {
                        opacity: 1;
                        transform: translateY(0);
                        pointer-events: all
                    }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .image-loader {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        background: #090b0f;
                        opacity: 0;
                        pointer-events: none;
                        z-index: 2;
                        transition: all .3s
                    }

                        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .image-loader.is-active {
                            pointer-events: all;
                            opacity: 1
                        }

                        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .image-loader .loader {
                            height: 3rem;
                            width: 3rem
                        }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .meta-overlay {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        background: #090b0f;
                        opacity: 0;
                        pointer-events: none;
                        z-index: -1;
                        transition: all .3s
                    }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .meta-block {
                        position: absolute;
                        bottom: 20px;
                        left: 20px;
                        z-index: 2
                    }

                        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .meta-block h3 {
                            font-family: "Montserrat",sans-serif;
                            color: #fff;
                            font-size: .8rem;
                            max-width: 440px;
                            opacity: 0;
                            transform: translateY(5px);
                            transition: all .3s
                        }

                        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .meta-block p {
                            padding-top: 8px;
                            color: #fff;
                            font-size: .8rem;
                            max-width: 540px;
                            opacity: 0;
                            transform: translateY(5px);
                            transition: all .3s;
                            transition-delay: .2s
                        }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block {
                        position: absolute;
                        top: 20px;
                        right: 20px;
                        z-index: 2;
                        display: flex;
                        align-items: center
                    }

                        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block .action-button {
                            height: 36px;
                            width: 36px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            border-radius: 50%;
                            border: 1.2px solid #fff;
                            margin: 0 5px;
                            opacity: 0;
                            transform: translateY(-5px);
                            pointer-events: none;
                            transition: all .3s
                        }

                            .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block .action-button:hover svg {
                                stroke: #3d70b2
                            }

                            .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block .action-button:nth-child(2) {
                                transition-delay: .1s
                            }

                            .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block .action-button:nth-child(3) {
                                transition-delay: .2s
                            }

                            .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block .action-button:nth-child(4) {
                                transition-delay: .3s
                            }

                            .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block .action-button svg {
                                height: 18px;
                                width: 18px;
                                stroke: #fff;
                                transition: stroke .3s
                            }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap img {
                        display: block;
                        border-radius: 4px
                    }

        .custom-profile-lightbox .lightbox-inner .sidebar-side {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 380px;
            background: #fff
        }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-loader {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                background: #fff;
                opacity: 0;
                pointer-events: none;
                z-index: 10;
                transition: all .3s
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-loader.is-active {
                    pointer-events: all;
                    opacity: 1
                }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-loader .loader {
                    height: 3rem;
                    width: 3rem
                }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .header {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                padding: 12px;
                width: 100%
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .header img {
                    height: 42px;
                    width: 42px;
                    border-radius: 50%
                }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta {
                    margin: 0 10px
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span {
                        display: block
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span:first-child {
                            font-size: .9rem;
                            font-weight: 500
                        }

                            .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span:first-child small {
                                color: #999
                            }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span:nth-child(2) {
                            font-size: .8rem;
                            color: #999
                        }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .header .button {
                    line-height: 0;
                    margin-left: auto;
                    padding: 14px 18px
                }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .header .dropdown .button {
                    padding: 18px 6px;
                    border: none;
                    background: transparent
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .header .dropdown .button svg {
                        height: 18px;
                        width: 18px
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .header .dropdown .button img {
                        border-radius: 50%
                    }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .header .dropdown .dropdown-menu {
                    margin-top: 10px
                }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content {
                padding: 12px 12px 0 12px
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .control {
                    width: 100%
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .control input {
                        padding-left: 34px
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .control input:focus + .icon svg {
                            stroke: #3d70b2
                        }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .control .icon {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 32px;
                        width: 32px;
                        display: flex;
                        justify-content: center;
                        align-items: center
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .control .icon svg {
                            height: 18px;
                            width: 18px;
                            stroke: #cecece;
                            transition: all .3s
                        }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 16px 0;
                border-bottom: 1px solid #e8e8e8
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count {
                    display: flex;
                    align-items: stretch
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .shares-count, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .comments-count, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .likes-count, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .views-count {
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        margin: 0 3px
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .shares-count span, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .comments-count span, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .likes-count span, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .views-count span {
                            display: block;
                            font-size: .8rem;
                            color: #888da8;
                            margin: 0 5px
                        }

                            .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .shares-count span.views, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .comments-count span.views, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .likes-count span.views, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .views-count span.views {
                                margin: 0 2px
                            }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .shares-count svg, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .comments-count svg, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .likes-count svg, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .views-count svg {
                            height: 14px;
                            width: 14px;
                            stroke: #888da8
                        }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .actions {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 16px 0
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .actions .action {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .actions .action span {
                        display: block;
                        font-size: .8rem;
                        margin: 0 4px;
                        transition: all .3s
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .actions .action svg {
                        height: 16px;
                        width: 16px;
                        stroke: #888da8;
                        transition: all .3s
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .actions .action:hover span {
                        color: #3d70b2
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .actions .action:hover svg {
                        stroke: #3d70b2
                    }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list {
                background: #f5f6f7;
                height: calc(100% - 232px);
                padding: 20px 14px;
                overflow-y: auto
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment {
                    border: none !important;
                    padding-top: 0 !important
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment.is-nested {
                        margin-left: 40px
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-left {
                        margin-right: 10px
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-left img {
                            border-radius: 50%
                        }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content {
                        background: #fff;
                        padding: 12px;
                        border-radius: 8px
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .username {
                            font-size: .8rem;
                            font-weight: 500
                        }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content p {
                            font-size: .75rem;
                            color: #999
                        }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions {
                            display: flex;
                            align-items: center;
                            padding-top: 8px
                        }

                            .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions span, .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions a {
                                display: block;
                                font-size: .75rem;
                                color: #393a4f
                            }

                            .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions span {
                                margin: 0 10px;
                                color: #999
                            }

                            .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions .likes-count {
                                display: flex;
                                justify-content: flex-start;
                                align-items: center;
                                margin-left: auto
                            }

                                .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions .likes-count span {
                                    display: block;
                                    font-size: .75rem;
                                    color: #888da8;
                                    margin: 0 5px
                                }

                                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions .likes-count span.views {
                                        margin: 0 2px
                                    }

                                .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions .likes-count svg {
                                    height: 12px;
                                    width: 12px;
                                    stroke: #888da8
                                }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls {
                position: absolute;
                bottom: 0;
                left: 0;
                background: #fbfbfc;
                height: 50px;
                width: 100%;
                border-radius: 0 0 6px 0;
                border-top: 1px solid #dee2e5
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner {
                    position: relative;
                    display: flex;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    padding: 0 16px
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner img {
                        height: 32px;
                        width: 32px;
                        border-radius: 50%
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control {
                        width: 100%
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control .textarea, .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control .emojionearea-editor {
                            resize: none;
                            height: 36px;
                            max-height: 36px;
                            min-height: 36px;
                            border-radius: 100px;
                            overflow: hidden;
                            line-height: 1.6;
                            font-size: .8rem;
                            padding-left: 16px;
                            margin: 0 6px
                        }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea-editor {
                        padding-left: 0 !important
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea-editor img {
                            height: 18px;
                            width: 18px;
                            min-height: 18px;
                            max-height: 18px
                        }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea {
                        overflow: visible !important
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea-picker {
                        top: -230px;
                        position: absolute;
                        left: -50px;
                        width: 310px
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea-picker .emojionearea-wrapper {
                            width: 310px
                        }

                            .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea-picker .emojionearea-wrapper img {
                                height: 22px;
                                width: 22px;
                                min-height: 22px;
                                max-height: 22px
                            }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea-scroll-area {
                        width: 310px
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea .emojionearea-button > div.emojionearea-button-open {
                        background-position: 0 -22px
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn {
                        width: 24px !important;
                        height: 24px !important
                    }

.friends-grid {
    padding: 20px 0
}

    .friends-grid .columns .column {
        padding: .5rem
    }

    .friends-grid .friend-item {
        display: block;
        width: 100%;
        padding: 30px;
        border: 1px solid #e8e8e8;
        border-radius: 6px;
        background: #fff;
        transition: all .3s
    }

        .friends-grid .friend-item:hover {
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

            .friends-grid .friend-item:hover .avatar-wrap .circle {
                transform: scale(1)
            }

            .friends-grid .friend-item:hover .avatar-wrap .chat-button {
                transform: scale(1);
                opacity: 1
            }

        .friends-grid .friend-item .avatar-wrap {
            position: relative;
            height: 96px;
            width: 96px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto
        }

            .friends-grid .friend-item .avatar-wrap .circle {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                border-radius: 50%;
                border: 1.4px solid #cecece;
                transform: scale(0.4);
                transition: all .3s;
                z-index: 1
            }

            .friends-grid .friend-item .avatar-wrap .chat-button {
                position: absolute;
                bottom: 0;
                right: 0;
                height: 36px;
                width: 36px;
                border-radius: 50%;
                border: 3px solid #fff;
                background: #3d70b2;
                display: flex;
                justify-content: center;
                align-items: center;
                transform: scale(0);
                opacity: 0;
                transition: all .3s;
                z-index: 3
            }

                .friends-grid .friend-item .avatar-wrap .chat-button svg {
                    height: 14px;
                    width: 14px;
                    stroke: #fff;
                    fill: #fff
                }

            .friends-grid .friend-item .avatar-wrap img {
                position: relative;
                display: block;
                height: 80px;
                width: 80px;
                border-radius: 50%;
                z-index: 2
            }

        .friends-grid .friend-item h3 {
            font-family: "Montserrat",sans-serif;
            color: #393a4f;
            font-size: .9rem;
            font-weight: 500;
            line-height: 1.2;
            margin-top: 6px
        }

        .friends-grid .friend-item p {
            color: #999;
            font-size: .8rem
        }

@media(max-width: 767px) {
    .cover-bg .cover-image {
        min-height: 180px !important
    }

    .profile-subheader {
        justify-content: center !important;
        margin-top: 50px !important
    }

    .profile-about {
        flex-direction: column;
        margin-top: -30px;
        padding: 20px 0
    }

        .profile-about .left-menu {
            width: 100%;
            max-width: 100%;
            min-width: 100%;
            margin-bottom: 20px
        }

            .profile-about .left-menu .left-menu-inner {
                display: flex;
                justify-content: space-between;
                align-items: center
            }

                .profile-about .left-menu .left-menu-inner .menu-item {
                    padding: 0 10px
                }

                    .profile-about .left-menu .left-menu-inner .menu-item .menu-icon {
                        padding: 0 16px
                    }

                    .profile-about .left-menu .left-menu-inner .menu-item span {
                        display: none
                    }

        .profile-about .right-content {
            padding: 0;
            width: 100% !important
        }

    .about-timeline .timeline-item .button {
        display: none
    }

    .about-card .video-wrapper {
        width: calc(50% - 8px) !important
    }

    .about-card .place-wrapper {
        width: calc(100% - 8px) !important
    }

    .community-content {
        flex-direction: column-reverse
    }

        .community-content .community-widgets {
            margin-bottom: 20px
        }

        .community-content .community-info, .community-content .community-widgets {
            width: 100% !important
        }

    .custom-profile-lightbox .lightbox-inner .image-side {
        width: 100%;
        height: 180px
    }

        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap {
            max-width: calc(100% - 80px)
        }

    .custom-profile-lightbox .lightbox-inner .sidebar-side {
        width: 100%;
        top: 180px;
        height: calc(100% - 180px);
        z-index: 10;
        background: #fff
    }

    .image-grid-wrap .image-row > div {
        min-height: 280px
    }
}

@media screen and (max-width: 400px) {
    .image-row {
        flex-direction: column
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .profile-about .left-menu {
        max-width: 220px;
        min-width: 220px
    }

    .profile-about .right-content {
        width: calc(100% - 220px) !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .cover-bg .cover-image {
        min-height: 180px !important
    }

    .profile-subheader {
        justify-content: center !important;
        margin-top: 50px !important
    }

    .profile-about {
        flex-direction: column;
        margin-top: -30px;
        padding: 20px 0
    }

        .profile-about .left-menu {
            width: 100%;
            max-width: 100%;
            min-width: 100%;
            margin-bottom: 20px
        }

            .profile-about .left-menu .left-menu-inner {
                display: flex;
                justify-content: space-between;
                align-items: center
            }

                .profile-about .left-menu .left-menu-inner .menu-item {
                    padding: 0 10px
                }

                    .profile-about .left-menu .left-menu-inner .menu-item .menu-icon {
                        padding: 0 16px
                    }

        .profile-about .right-content {
            padding: 0;
            width: 100% !important
        }

    .custom-profile-lightbox .lightbox-inner .image-side {
        width: 100%;
        height: 340px
    }

        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap {
            max-width: calc(100% - 80px)
        }

    .custom-profile-lightbox .lightbox-inner .sidebar-side {
        width: 100%;
        top: 340px;
        height: calc(100% - 340px);
        z-index: 10;
        background: #fff
    }

    .friends-grid .columns {
        display: flex
    }

        .friends-grid .columns .friend-item {
            min-height: 216px
        }
}

.minimal-profile-wrapper .profile-cover.is-sidebar-v1 {
    max-width: 1060px;
    margin: 1rem auto 0 auto
}

    .minimal-profile-wrapper .profile-cover.is-sidebar-v1 img {
        border-radius: 1rem
    }

.minimal-profile-wrapper .profile-cover img {
    display: block;
    max-height: 300px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.minimal-profile-wrapper .profile-info {
    display: flex;
    align-items: stretch;
    max-width: 1040px;
    margin: 20px auto
}

    .minimal-profile-wrapper .profile-info .left {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        min-width: 30%;
        padding: 0 20px
    }

        .minimal-profile-wrapper .profile-info .left .profile-avatar {
            position: absolute;
            top: -80px;
            left: 0;
            right: 0;
            margin: 0 auto;
            height: 130px;
            width: 130px
        }

            .minimal-profile-wrapper .profile-info .left .profile-avatar img {
                position: relative;
                width: 100%;
                height: 100%;
                border-radius: 50%;
                border: 4px solid #fff
            }

            .minimal-profile-wrapper .profile-info .left .profile-avatar .button {
                position: absolute;
                bottom: 10px;
                right: -1px;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0;
                height: 36px;
                width: 36px;
                border-radius: 50%
            }

                .minimal-profile-wrapper .profile-info .left .profile-avatar .button svg {
                    height: 18px;
                    width: 18px
                }

        .minimal-profile-wrapper .profile-info .left > .button span {
            display: inline-block;
            line-height: 1
        }

        .minimal-profile-wrapper .profile-info .left > .button svg {
            height: 18px;
            width: 18px;
            margin-right: 6px;
            stroke-width: 1.4px
        }

    .minimal-profile-wrapper .profile-info .right {
        flex-grow: 2;
        padding: 0 0 0 20px
    }

        .minimal-profile-wrapper .profile-info .right .head {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

            .minimal-profile-wrapper .profile-info .right .head h2 {
                font-family: "Roboto",sans-serif;
                font-weight: 500;
                font-size: 1.4rem;
                color: #393a4f
            }

            .minimal-profile-wrapper .profile-info .right .head .button {
                min-width: 130px
            }

        .minimal-profile-wrapper .profile-info .right .stats {
            padding: 1rem 0
        }

            .minimal-profile-wrapper .profile-info .right .stats span {
                font-family: "Roboto",sans-serif;
                font-size: .9rem;
                color: #a2a5b9;
                padding-right: 30px
            }

        .minimal-profile-wrapper .profile-info .right .bio p {
            max-width: 480px;
            font-family: "Roboto",sans-serif;
            font-size: .9rem;
            color: #393a4f
        }

.minimal-profile-wrapper .profile-grid {
    max-width: 1040px;
    margin: 0 auto;
    padding: 40px 0 0 0
}

    .minimal-profile-wrapper .profile-grid .column {
        padding: .5rem
    }

        .minimal-profile-wrapper .profile-grid .column .profile-post {
            margin-bottom: 0;
            border: none
        }

            .minimal-profile-wrapper .profile-grid .column .profile-post img {
                -o-object-fit: cover;
                object-fit: cover
            }

@media only screen and (max-width: 767px) {
    .minimal-profile-wrapper .profile-info {
        flex-direction: column;
        padding: 0 .5rem;
        margin-bottom: 0
    }

        .minimal-profile-wrapper .profile-info.is-sidebar-v1 .left > .button {
            top: -200px;
            max-width: 220px;
            margin: 0 auto
        }

        .minimal-profile-wrapper .profile-info .right {
            padding: 0
        }

            .minimal-profile-wrapper .profile-info .right .head {
                flex-direction: column
            }

                .minimal-profile-wrapper .profile-info .right .head .actions {
                    margin: 10px 0
                }

                    .minimal-profile-wrapper .profile-info .right .head .actions .button {
                        min-width: 220px
                    }

            .minimal-profile-wrapper .profile-info .right .stats, .minimal-profile-wrapper .profile-info .right .bio {
                text-align: center
            }

                .minimal-profile-wrapper .profile-info .right .stats span {
                    padding-right: 1rem
                }

        .minimal-profile-wrapper .profile-info .left {
            min-height: 45px;
            margin-bottom: 9px
        }

            .minimal-profile-wrapper .profile-info .left > .button {
                position: absolute;
                top: -221px;
                left: 0;
                right: 0;
                background: none;
                color: #fff;
                border-color: #fff
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .minimal-profile-wrapper .profile-info {
        padding: 0 .5rem
    }

    .minimal-profile-wrapper .profile-grid .columns {
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .minimal-profile-wrapper .profile-info {
        padding: 0 .5rem
    }

    .minimal-profile-wrapper .profile-grid .columns {
        margin-left: 0;
        margin-right: 0
    }
}

.friends-wrapper {
    position: relative;
    margin: 0 auto;
    top: 40px;
    padding: 0 6%;
    min-height: calc(100vh - 280px)
}

    .friends-wrapper.is-static {
        top: 0
    }

    .friends-wrapper.has-sidebar .card-row .friend-card {
        width: calc(33.3% - 16px)
    }

    .friends-wrapper .card-row-wrap {
        display: none
    }

        .friends-wrapper .card-row-wrap.is-active {
            display: block
        }

    .friends-wrapper .card-row-placeholder {
        min-height: calc(100vh - 280px);
        display: flex;
        align-items: center;
        justify-content: center
    }

    .friends-wrapper .card-row {
        margin-top: 20px;
        padding-bottom: 60px
    }

.friend-card {
    position: relative;
    border-radius: .65rem;
    padding: 20px;
    transition: box-shadow .3s
}

    .friend-card.has-shapes {
        overflow: hidden
    }

        .friend-card.has-shapes .shape {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            display: none;
            z-index: 0
        }

    .friend-card:hover {
        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
    }

    .friend-card .shape {
        display: none
    }

    .friend-card .star-friend {
        position: absolute;
        top: 10px;
        right: 10px;
        height: 44px;
        width: 44px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: auto;
        cursor: pointer
    }

        .friend-card .star-friend.is-active svg {
            transform: rotate(360deg);
            stroke: #3d70b2;
            fill: #3d70b2
        }

        .friend-card .star-friend svg {
            height: 20px;
            width: 20px;
            stroke: #cecece;
            fill: #cecece;
            transition: all .3s;
            transform: rotate(0)
        }

    .friend-card .img-container {
        position: relative;
        height: 90px;
        width: 90px;
        margin: 10px auto;
        z-index: 1
    }

        .friend-card .img-container .avatar {
            display: block;
            border-radius: 50%;
            width: 90px;
            height: 90px;
            object-fit: cover
        }

            .friend-card .img-container .avatar.is-placeholder {
                filter: grayscale(1);
                opacity: .3
            }

        .friend-card .img-container .country {
            display: block;
            position: absolute;
            bottom: 0;
            right: 0;
            height: 26px;
            width: 26px;
            border-radius: 50%;
            border: 3px solid #fff
        }

    .friend-card .friend-info {
        text-align: center
    }

        .friend-card .friend-info h3 {
            font-family: "Montserrat",sans-serif;
            font-weight: 500;
            font-size: .9rem;
            color: #393a4f;
            line-height: 1;
            transition: color .3s
        }

        .friend-card .friend-info p {
            font-family: Roboto,sans-serif;
            font-size: .85rem;
            color: #999
        }

    .friend-card .friend-stats {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px
    }

        .friend-card .friend-stats .stat-block {
            text-align: center;
            padding: 0 20px
        }

            .friend-card .friend-stats .stat-block:nth-child(2) {
                border-left: 1px solid #e0e0e0;
                border-right: 1px solid #e0e0e0
            }

            .friend-card .friend-stats .stat-block label {
                display: block;
                text-transform: uppercase;
                font-family: Roboto,sans-serif;
                font-weight: 500;
                font-size: .6rem;
                color: #999
            }

            .friend-card .friend-stats .stat-block .stat-number {
                font-family: Montserrat,sans-serif;
                font-weight: 600;
                font-size: 1rem;
                color: #393a4f
            }

    .friend-card .friend-actions {
        display: flex;
        justify-content: center;
        padding-top: 30px
    }

        .friend-card .friend-actions .button {
            margin: 0 4px
        }

            .friend-card .friend-actions .button:hover svg {
                stroke: #393a4f
            }

            .friend-card .friend-actions .button svg {
                height: 16px;
                width: 16px;
                stroke: #ddd;
                transition: stroke .3s
            }

@media screen and (max-width: 1300px) {
    .friends-wrapper {
        padding: 0 !important
    }
}

@media screen and (max-width: 1100px) {
    .friends-wrapper .card-row .friend-card {
        width: calc(33.3% - 16px)
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .friends-wrapper.has-sidebar .card-row .friend-card {
        width: calc(100% - 16px) !important
    }

    .friends-wrapper .card-row .friend-card {
        width: calc(50% - 16px)
    }

        .friends-wrapper .card-row .friend-card .friend-actions {
            justify-content: center !important
        }

    .options-nav .is-search {
        max-width: 180px !important
    }
}

@media screen and (max-width: 767px) {
    .friends-wrapper .card-row .friend-card {
        width: calc(50% - 16px)
    }

        .friends-wrapper .card-row .friend-card .friend-actions {
            justify-content: center !important
        }

    .options-nav .is-friends #show-filters {
        display: none !important
    }

    .options-nav .is-friends .is-page-title h2 {
        font-size: .9rem
    }

    .options-nav .is-friends .end-group {
        display: none !important
    }
}

@media screen and (max-width: 560px) {
    .friends-wrapper .card-row .friend-card {
        width: calc(100% - 16px)
    }
}

.groups-grid {
    padding: 2rem 0;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto
}

    .groups-grid .grid-header {
        margin-bottom: 1.5rem
    }

        .groups-grid .grid-header .header-inner {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

            .groups-grid .grid-header .header-inner h2 {
                font-family: "Montserrat",sans-serif;
                font-size: 1.5rem;
                font-weight: 700;
                color: #393a4f
            }

    .groups-grid .group-box {
        margin-right: 25px;
        transition: all .4s cubic-bezier(0.175, 0.885, 0, 1);
        background-color: #fff;
        width: 100%;
        position: relative;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
        border: 1px solid #e3e3e3
    }

        .groups-grid .group-box:hover {
            box-shadow: 0px 30px 18px -8px rgba(0,0,0,.1);
            transform: scale(1.05, 1.05)
        }

            .groups-grid .group-box:hover .box-info {
                background-color: transparent;
                position: relative
            }

            .groups-grid .group-box:hover .box-info-hover {
                opacity: 1
            }

            .groups-grid .group-box:hover .box-img--hover {
                height: 100%;
                opacity: .2
            }

            .groups-grid .group-box:hover .box-category {
                color: #393a4f
            }

        .groups-grid .group-box .box-like {
            width: 18px
        }

        .groups-grid .group-box .box-clock {
            width: 15px;
            vertical-align: middle;
            stroke: #393a4f
        }

        .groups-grid .group-box .box-time {
            font-size: 12px;
            color: #393a4f;
            vertical-align: middle
        }

        .groups-grid .group-box .box-clock-info {
            float: right
        }

        .groups-grid .group-box .box-img {
            visibility: hidden;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            width: 100%;
            height: 235px;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px
        }

        .groups-grid .group-box .box-info-hover {
            position: absolute;
            top: 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px;
            width: 100%;
            opacity: 0;
            z-index: 1
        }

            .groups-grid .group-box .box-info-hover > svg {
                height: 18px;
                width: 18px;
                transition: stroke .3s,fill .3s;
                cursor: pointer
            }

                .groups-grid .group-box .box-info-hover > svg:hover {
                    fill: #4a4a4a;
                    stroke: #fff
                }

        .groups-grid .group-box .box-img--hover {
            transition: .2s all ease-out;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            width: 100%;
            position: absolute;
            height: 235px;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
            top: 0;
            transition: all .3s
        }

        .groups-grid .group-box .box-info {
            z-index: 2;
            background-color: #fff;
            border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px;
            padding: 16px 24px 24px 24px
        }

        .groups-grid .group-box .box-category {
            font-family: "Roboto",sans-serif;
            text-transform: uppercase;
            font-size: .7rem;
            letter-spacing: 2px;
            color: #a2a5b9
        }

        .groups-grid .group-box .box-title {
            margin-top: 5px;
            margin-bottom: 10px;
            font-family: "Montserrat",sans-serif;
            font-weight: 600;
            color: #393a4f;
            line-height: 1.2;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .groups-grid .group-box .box-members {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 12px;
            font-family: "Roboto",sans-serif;
            font-weight: 500
        }

            .groups-grid .group-box .box-members > a {
                font-weight: 500;
                text-decoration: none;
                color: #3d70b2
            }

            .groups-grid .group-box .box-members .members-preview img {
                display: inline-block;
                height: 28px;
                width: 28px;
                min-width: 28px;
                border-radius: 50%;
                margin-left: .25rem
            }

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .groups-grid .columns {
        display: flex
    }

        .groups-grid .columns .column {
            min-width: 50%;
            width: 50%
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .groups-grid .columns .column {
        min-width: 33.3%;
        width: 33.3%
    }

    .groups-grid .group-box .box-title {
        max-width: 230px
    }
}

.events-wrapper {
    position: absolute;
    top: 58px;
    left: 0;
    width: 100%;
    height: calc(100vh - 58px);
    background: #fff
}

    .events-wrapper.is-pushed {
        top: 150px;
        height: calc(100vh - 150px)
    }

        .events-wrapper.is-pushed .left-panel, .events-wrapper.is-pushed .right-panel {
            top: 150px;
            height: calc(100vh - 150px)
        }

    .events-wrapper .left-panel {
        position: fixed;
        top: 58px;
        left: 0;
        width: 260px;
        height: calc(100vh - 58px);
        background: #fff;
        border-right: 1px solid #e0e0e0
    }

        .events-wrapper .left-panel .left-panel-inner {
            position: relative;
            height: 100%;
            width: 100%;
            padding-bottom: 60px
        }

            .events-wrapper .left-panel .left-panel-inner a {
                display: flex;
                align-items: center;
                padding: 20px;
                border-bottom: 1px solid #dedede;
                transition: all .3s
            }

                .events-wrapper .left-panel .left-panel-inner a.is-active {
                    background: #f2f2f2
                }

                    .events-wrapper .left-panel .left-panel-inner a.is-active span.tag {
                        background: #3d70b2 !important;
                        color: #fff !important
                    }

                    .events-wrapper .left-panel .left-panel-inner a.is-active span.date-block svg {
                        stroke: #3d70b2
                    }

                .events-wrapper .left-panel .left-panel-inner a span {
                    display: block
                }

                    .events-wrapper .left-panel .left-panel-inner a span.date-block {
                        display: flex;
                        align-items: center
                    }

                        .events-wrapper .left-panel .left-panel-inner a span.date-block svg {
                            position: relative;
                            top: -1px;
                            height: 18px;
                            width: 18px;
                            margin-right: 6px;
                            stroke: #cecece;
                            transition: stroke .3s
                        }

                        .events-wrapper .left-panel .left-panel-inner a span.date-block .month {
                            font-family: Montserrat,sans-serif;
                            font-weight: 500;
                            color: #393a4f;
                            font-size: .85rem;
                            line-height: 1;
                            width: 75px
                        }

                    .events-wrapper .left-panel .left-panel-inner a span.meta-block {
                        margin-left: auto;
                        display: flex;
                        align-items: center;
                        justify-content: space-between
                    }

                        .events-wrapper .left-panel .left-panel-inner a span.meta-block .time {
                            font-size: .8rem;
                            color: #999;
                            line-height: 1
                        }

                        .events-wrapper .left-panel .left-panel-inner a span.meta-block .type {
                            display: inline-block
                        }

                            .events-wrapper .left-panel .left-panel-inner a span.meta-block .type .tag {
                                display: inline-block;
                                border-radius: 100px;
                                line-height: 2;
                                transition: all .3s;
                                background: #f2f2f2;
                                color: #393a4f
                            }

            .events-wrapper .left-panel .left-panel-inner .add-event {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 60px;
                display: flex;
                align-items: center;
                padding: 0 20px;
                background: #fff;
                transition: opacity .3s
            }

                .events-wrapper .left-panel .left-panel-inner .add-event .button {
                    height: 42px;
                    width: 100%;
                    border: 2px dashed #cecece;
                    color: #999
                }

                    .events-wrapper .left-panel .left-panel-inner .add-event .button:hover {
                        border: 2px solid #3d70b2;
                        background: #3d70b2;
                        color: #fafafa;
                        box-shadow: 0 14px 26px -12px rgba(61,112,178,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(61,112,178,.2) !important
                    }

    .events-wrapper .right-panel {
        position: fixed;
        top: 58px;
        right: 0;
        width: 380px;
        height: calc(100vh - 58px);
        background: #fff;
        border-left: 1px solid #e0e0e0
    }

        .events-wrapper .right-panel .panel-header {
            display: flex;
            align-items: center;
            height: 60px;
            width: 100%;
            padding: 0 30px
        }

            .events-wrapper .right-panel .panel-header h3 {
                font-size: 1rem;
                font-family: Montserrat,sans-serif;
                font-weight: 600
            }

        .events-wrapper .right-panel .panel-body {
            position: relative;
            height: calc(100% - 60px);
            overflow-y: auto;
            padding: 0 20px 20px 20px
        }

            .events-wrapper .right-panel .panel-body .activity-block {
                display: flex;
                align-items: flex-start;
                padding: 10px 0
            }

                .events-wrapper .right-panel .panel-body .activity-block img {
                    display: block;
                    height: 32px;
                    width: 32px;
                    min-width: 32px;
                    border-radius: 50%
                }

                .events-wrapper .right-panel .panel-body .activity-block .activity-meta {
                    margin-left: 10px
                }

                    .events-wrapper .right-panel .panel-body .activity-block .activity-meta p {
                        font-size: .85rem;
                        color: #393a4f
                    }

                        .events-wrapper .right-panel .panel-body .activity-block .activity-meta p a {
                            font-weight: 500;
                            color: #393a4f;
                            transition: color .3s
                        }

                            .events-wrapper .right-panel .panel-body .activity-block .activity-meta p a:hover {
                                color: #3d70b2
                            }

                    .events-wrapper .right-panel .panel-body .activity-block .activity-meta span {
                        display: block;
                        font-size: .85rem;
                        color: #999
                    }

    .events-wrapper .wrapper-inner {
        position: relative;
        width: calc(100% - 640px);
        height: 100%;
        margin-left: 260px;
        margin-right: 380px
    }

        .events-wrapper .wrapper-inner .event-list {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            transition: all .3s
        }

            .events-wrapper .wrapper-inner .event-list .event-item {
                position: relative;
                width: 100%;
                padding: 40px 60px;
                background: #fff;
                border-bottom: 1px solid #e8e8e8;
                display: flex
            }

                .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap {
                    position: relative
                }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-options {
                        position: absolute;
                        top: 5px;
                        right: 0
                    }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-options:hover .button svg {
                            animation: rotation 2s infinite linear
                        }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-options .button {
                            background: transparent;
                            border: none;
                            padding: 0;
                            height: 28px;
                            width: 28px;
                            display: flex;
                            justify-content: center;
                            align-items: center
                        }

                            .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-options .button svg {
                                color: #757a91
                            }

                .events-wrapper .wrapper-inner .event-list .event-item .event-title {
                    font-size: 2rem;
                    font-family: Montserrat,sans-serif;
                    font-weight: 800;
                    color: #393a4f;
                    line-height: 1.1;
                    max-width: 520px
                }

                .events-wrapper .wrapper-inner .event-list .event-item .event-subtitle {
                    display: flex;
                    margin: 40px 0 10px 0
                }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-subtitle svg {
                        height: 20px;
                        width: 20px;
                        margin-right: 6px
                    }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-subtitle h3 {
                        color: #999
                    }

                .events-wrapper .wrapper-inner .event-list .event-item .event-content {
                    display: flex;
                    align-items: flex-start
                }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-owner {
                        display: flex;
                        align-items: center;
                        min-width: 80px
                    }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-owner img {
                            display: block;
                            height: 44px;
                            width: 44px;
                            min-width: 44px;
                            border-radius: 50%;
                            margin: 0 auto
                        }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-owner .owner-meta {
                            margin-left: 12px
                        }

                            .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-owner .owner-meta span {
                                display: block
                            }

                                .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-owner .owner-meta span:first-child {
                                    font-family: Montserrat,sans-serif;
                                    font-weight: 600;
                                    font-size: .9rem;
                                    color: #393a4f
                                }

                                .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-owner .owner-meta span:nth-child(2) {
                                    font-size: .9rem;
                                    color: #999
                                }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-description p {
                        color: #757a91;
                        margin-bottom: 10px
                    }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-description p:last-child {
                            margin-bottom: 0
                        }

                .events-wrapper .wrapper-inner .event-list .event-item .event-participants {
                    margin-top: 10px;
                    display: flex;
                    align-items: center
                }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-group {
                        display: flex;
                        justify-content: flex-start;
                        align-items: center
                    }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-group img {
                            height: 38px;
                            width: 38px;
                            border-radius: 50%;
                            border: 3px solid #fff
                        }

                            .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-group img:not(:first-child) {
                                margin-left: -12px
                            }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-text {
                        margin-left: 10px
                    }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-text p {
                            font-size: .8rem;
                            color: #888da8
                        }

                            .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-text p a {
                                color: #393a4f
                            }

                                .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-text p a:hover {
                                    color: #3d70b2
                                }

.event-page-wrapper {
    padding-bottom: 60px
}

    .event-page-wrapper .event-cover img {
        display: block;
        max-height: 380px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: bottom;
        object-position: bottom
    }

    .event-page-wrapper .event-content {
        position: relative;
        max-width: 940px;
        margin: -80px auto 20px auto;
        z-index: 1
    }

        .event-page-wrapper .event-content .event-head {
            display: flex;
            align-items: stretch;
            border-radius: 8px;
            background: #fff;
            border: 1px solid #e0e0e0;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

            .event-page-wrapper .event-content .event-head .left {
                position: relative;
                width: 60%;
                padding: 30px
            }

                .event-page-wrapper .event-content .event-head .left .button-separator {
                    position: absolute;
                    top: 50%;
                    right: -25px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    height: 50px;
                    width: 50px;
                    border-radius: 50%;
                    background: #fff;
                    transform: translateY(-50%);
                    border: 1px solid #e0e0e0;
                    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                }

                    .event-page-wrapper .event-content .event-head .left .button-separator svg {
                        height: 18px;
                        width: 18px;
                        stroke-width: 3px;
                        stroke: #a2a5b9
                    }

                .event-page-wrapper .event-content .event-head .left h2 {
                    font-family: "Montserrat",sans-serif;
                    font-size: 1.7rem;
                    font-weight: 700;
                    color: #393a4f
                }

                .event-page-wrapper .event-content .event-head .left h3 {
                    font-family: "Roboto",sans-serif;
                    color: #a2a5b9;
                    margin-bottom: 1rem
                }

                .event-page-wrapper .event-content .event-head .left .info-block {
                    margin-bottom: 1rem
                }

                    .event-page-wrapper .event-content .event-head .left .info-block:last-child {
                        margin-bottom: 0
                    }

                    .event-page-wrapper .event-content .event-head .left .info-block .info-head {
                        display: flex;
                        align-items: center
                    }

                        .event-page-wrapper .event-content .event-head .left .info-block .info-head .event-icon {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            height: 16px;
                            width: 16px;
                            min-width: 16px;
                            border-radius: 50%
                        }

                            .event-page-wrapper .event-content .event-head .left .info-block .info-head .event-icon svg {
                                height: 16px;
                                width: 16px;
                                stroke-width: 1.6px;
                                stroke: #3d70b2
                            }

                        .event-page-wrapper .event-content .event-head .left .info-block .info-head > span {
                            display: inline-block;
                            color: #a2a5b9;
                            font-size: .9rem;
                            margin-left: 6px
                        }

                    .event-page-wrapper .event-content .event-head .left .info-block .info-body p, .event-page-wrapper .event-content .event-head .left .info-block .info-body a {
                        font-family: "Roboto",sans-serif;
                        font-size: .9rem;
                        color: #393a4f
                    }

                    .event-page-wrapper .event-content .event-head .left .info-block .info-body .socials {
                        margin-top: 8px
                    }

                        .event-page-wrapper .event-content .event-head .left .info-block .info-body .socials a {
                            margin-right: 6px;
                            color: #a2a5b9
                        }

                            .event-page-wrapper .event-content .event-head .left .info-block .info-body .socials a:hover {
                                color: #3d70b2
                            }

                            .event-page-wrapper .event-content .event-head .left .info-block .info-body .socials a svg {
                                stroke-width: 1.6px;
                                height: 20px;
                                width: 20px
                            }

            .event-page-wrapper .event-content .event-head .right {
                width: 40%;
                border-left: 2px dashed #dedede;
                padding: 30px 40px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                background: #fafafa
            }

                .event-page-wrapper .event-content .event-head .right h2 {
                    font-family: "Montserrat",sans-serif;
                    font-size: 1.4rem;
                    font-weight: 700;
                    color: #393a4f;
                    margin-bottom: 1rem;
                    margin-top: 6px
                }

                .event-page-wrapper .event-content .event-head .right .subscribe-block {
                    display: flex;
                    justify-content: space-between;
                    align-items: center
                }

                    .event-page-wrapper .event-content .event-head .right .subscribe-block p {
                        font-family: "Roboto",sans-serif;
                        font-size: .8rem;
                        color: #393a4f
                    }

                    .event-page-wrapper .event-content .event-head .right .subscribe-block img {
                        display: block;
                        max-width: 110px
                    }

                .event-page-wrapper .event-content .event-head .right .condition {
                    padding: 20px 0 0 0;
                    text-transform: uppercase;
                    font-family: "Roboto",sans-serif;
                    font-size: .7rem;
                    font-weight: 500;
                    color: #393a4f
                }

    .event-page-wrapper .event-participants {
        padding: 20px 0;
        max-width: 940px;
        margin: 0 auto
    }

        .event-page-wrapper .event-participants .container-inner {
            display: flex
        }

            .event-page-wrapper .event-participants .container-inner .participant {
                margin: 8px;
                width: calc(10% - 16px);
                display: flex;
                justify-content: center
            }

                .event-page-wrapper .event-participants .container-inner .participant .participant-avatar {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 60px;
                    width: 60px;
                    min-width: 60px;
                    background: #fff;
                    border-radius: 50%;
                    border: 1.6px solid #cecece;
                    opacity: .6;
                    filter: grayscale(1);
                    transition: all .3s
                }

                    .event-page-wrapper .event-participants .container-inner .participant .participant-avatar:hover {
                        border-color: #3d70b2;
                        opacity: 1;
                        filter: grayscale(0)
                    }

                    .event-page-wrapper .event-participants .container-inner .participant .participant-avatar .more-overlay {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        height: 50px;
                        width: 50px;
                        transform: translate(-50%, -50%);
                        border-radius: 50%;
                        background: #3d70b2;
                        display: flex;
                        justify-content: center;
                        align-items: center
                    }

                        .event-page-wrapper .event-participants .container-inner .participant .participant-avatar .more-overlay span {
                            font-family: "Roboto",sans-serif;
                            color: #fff
                        }

                    .event-page-wrapper .event-participants .container-inner .participant .participant-avatar img {
                        display: block;
                        height: 50px;
                        width: 50px;
                        border-radius: 50%
                    }

    .event-page-wrapper .event-details {
        display: flex;
        align-items: stretch
    }

        .event-page-wrapper .event-details .left {
            width: 60%;
            padding: 0 30px 30px 30px;
            border-right: 1px solid #dedede
        }

            .event-page-wrapper .event-details .left .details-block {
                margin-bottom: 40px
            }

                .event-page-wrapper .event-details .left .details-block:last-child {
                    margin-bottom: 0
                }

                .event-page-wrapper .event-details .left .details-block h3 {
                    font-family: "Montserrat",sans-serif;
                    font-size: 1.4rem;
                    font-weight: 700;
                    color: #393a4f;
                    margin-bottom: 1rem;
                    margin-top: 10px
                }

                .event-page-wrapper .event-details .left .details-block p {
                    font-family: "Roboto",sans-serif;
                    font-size: .9rem;
                    color: #393a4f;
                    margin-bottom: 10px
                }

                .event-page-wrapper .event-details .left .details-block .video-block-wrapper {
                    margin: 0 6px 6px 6px
                }

                .event-page-wrapper .event-details .left .details-block .photo-group {
                    display: flex;
                    flex-wrap: wrap
                }

                    .event-page-wrapper .event-details .left .details-block .photo-group a {
                        display: block;
                        margin: 6px;
                        width: calc(33.3% - 12px)
                    }

                        .event-page-wrapper .event-details .left .details-block .photo-group a img {
                            border-radius: 8px;
                            height: 110px;
                            -o-object-fit: cover;
                            object-fit: cover
                        }

        .event-page-wrapper .event-details .right {
            width: 40%;
            padding: 0 30px
        }

            .event-page-wrapper .event-details .right .event-owner {
                display: flex;
                align-items: center;
                margin-bottom: 20px
            }

                .event-page-wrapper .event-details .right .event-owner img {
                    height: 60px;
                    width: 60px;
                    border-radius: 50%
                }

                .event-page-wrapper .event-details .right .event-owner .meta {
                    margin-left: 12px
                }

                    .event-page-wrapper .event-details .right .event-owner .meta span {
                        display: block;
                        font-family: "Roboto",sans-serif
                    }

                        .event-page-wrapper .event-details .right .event-owner .meta span:first-child {
                            font-size: .85rem;
                            color: #a2a5b9
                        }

                        .event-page-wrapper .event-details .right .event-owner .meta span:nth-child(2) {
                            font-size: 1.1rem;
                            font-weight: 500;
                            color: #393a4f
                        }

            .event-page-wrapper .event-details .right .side-block {
                margin-bottom: 1rem
            }

                .event-page-wrapper .event-details .right .side-block:last-child {
                    margin-bottom: 0
                }

                .event-page-wrapper .event-details .right .side-block .side-head {
                    display: flex;
                    align-items: center
                }

                    .event-page-wrapper .event-details .right .side-block .side-head .event-icon {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        height: 16px;
                        width: 16px;
                        min-width: 16px;
                        border-radius: 50%;
                        margin-right: 6px
                    }

                        .event-page-wrapper .event-details .right .side-block .side-head .event-icon svg {
                            height: 16px;
                            width: 16px;
                            stroke-width: 1.6px;
                            stroke: #3d70b2
                        }

                    .event-page-wrapper .event-details .right .side-block .side-head > span {
                        display: inline-block;
                        color: #a2a5b9;
                        font-size: .9rem
                    }

                .event-page-wrapper .event-details .right .side-block .side-body a {
                    font-family: "Roboto",sans-serif;
                    font-size: .9rem;
                    color: #3d70b2
                }

@media only screen and (max-width: 1300px) {
    .events-wrapper .right-panel {
        width: 310px !important
    }

    .events-wrapper .wrapper-inner {
        width: calc(100% - 570px) !important;
        margin-right: 310px !important
    }

        .events-wrapper .wrapper-inner .event-list .event-item {
            padding: 40px
        }
}

@media only screen and (max-width: 1200px) {
    .events-wrapper .right-panel {
        display: none !important
    }

    .events-wrapper .wrapper-inner {
        width: calc(100% - 260px) !important;
        margin-right: 0 !important
    }

        .events-wrapper .wrapper-inner .event-list .event-item {
            padding: 40px 60px
        }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .events-wrapper .right-panel, .events-wrapper .left-panel {
        display: none !important
    }

    .events-wrapper .wrapper-inner {
        width: calc(100%) !important;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

        .events-wrapper .wrapper-inner .event-list .event-item {
            padding: 40px 60px;
            height: auto
        }

            .events-wrapper .wrapper-inner .event-list .event-item .event-title {
                font-size: 2rem !important
            }

    .event-page-wrapper .event-content .event-head {
        margin: 0 16px
    }

        .event-page-wrapper .event-content .event-head .left {
            width: 50%
        }

            .event-page-wrapper .event-content .event-head .left h2 {
                line-height: 1.2;
                margin-bottom: 6px
            }

        .event-page-wrapper .event-content .event-head .right {
            width: 50%
        }

    .event-page-wrapper .event-content .event-participants {
        max-width: 740px;
        padding: 30px 0
    }
}

@media(max-width: 767px) {
    .events-wrapper .right-panel, .events-wrapper .left-panel {
        display: none !important
    }

    .events-wrapper .wrapper-inner {
        width: calc(100%) !important;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

        .events-wrapper .wrapper-inner .event-list .event-item {
            padding: 40px 30px;
            height: auto
        }

            .events-wrapper .wrapper-inner .event-list .event-item .event-title {
                font-size: 1.6rem !important;
                max-width: 280px
            }

            .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-content .event-owner {
                display: none
            }

            .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-options {
                top: 0px;
                right: 0px
            }

            .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-participants {
                margin-left: 0 !important
            }

    .event-page-wrapper .event-content {
        padding: 0 10px
    }

        .event-page-wrapper .event-content .event-head {
            flex-direction: column;
            padding: 0
        }

            .event-page-wrapper .event-content .event-head .left {
                width: 100%;
                padding-bottom: 50px
            }

                .event-page-wrapper .event-content .event-head .left h2 {
                    line-height: 1.2;
                    margin-bottom: 6px
                }

                .event-page-wrapper .event-content .event-head .left .button-separator {
                    top: unset;
                    bottom: -25px;
                    transform: translate(0, 0) rotate(90deg);
                    right: 0;
                    left: 0;
                    margin: 0 auto
                }

            .event-page-wrapper .event-content .event-head .right {
                padding-top: 40px;
                padding-left: 30px;
                padding-right: 30px;
                width: 100%;
                border-top: 2px dashed #dedede;
                border-left: none
            }

        .event-page-wrapper .event-content .event-participants {
            max-width: 100%;
            width: 100%;
            margin: 0
        }

            .event-page-wrapper .event-content .event-participants .container-inner {
                overflow-x: auto
            }

                .event-page-wrapper .event-content .event-participants .container-inner .participant {
                    min-width: 60px
                }

        .event-page-wrapper .event-content .event-details {
            flex-direction: column-reverse
        }

            .event-page-wrapper .event-content .event-details .left {
                width: 100%;
                padding: 20px 10px 10px 10px;
                border: none
            }

            .event-page-wrapper .event-content .event-details .right {
                width: 100%;
                padding: 10px 10px 30px 10px;
                border-right: none;
                border-bottom: 1px solid #dedede
            }
}

.news-header {
    position: relative;
    top: -2px;
    width: 100%;
    height: calc(100vh - 60px)
}

    .news-header .news-hero-wrapper {
        position: absolute;
        height: 100%;
        width: calc(100% - 360px);
        margin-right: 360px
    }

        .news-header .news-hero-wrapper.is-primary .overlay-layer {
            background: rgba(61,112,178,.6)
        }

            .news-header .news-hero-wrapper.is-primary .overlay-layer:hover {
                background: rgba(61,112,178,.85)
            }

        .news-header .news-hero-wrapper.is-accent .overlay-layer {
            background: rgba(85,150,230,.6)
        }

            .news-header .news-hero-wrapper.is-accent .overlay-layer:hover {
                background: rgba(85,150,230,.85)
            }

        .news-header .news-hero-wrapper.is-blue .overlay-layer {
            background: rgba(3,155,229,.6)
        }

            .news-header .news-hero-wrapper.is-blue .overlay-layer:hover {
                background: rgba(3,155,229,.85)
            }

        .news-header .news-hero-wrapper.is-green .overlay-layer {
            background: rgba(28,229,137,.6)
        }

            .news-header .news-hero-wrapper.is-green .overlay-layer:hover {
                background: rgba(28,229,137,.85)
            }

        .news-header .news-hero-wrapper.is-red .overlay-layer {
            background: rgba(247,20,22,.6)
        }

            .news-header .news-hero-wrapper.is-red .overlay-layer:hover {
                background: rgba(247,20,22,.85)
            }

        .news-header .news-hero-wrapper .overlay-layer {
            position: relative;
            width: 100%;
            height: 100%;
            background: rgba(57,58,79,.6);
            z-index: 1;
            transition: all .5s
        }

            .news-header .news-hero-wrapper .overlay-layer:hover {
                background: rgba(57,58,79,.85)
            }

            .news-header .news-hero-wrapper .overlay-layer .text-layer {
                position: absolute;
                width: 100%;
                height: 100%;
                z-index: 2;
                display: flex;
                align-items: center
            }

                .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text {
                    padding: 0 60px
                }

                    .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text .tag {
                        margin-bottom: 20px;
                        text-transform: uppercase;
                        height: 26px;
                        border-radius: 50px;
                        padding-left: 16px;
                        padding-right: 16px;
                        background: transparent;
                        border: 1.2px solid #fff;
                        color: #fff;
                        margin-right: 6px
                    }

                    .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text h2 {
                        font-family: Montserrat,sans-serif;
                        font-size: 3.5rem;
                        font-weight: 800;
                        max-width: 640px;
                        color: #fcfcfc;
                        line-height: 1
                    }

                    .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text p {
                        font-family: Montserrat,sans-serif;
                        font-size: 1.3rem;
                        font-weight: 300;
                        max-width: 640px;
                        color: #fcfcfc;
                        margin: 10px 0
                    }

                    .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text .cta-wrap {
                        padding: 10px 0
                    }

                        .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text .cta-wrap .button {
                            font-size: 1rem;
                            height: 47px;
                            background: transparent;
                            color: #fff;
                            border: 1.4px solid #fff;
                            min-width: 140px;
                            margin-right: 6px
                        }

                            .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text .cta-wrap .button:hover {
                                background: #fff;
                                color: #393a4f
                            }

    .news-header .news-hero-menu {
        position: absolute;
        top: 0;
        right: 0;
        width: 360px;
        height: 100%;
        background: #fff
    }

        .news-header .news-hero-menu .stories {
            position: relative;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: stretch
        }

            .news-header .news-hero-menu .stories .story {
                position: relative;
                display: flex;
                align-items: center;
                width: 100%;
                height: 20%;
                border-right: 4px solid transparent;
                border-bottom: 1px solid #e8e8e8;
                padding: 0 20px
            }

                .news-header .news-hero-menu .stories .story.is-active {
                    border-right-color: #393a4f
                }

                    .news-header .news-hero-menu .stories .story.is-active:before {
                        display: block
                    }

                .news-header .news-hero-menu .stories .story:before {
                    content: "";
                    display: none;
                    position: absolute;
                    top: 47%;
                    left: -21px;
                    height: 24px;
                    width: 24px;
                    background: #fff;
                    z-index: 2;
                    transform: rotate(45deg) translateY(-50%)
                }

                .news-header .news-hero-menu .stories .story.is-primary.is-active {
                    border-right-color: #3d70b2
                }

                    .news-header .news-hero-menu .stories .story.is-primary.is-active .avatar-wrap {
                        border-color: #3d70b2
                    }

                .news-header .news-hero-menu .stories .story.is-accent.is-active {
                    border-right-color: #3d70b2
                }

                    .news-header .news-hero-menu .stories .story.is-accent.is-active .avatar-wrap {
                        border-color: #3d70b2
                    }

                .news-header .news-hero-menu .stories .story.is-blue.is-active {
                    border-right-color: #039be5
                }

                    .news-header .news-hero-menu .stories .story.is-blue.is-active .avatar-wrap {
                        border-color: #039be5
                    }

                .news-header .news-hero-menu .stories .story.is-green.is-active {
                    border-right-color: #1ce589
                }

                    .news-header .news-hero-menu .stories .story.is-green.is-active .avatar-wrap {
                        border-color: #1ce589
                    }

                .news-header .news-hero-menu .stories .story.is-red.is-active {
                    border-right-color: #f71416
                }

                    .news-header .news-hero-menu .stories .story.is-red.is-active .avatar-wrap {
                        border-color: #f71416
                    }

                .news-header .news-hero-menu .stories .story .avatar-wrap {
                    height: 48px;
                    width: 48px;
                    min-width: 48px;
                    border-radius: 50%;
                    border: 1.4px solid #cecece;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    transition: all .3s
                }

                    .news-header .news-hero-menu .stories .story .avatar-wrap img {
                        display: block;
                        height: 36px;
                        width: 36px;
                        border-radius: 50%
                    }

                .news-header .news-hero-menu .stories .story .meta {
                    margin-left: 20px
                }

                    .news-header .news-hero-menu .stories .story .meta span {
                        display: block
                    }

                        .news-header .news-hero-menu .stories .story .meta span:first-child {
                            text-transform: uppercase;
                            font-size: .85rem;
                            font-weight: 500;
                            color: #999
                        }

                        .news-header .news-hero-menu .stories .story .meta span:nth-child(2) {
                            font-size: .92rem;
                            font-family: Montserrat,sans-serif;
                            color: #393a4f;
                            font-weight: 600
                        }

                        .news-header .news-hero-menu .stories .story .meta span:nth-child(3) {
                            font-size: .8rem;
                            font-family: Montserrat,sans-serif;
                            color: #999;
                            font-weight: 500
                        }

.is-news {
    padding: 1rem
}

.news-grid {
    display: flex;
    flex-wrap: wrap
}

    .news-grid .news-card {
        position: relative;
        background: #fff;
        border: 1px solid #dedede;
        border-radius: 6px;
        margin: 10px;
        width: calc(25% - 20px)
    }

        .news-grid .news-card .category {
            border-radius: 100px;
            padding-left: .95em;
            padding-right: .95em;
            background: #f0f0f0;
            color: #393a4f
        }

        .news-grid .news-card.is-default {
            display: block;
            flex-direction: column
        }

            .news-grid .news-card.is-default.is-inverted {
                background: #212a38
            }

                .news-grid .news-card.is-default.is-inverted .news-content .news-title {
                    font-weight: 600;
                    color: #fcfcfc
                }

                .news-grid .news-card.is-default.is-inverted .news-content p {
                    font-weight: 400;
                    color: #e8e8e8
                }

                .news-grid .news-card.is-default.is-inverted .news-content .button-wrap .button {
                    background: #161c25;
                    border-color: #161c25;
                    color: #fff
                }

                    .news-grid .news-card.is-default.is-inverted .news-content .button-wrap .button:hover {
                        background: #3d70b2;
                        border-color: #3d70b2
                    }

                .news-grid .news-card.is-default.is-inverted .news-content .button-wrap .actions .action:hover {
                    background: #2c384b
                }

                    .news-grid .news-card.is-default.is-inverted .news-content .button-wrap .actions .action:hover svg {
                        stroke: #fcfcfc
                    }

            .news-grid .news-card.is-default:hover .avatar-wrap {
                height: 44px;
                width: 44px;
                min-width: 44px;
                border-color: #3d70b2
            }

            .news-grid .news-card.is-default .avatar-wrapper {
                position: absolute;
                top: 20px;
                right: 30px;
                height: 44px;
                width: 44px;
                min-width: 44px;
                display: flex;
                justify-content: center;
                align-items: center
            }

            .news-grid .news-card.is-default .avatar-wrap {
                height: 36px;
                width: 36px;
                min-width: 36px;
                border-radius: 50%;
                border: 1.4px solid transparent;
                display: flex;
                justify-content: center;
                align-items: center;
                transition: all .3s
            }

                .news-grid .news-card.is-default .avatar-wrap img {
                    display: block;
                    height: 32px;
                    width: 32px;
                    border-radius: 50%;
                    border: 1.6px solid #fcfcfc
                }

            .news-grid .news-card.is-default img {
                display: block;
                border-radius: 6px 6px 0 0;
                height: 160px;
                width: 100%;
                -o-object-fit: cover;
                object-fit: cover
            }

            .news-grid .news-card.is-default .category {
                position: absolute;
                top: 30px;
                left: 30px
            }

            .news-grid .news-card.is-default .news-content {
                padding: 20px 30px 30px 30px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                height: calc(100% - 160px)
            }

                .news-grid .news-card.is-default .news-content .news-title {
                    font-family: Montserrat,sans-serif;
                    font-weight: 700;
                    color: #393a4f;
                    font-size: 1rem;
                    margin: 0 0 10px 0
                }

                .news-grid .news-card.is-default .news-content p {
                    margin-top: auto;
                    color: #999;
                    font-size: .9rem
                }

                .news-grid .news-card.is-default .news-content .button-wrap {
                    margin-top: 20px;
                    display: flex;
                    justify-content: space-between;
                    align-items: flex-end
                }

                    .news-grid .news-card.is-default .news-content .button-wrap .button:hover {
                        background: #3d70b2 !important;
                        border-color: #3d70b2 !important;
                        color: #fff !important
                    }

                    .news-grid .news-card.is-default .news-content .button-wrap .actions {
                        height: 38px;
                        display: flex;
                        align-items: center
                    }

                        .news-grid .news-card.is-default .news-content .button-wrap .actions .action {
                            height: 38px;
                            width: 38px;
                            border-radius: 50%;
                            display: flex;
                            justify-content: center;
                            align-items: center
                        }

                            .news-grid .news-card.is-default .news-content .button-wrap .actions .action:hover {
                                background: #f5f5f5
                            }

                                .news-grid .news-card.is-default .news-content .button-wrap .actions .action:hover svg {
                                    stroke: #393a4f
                                }

                            .news-grid .news-card.is-default .news-content .button-wrap .actions .action.is-like.is-active svg {
                                stroke: #f71416 !important;
                                fill: #f71416 !important
                            }

                            .news-grid .news-card.is-default .news-content .button-wrap .actions .action svg {
                                height: 18px;
                                width: 18px;
                                stroke: #999
                            }

        .news-grid .news-card.is-wide {
            display: flex;
            align-items: center;
            padding: 30px;
            width: calc(50% - 20px)
        }

            .news-grid .news-card.is-wide.has-absolute-image img {
                display: block;
                position: absolute;
                bottom: 0;
                right: 0;
                max-height: 100%;
                max-width: 45%;
                -o-object-fit: contain;
                object-fit: contain
            }

            .news-grid .news-card.is-wide.has-absolute-image .news-content {
                display: flex;
                flex-direction: column;
                max-width: 55%;
                height: 100%
            }

                .news-grid .news-card.is-wide.has-absolute-image .news-content .category {
                    position: absolute
                }

                .news-grid .news-card.is-wide.has-absolute-image .news-content .news-title {
                    font-family: Montserrat,sans-serif;
                    font-weight: bold;
                    color: #393a4f;
                    font-size: 1.3rem;
                    margin: 26px 0 10px 0
                }

                .news-grid .news-card.is-wide.has-absolute-image .news-content p {
                    margin-top: auto;
                    color: #999;
                    font-size: .9rem
                }

                    .news-grid .news-card.is-wide.has-absolute-image .news-content p + p {
                        margin-top: 10px
                    }

                .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap {
                    margin-top: 20px;
                    display: flex;
                    justify-content: space-between;
                    align-items: flex-end
                }

                    .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .button:hover {
                        background: #3d70b2 !important;
                        border-color: #3d70b2 !important;
                        color: #fff !important
                    }

                    .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .actions {
                        height: 38px;
                        display: flex;
                        align-items: center
                    }

                        .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .actions .action {
                            height: 38px;
                            width: 38px;
                            border-radius: 50%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            transition: all .3s
                        }

                            .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .actions .action:hover {
                                background: #f5f5f5
                            }

                                .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .actions .action:hover svg {
                                    stroke: #393a4f
                                }

                            .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .actions .action.is-like.is-active svg {
                                stroke: #f71416 !important;
                                fill: #f71416 !important
                            }

                            .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .actions .action svg {
                                height: 18px;
                                width: 18px;
                                stroke: #999;
                                transition: all .3s
                            }

@media(max-width: 767px) {
    .news-header .news-hero-wrapper {
        width: 100%;
        margin: 0
    }

        .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text {
            padding: 0 30px
        }

            .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text h2 {
                font-size: 2rem
            }

    .news-header .news-hero-menu {
        display: none
    }

    .news-grid .news-card.is-default {
        width: calc(100% - 20px)
    }

    .news-grid .news-card.is-wide {
        width: calc(100% - 20px)
    }

        .news-grid .news-card.is-wide.has-absolute-image img {
            display: none
        }

        .news-grid .news-card.is-wide.has-absolute-image .news-content {
            max-width: 100%
        }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .news-header .news-hero-wrapper {
        width: 100%;
        margin-right: 0
    }

        .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text {
            padding: 0 40px
        }

            .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text h2 {
                font-size: 3.4rem
            }

    .news-header .news-hero-menu {
        display: none
    }

    .news-grid .news-card.is-default {
        width: calc(50% - 20px)
    }

    .news-grid .news-card.is-wide {
        width: calc(50% - 20px)
    }

        .news-grid .news-card.is-wide.has-absolute-image img {
            display: none
        }

        .news-grid .news-card.is-wide.has-absolute-image .news-content {
            max-width: 100%
        }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
    .news-header .news-hero-wrapper {
        width: calc(100% - 280px);
        margin-right: 280px
    }

        .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text {
            padding: 0 40px
        }

            .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text h2 {
                font-size: 3.4rem
            }

    .news-header .news-hero-menu {
        width: 280px
    }

        .news-header .news-hero-menu .stories .story .avatar-wrap {
            height: 40px;
            width: 40px;
            min-width: 40px
        }

            .news-header .news-hero-menu .stories .story .avatar-wrap img {
                height: 28px;
                width: 28px
            }

        .news-header .news-hero-menu .stories .story .meta {
            margin-left: 10px
        }

            .news-header .news-hero-menu .stories .story .meta span:first-child {
                font-size: .75rem
            }

            .news-header .news-hero-menu .stories .story .meta span:nth-child(2) {
                font-size: .8rem
            }

            .news-header .news-hero-menu .stories .story .meta span:nth-child(3) {
                font-size: .7rem
            }

    .news-grid .news-card.is-default {
        width: calc(33.3% - 20px)
    }

    .news-grid .news-card.is-wide {
        width: calc(66.6% - 20px)
    }

        .news-grid .news-card.is-wide.has-absolute-image img {
            max-height: 78%
        }

        .news-grid .news-card.is-wide.has-absolute-image .news-content {
            max-width: 60%
        }
}

.dashboard-map-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

    .dashboard-map-wrapper.has-sidebar-v1 {
        min-height: 100vh
    }

    .dashboard-map-wrapper .dashboard-map-wrapper-inner {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: stretch
    }

        .dashboard-map-wrapper .dashboard-map-wrapper-inner.is-reversed {
            flex-direction: row-reverse
        }

        .dashboard-map-wrapper .dashboard-map-wrapper-inner .map-section {
            position: relative;
            width: calc(100% - 380px)
        }

        .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section {
            width: 380px;
            background: #fff
        }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-header {
                height: 80px;
                width: 100%;
                display: flex;
                align-items: center;
                padding: 0 2rem
            }

                .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-header h2 {
                    font-family: "Montserrat",sans-serif;
                    font-size: 1.15rem
                }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body {
                height: calc(100% - 80px);
                overflow-y: auto;
                padding: 0 2rem 2rem 2rem
            }

                .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .content-section-title {
                    font-family: "Roboto",sans-serif;
                    font-size: .7rem;
                    color: #a2a5b9;
                    text-transform: uppercase;
                    margin-bottom: .75rem
                }

                .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box {
                    border: 1px solid #dbdbdb;
                    border-radius: .75rem;
                    box-shadow: none;
                    cursor: pointer;
                    transition: border .3s,box-shadow .3s;
                    margin-bottom: .75rem
                }

                    .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box.is-active {
                        border-color: #3d70b2;
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                    }

                    .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-body {
                        padding: .5rem 0
                    }

                        .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-body p {
                            font-size: .95rem
                        }

                    .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-actions {
                        display: flex;
                        align-items: center;
                        justify-content: space-between
                    }

                        .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-actions .rating i {
                            font-size: .9rem;
                            color: #f5f6fa
                        }

                            .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-actions .rating i.highlighted {
                                color: #ff9700
                            }

                        .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-actions .action {
                            display: flex;
                            align-items: center;
                            font-family: "Roboto",sans-serif;
                            font-size: .9rem;
                            color: #393a4f
                        }

                            .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-actions .action svg {
                                height: 16px;
                                width: 16px;
                                margin-right: .25rem;
                                stroke: #a2a5b9
                            }

body.is-dark .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section {
    background: #1a212c
}

    body.is-dark .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box {
        background: #262f40;
        border-color: #334056
    }

        body.is-dark .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box.is-active {
            border-color: #3d70b2 !important
        }

.mapboxgl-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    z-index: 30;
    position: relative;
    top: -2px
}

.mapboxgl-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    z-index: 30;
    position: relative;
    bottom: -2px
}

.mapboxgl-popup.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    z-index: 30;
    position: relative;
    left: -2px
}

.mapboxgl-popup.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    z-index: 30;
    position: relative;
    right: -2px
}

.mapboxgl-popup .mapboxgl-popup-content {
    border: 1px solid #dbdbdb;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
    padding: 1.25rem;
    border-radius: .5rem
}

    .mapboxgl-popup .mapboxgl-popup-content .map-box-location .map-box-body {
        padding: .5rem 0
    }

        .mapboxgl-popup .mapboxgl-popup-content .map-box-location .map-box-body p {
            line-height: 1.4
        }

body.is-dark .mapboxgl-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-top-color: #1a212c
}

body.is-dark .mapboxgl-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    border-bottom-color: #1a212c
}

body.is-dark .mapboxgl-popup.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    border-right-color: #1a212c
}

body.is-dark .mapboxgl-popup.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    border-left-color: #1a212c
}

body.is-dark .mapboxgl-popup .mapboxgl-popup-content {
    background: #1a212c;
    border-color: #334056
}

    body.is-dark .mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button {
        color: #fff !important
    }

.geocoder {
    position: absolute;
    z-index: 1;
    width: 100%;
    max-width: 380px;
    top: 1rem;
    left: 0;
    right: 0;
    margin: 0 auto
}

.mapboxgl-ctrl-geocoder {
    min-width: 100% !important;
    border-radius: .65rem !important;
    border: 1px solid #dbdbdb;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
}

    .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--suggestion-title {
        font-family: "Roboto",sans-serif
    }

    .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--suggestion-address {
        font-family: "Roboto",sans-serif
    }

    .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--icon-search {
        top: 13px;
        left: 12px;
        transition: stroke .3s;
        fill: #a2a5b9
    }

    .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {
        top: 11px !important;
        right: 11px !important
    }

    .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--button {
        background: none !important
    }

    .mapboxgl-ctrl-geocoder input {
        height: 44px;
        padding-left: 3rem;
        border-radius: .75rem;
        background: #fff;
        transition: all .3s
    }

        .mapboxgl-ctrl-geocoder input:focus {
            outline: none
        }

            .mapboxgl-ctrl-geocoder input:focus ~ .mapboxgl-ctrl-geocoder--icon-search {
                fill: #3d70b2 !important
            }

body.is-dark .mapboxgl-marker svg circle {
    fill: #262f40 !important
}

body.is-dark .mapboxgl-ctrl-geocoder {
    background: #1a212c;
    border-color: #334056
}

    body.is-dark .mapboxgl-ctrl-geocoder input {
        color: #fff;
        background: #1a212c
    }

    body.is-dark .mapboxgl-ctrl-geocoder .suggestions-wrapper .suggestions {
        background: #1a212c;
        border-color: #334056
    }

    body.is-dark .mapboxgl-ctrl-geocoder .suggestions > .active > a, body.is-dark .mapboxgl-ctrl-geocoder .suggestions > li > a:hover {
        background: #151a23
    }

    body.is-dark .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--suggestion-title {
        color: #fff
    }

    body.is-dark .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--suggestion-address {
        color: #a2a5b9
    }

@media only screen and (max-width: 767px) {
    .dashboard-map-wrapper {
        overflow-x: hidden
    }

        .dashboard-map-wrapper .dashboard-map-wrapper-inner {
            flex-direction: column
        }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner.is-reversed {
                flex-direction: column
            }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner .map-section {
                min-height: 30vh;
                width: 100%
            }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section {
                height: 70vh
            }

    .geocoder {
        padding: 0 2rem
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .dashboard-map-wrapper {
        overflow-x: hidden
    }

        .dashboard-map-wrapper .dashboard-map-wrapper-inner {
            flex-direction: column
        }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner.is-reversed {
                flex-direction: column
            }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner .map-section {
                min-height: 30vh;
                width: 100%
            }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section {
                height: calc(70vh - 60px);
                width: 100%
            }

    .geocoder {
        padding: 0 2rem
    }
}

.question-tabs {
    margin-bottom: 20px !important;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
    border: 1px solid #e8e8e8;
    border-radius: 8px
}

    .question-tabs.is-nav {
        margin-bottom: 0 !important;
        box-shadow: none !important;
        border: none
    }

        .question-tabs.is-nav ul li a {
            padding: 1.25em;
            border-bottom: 2px solid transparent
        }

    .question-tabs ul {
        border-color: transparent
    }

        .question-tabs ul li.is-active a {
            color: #3d70b2;
            border-bottom-color: #3d70b2
        }

        .question-tabs ul li a {
            color: #c6c6c6;
            border-bottom: 1px solid transparent;
            font-size: .9rem;
            padding: 1em
        }

.questions-wrap, .questions-demo {
    margin: 60px 0
}

    .questions-wrap.is-smaller, .questions-demo.is-smaller {
        margin: 20px 0
    }

    .questions-wrap .questions-menu, .questions-demo .questions-menu {
        margin-right: 40px;
        max-width: 250px
    }

        .questions-wrap .questions-menu.questions-menu-fixed, .questions-demo .questions-menu.questions-menu-fixed {
            position: fixed;
            width: 100%;
            max-width: 250px;
            margin-top: 40px;
            opacity: 0;
            pointer-events: none;
            transition: all .5s
        }

            .questions-wrap .questions-menu.questions-menu-fixed.is-faded, .questions-demo .questions-menu.questions-menu-fixed.is-faded {
                opacity: 1;
                pointer-events: all
            }

        .questions-wrap .questions-menu li.is-active a, .questions-demo .questions-menu li.is-active a {
            background: #fff
        }

            .questions-wrap .questions-menu li.is-active a svg, .questions-demo .questions-menu li.is-active a svg {
                stroke: #3d70b2
            }

            .questions-wrap .questions-menu li.is-active a span, .questions-demo .questions-menu li.is-active a span {
                color: #3d70b2
            }

        .questions-wrap .questions-menu li a, .questions-demo .questions-menu li a {
            display: flex;
            align-items: center;
            height: 50px;
            padding: 0 20px;
            border-radius: 100px
        }

            .questions-wrap .questions-menu li a svg, .questions-demo .questions-menu li a svg {
                height: 22px;
                height: 22px;
                margin-right: 10px;
                stroke: #999;
                transition: all .3s
            }

            .questions-wrap .questions-menu li a span, .questions-demo .questions-menu li a span {
                display: block;
                font-family: "Montserrat",sans-serif;
                font-size: .85rem;
                color: #393a4f;
                transition: color .3s
            }

.question-content {
    max-width: 640px;
    margin: 0 auto
}

    .question-content.is-large {
        max-width: 840px
    }

    .question-content .top-single-header {
        margin: 0 0 20px 0
    }

    .question-content .question-block {
        border-bottom: 1px solid #e3e3e3
    }

        .question-content .question-block.is-top-spaced {
            margin-top: 30px
        }

        .question-content .question-block .question-title {
            font-family: "Montserrat",sans-serif;
            font-weight: bold;
            color: #393a4f;
            font-size: 1.6rem
        }

            .question-content .question-block .question-title.is-link {
                transition: color .3s
            }

                .question-content .question-block .question-title.is-link:hover {
                    color: #3d70b2
                }

        .question-content .question-block .question-author {
            display: flex;
            align-items: center;
            padding: 20px 0
        }

            .question-content .question-block .question-author img {
                display: block;
                height: 38px;
                width: 38px;
                min-width: 38px;
                border-radius: 50%
            }

            .question-content .question-block .question-author .meta {
                margin-left: 12px
            }

                .question-content .question-block .question-author .meta span {
                    display: block
                }

                    .question-content .question-block .question-author .meta span:first-child {
                        font-family: "Montserrat",sans-serif;
                        font-weight: 600;
                        color: #393a4f;
                        font-size: .9rem
                    }

                    .question-content .question-block .question-author .meta span:nth-child(2) {
                        font-size: .85rem;
                        color: #999
                    }

        .question-content .question-block .question-text p {
            font-family: "Roboto",sans-serif;
            font-weight: 400;
            color: #707298;
            font-size: .95rem;
            max-width: 680px
        }

        .question-content .question-block .question-text .tags {
            padding-top: 10px
        }

            .question-content .question-block .question-text .tags .tag {
                border-radius: 100px;
                line-height: 1
            }

        .question-content .question-block .question-footer {
            padding: 20px 0 0 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 700px
        }

            .question-content .question-block .question-footer .likes, .question-content .question-block .question-footer .report {
                display: flex;
                align-items: center
            }

                .question-content .question-block .question-footer .likes .like-icon, .question-content .question-block .question-footer .report .like-icon {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 32px;
                    width: 32px;
                    background: #f71416;
                    border-radius: 50%
                }

                    .question-content .question-block .question-footer .likes .like-icon svg, .question-content .question-block .question-footer .report .like-icon svg {
                        height: 16px;
                        width: 16px;
                        stroke: #fff;
                        fill: #fff
                    }

                .question-content .question-block .question-footer .likes .report-icon, .question-content .question-block .question-footer .report .report-icon {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 32px;
                    width: 32px;
                    background: #f5f5f5;
                    border-radius: 50%
                }

                    .question-content .question-block .question-footer .likes .report-icon svg, .question-content .question-block .question-footer .report .report-icon svg {
                        height: 16px;
                        width: 16px;
                        stroke: #999
                    }

                .question-content .question-block .question-footer .likes span, .question-content .question-block .question-footer .report span {
                    display: block;
                    font-weight: 500;
                    margin-left: 10px;
                    font-size: .9rem
                }

        .question-content .question-block .answers-count {
            padding: 20px 4px
        }

            .question-content .question-block .answers-count span {
                font-family: "Montserrat",sans-serif;
                font-weight: 600;
                color: #393a4f;
                font-size: .9rem
            }

    .question-content .answer-block {
        padding: 10px 0;
        border-bottom: 1px solid #e3e3e3
    }

        .question-content .answer-block.is-best .answer-author .avatar-wrap {
            border: 1.4px solid #1ce589
        }

            .question-content .answer-block.is-best .answer-author .avatar-wrap .badge {
                display: flex
            }

        .question-content .answer-block.is-best .answer-footer .upvote .upvote-icon {
            background: #1ce589
        }

        .question-content .answer-block .answer-author {
            display: flex;
            align-items: center;
            padding: 20px 0
        }

            .question-content .answer-block .answer-author .avatar-wrap {
                position: relative;
                height: 48px;
                width: 48px;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 50%;
                border: 1.4px solid #999
            }

                .question-content .answer-block .answer-author .avatar-wrap .avatar {
                    display: block;
                    height: 38px;
                    width: 38px;
                    min-width: 38px;
                    border-radius: 50%
                }

                .question-content .answer-block .answer-author .avatar-wrap .badge {
                    position: absolute;
                    top: -4px;
                    right: -7px;
                    height: 22px;
                    width: 22px;
                    border-radius: 50%;
                    border: 2px solid #fcfcfc;
                    display: none;
                    justify-content: center;
                    align-items: center;
                    background: #1ce589
                }

                    .question-content .answer-block .answer-author .avatar-wrap .badge svg {
                        height: 12px;
                        width: 12px;
                        stroke: #fcfcfc;
                        stroke-width: 3px
                    }

            .question-content .answer-block .answer-author .meta {
                margin-left: 12px
            }

                .question-content .answer-block .answer-author .meta span {
                    display: block
                }

                    .question-content .answer-block .answer-author .meta span:first-child {
                        font-family: "Montserrat",sans-serif;
                        font-weight: 600;
                        color: #393a4f;
                        font-size: .9rem
                    }

                        .question-content .answer-block .answer-author .meta span:first-child .best-tag {
                            margin-left: 10px;
                            padding: 4px 12px;
                            border-radius: 100px;
                            background: #c1f8df;
                            font-weight: 400;
                            font-size: .75rem;
                            color: #1ce589;
                            font-family: "Roboto",sans-serif
                        }

                    .question-content .answer-block .answer-author .meta span:nth-child(2) {
                        font-size: .85rem;
                        color: #999
                    }

        .question-content .answer-block .answer-text p {
            font-family: "Roboto",sans-serif;
            font-weight: 400;
            color: #707298;
            font-size: .95rem;
            max-width: 680px;
            margin-bottom: 20px
        }

            .question-content .answer-block .answer-text p.code {
                padding: 30px;
                border-radius: 8px;
                background: #f5f5f8;
                font-size: .88rem;
                color: #5b5d7e
            }

            .question-content .answer-block .answer-text p a {
                display: block;
                word-break: break-all;
                color: #039be5;
                text-decoration: underline
            }

        .question-content .answer-block .answer-footer {
            padding: 30px 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 700px
        }

            .question-content .answer-block .answer-footer .upvote, .question-content .answer-block .answer-footer .report {
                display: flex;
                align-items: center
            }

                .question-content .answer-block .answer-footer .upvote .upvote-icon, .question-content .answer-block .answer-footer .report .upvote-icon {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 32px;
                    width: 32px;
                    background: #ebebeb;
                    border-radius: 50%
                }

                    .question-content .answer-block .answer-footer .upvote .upvote-icon svg, .question-content .answer-block .answer-footer .report .upvote-icon svg {
                        height: 16px;
                        width: 16px;
                        stroke: #fff;
                        stroke-width: 4px
                    }

                .question-content .answer-block .answer-footer .upvote .report-icon, .question-content .answer-block .answer-footer .report .report-icon {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 32px;
                    width: 32px;
                    background: #f5f5f5;
                    border-radius: 50%
                }

                    .question-content .answer-block .answer-footer .upvote .report-icon svg, .question-content .answer-block .answer-footer .report .report-icon svg {
                        height: 16px;
                        width: 16px;
                        stroke: #999
                    }

                .question-content .answer-block .answer-footer .upvote span, .question-content .answer-block .answer-footer .report span {
                    display: block;
                    font-weight: 500;
                    margin-left: 10px;
                    font-size: .9rem
                }

    .question-content .more-answers {
        padding: 40px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 680px
    }

        .question-content .more-answers a {
            text-transform: uppercase;
            font-size: .75rem;
            color: #999;
            padding: 6px 20px;
            background: #f2f2f2;
            border-radius: 100px;
            padding: 12px 20px;
            min-width: 188px;
            text-align: center;
            transition: all .3s
        }

            .question-content .more-answers a:hover {
                background: #3d70b2;
                color: #fff;
                box-shadow: 0 14px 26px -12px rgba(61,112,178,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(61,112,178,.2) !important
            }

            .question-content .more-answers a.is-loading {
                width: 42px
            }

.other-questions .other-title {
    font-family: "Montserrat",sans-serif;
    font-weight: bold;
    color: #5b5d7e;
    font-size: 1.2rem
}

.other-questions .other-question {
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0
}

    .other-questions .other-question .avatar-wrap {
        position: relative;
        height: 58px;
        width: 58px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        border: 1.4px solid #999
    }

        .other-questions .other-question .avatar-wrap .avatar {
            display: block;
            height: 48px;
            width: 48px;
            min-width: 48px;
            border-radius: 50%
        }

        .other-questions .other-question .avatar-wrap .badge {
            position: absolute;
            top: -4px;
            right: -7px;
            height: 22px;
            width: 22px;
            border-radius: 50%;
            border: 2px solid #fcfcfc;
            display: none;
            justify-content: center;
            align-items: center;
            background: #1ce589
        }

            .other-questions .other-question .avatar-wrap .badge svg {
                height: 12px;
                width: 12px;
                stroke: #fcfcfc;
                stroke-width: 3px
            }

    .other-questions .other-question .meta {
        margin-left: 12px
    }

        .other-questions .other-question .meta span, .other-questions .other-question .meta a {
            display: block
        }

            .other-questions .other-question .meta span:first-child, .other-questions .other-question .meta a:first-child {
                font-family: "Montserrat",sans-serif;
                font-weight: 600;
                color: #5b5d7e;
                font-size: 1rem
            }

            .other-questions .other-question .meta span:nth-child(2), .other-questions .other-question .meta a:nth-child(2) {
                font-size: .9rem;
                color: #999
            }

        .other-questions .other-question .meta a {
            transition: color .3s
        }

            .other-questions .other-question .meta a:hover {
                color: #3d70b2
            }

.questions-nav {
    position: fixed;
    top: 58px;
    left: 0;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #dedede;
    background: #fff;
    z-index: 18;
    transform: translateY(-100%);
    transition: all .3s
}

    .questions-nav.is-active {
        transform: translateY(0)
    }

    .questions-nav .inner {
        position: relative;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .questions-nav .inner.is-scrollable {
            overflow-x: auto !important
        }

        .questions-nav .inner .question-summary {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
            width: 100%;
            max-width: 640px;
            object-fit: cover
        }

            .questions-nav .inner .question-summary img {
                display: block;
                height: 32px;
                width: 32px;
                min-width: 32px;
                border-radius: 50%
            }

            .questions-nav .inner .question-summary .meta {
                margin-left: 12px
            }

                .questions-nav .inner .question-summary .meta h4 {
                    font-family: "Montserrat",sans-serif;
                    font-weight: bold;
                    color: #393a4f;
                    font-size: 1rem
                }

                .questions-nav .inner .question-summary .meta span {
                    display: block;
                    font-size: .8rem;
                    color: #999
                }

            .questions-nav .inner .question-summary .dropdown {
                margin-left: auto
            }

                .questions-nav .inner .question-summary .dropdown:hover .button {
                    background: #f0f0f0
                }

                    .questions-nav .inner .question-summary .dropdown:hover .button svg {
                        stroke: #393a4f
                    }

                .questions-nav .inner .question-summary .dropdown .button {
                    border: none;
                    width: 36px;
                    height: 36px;
                    border-radius: 50%;
                    padding: 0;
                    transition: all .3s
                }

                    .questions-nav .inner .question-summary .dropdown .button svg {
                        height: 20px;
                        width: 20px;
                        stroke: #999;
                        transition: stroke .3s
                    }

                .questions-nav .inner .question-summary .dropdown .dropdown-menu {
                    margin-top: 14px
                }

        .questions-nav .inner .questions-nav-menu {
            display: flex;
            align-items: center;
            justify-content: center
        }

            .questions-nav .inner .questions-nav-menu .menu-item {
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 6px 20px 6px 16px;
                border-radius: 100px;
                transition: all .3s
            }

                .questions-nav .inner .questions-nav-menu .menu-item:hover svg {
                    stroke: #3d70b2
                }

                .questions-nav .inner .questions-nav-menu .menu-item:hover span {
                    color: #3d70b2
                }

                .questions-nav .inner .questions-nav-menu .menu-item.is-active {
                    background: #fff
                }

                    .questions-nav .inner .questions-nav-menu .menu-item.is-active svg {
                        stroke: #3d70b2
                    }

                    .questions-nav .inner .questions-nav-menu .menu-item.is-active span {
                        color: #3d70b2
                    }

                .questions-nav .inner .questions-nav-menu .menu-item svg {
                    height: 16px;
                    width: 16px;
                    stroke: #cecece;
                    transition: stroke .3s
                }

                .questions-nav .inner .questions-nav-menu .menu-item span {
                    color: #595b7b;
                    font-size: .9rem;
                    margin-left: 3px;
                    transition: color .3s
                }

.categories-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 20px
}

    .categories-header h2 {
        font-family: "Montserrat",sans-serif;
        font-weight: bold;
        color: #393a4f;
        font-size: 1.6rem
    }

    .categories-header .control {
        position: relative
    }

        .categories-header .control input {
            padding-bottom: 8px;
            padding-left: 36px
        }

            .categories-header .control input:focus {
                border-color: #ededed
            }

                .categories-header .control input:focus + .search-icon svg {
                    stroke: #3d70b2
                }

        .categories-header .control .search-icon {
            position: absolute;
            top: 0;
            left: 0;
            height: 36px;
            width: 36px;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .categories-header .control .search-icon svg {
                height: 20px;
                width: 20px;
                stroke: #cecece;
                transition: stroke .3s
            }

.category-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
    border: 1px solid #dedede;
    border-radius: 8px;
    transition: all .3s
}

    .category-box.is-row {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start
    }

        .category-box.is-row img {
            margin: 0;
            min-height: 160px;
            max-height: 160px
        }

        .category-box.is-row .box-content {
            padding-left: 40px
        }

    .category-box.is-taller img {
        margin: 0;
        min-height: 140px;
        max-height: 140px
    }

    .category-box:hover {
        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
    }

        .category-box:hover.is-primary {
            border-color: #3d70b2
        }

            .category-box:hover.is-primary img {
                filter: grayscale(0);
                opacity: 1
            }

            .category-box:hover.is-primary .box-content h3 {
                color: #3d70b2
            }

        .category-box:hover.is-accent {
            border-color: #3d70b2
        }

            .category-box:hover.is-accent img {
                filter: grayscale(0);
                opacity: 1
            }

            .category-box:hover.is-accent .box-content h3 {
                color: #3d70b2
            }

        .category-box:hover.is-green {
            border-color: #1ce589
        }

            .category-box:hover.is-green img {
                filter: grayscale(0);
                opacity: 1
            }

            .category-box:hover.is-green .box-content h3 {
                color: #1ce589
            }

        .category-box:hover.is-blue {
            border-color: #039be5
        }

            .category-box:hover.is-blue img {
                filter: grayscale(0);
                opacity: 1
            }

            .category-box:hover.is-blue .box-content h3 {
                color: #039be5
            }

        .category-box:hover.is-red {
            border-color: #f71416
        }

            .category-box:hover.is-red img {
                filter: grayscale(0);
                opacity: 1
            }

            .category-box:hover.is-red .box-content h3 {
                color: #f71416
            }

    .category-box img {
        display: block;
        margin: 0 auto;
        min-height: 110px;
        max-height: 110px;
        margin-bottom: 30px;
        filter: grayscale(1);
        opacity: .6;
        transition: all .3s
    }

    .category-box .box-content h3 {
        font-family: "Montserrat",sans-serif;
        color: #393a4f;
        margin-bottom: 6px;
        transition: color .3s
    }

    .category-box .box-content p {
        font-family: "Roboto",sans-serif;
        font-size: .9rem;
        color: #999
    }

.stats-wrapper .stats-header {
    display: flex;
    align-items: center;
    background: #fff;
    width: 100%;
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    margin-bottom: 10px
}

    .stats-wrapper .stats-header .avatar-wrapper {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 96px;
        width: 96px;
        min-width: 96px;
        border-radius: 50%;
        border: 2px solid #cecece
    }

        .stats-wrapper .stats-header .avatar-wrapper .avatar {
            display: block;
            height: 80px;
            width: 80px;
            border-radius: 50%
        }

        .stats-wrapper .stats-header .avatar-wrapper .badge {
            position: absolute;
            top: 1px;
            right: -1px;
            height: 28px;
            width: 28px;
            border-radius: 50%;
            border: 3px solid #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #1ce589
        }

            .stats-wrapper .stats-header .avatar-wrapper .badge svg {
                height: 13px;
                width: 13px;
                stroke: #fff;
                stroke-width: 4px
            }

    .stats-wrapper .stats-header .user-info {
        margin-left: 20px
    }

        .stats-wrapper .stats-header .user-info h4 {
            font-family: "Montserrat",sans-serif;
            font-weight: 700;
            color: #393a4f;
            font-size: 1.1rem
        }

        .stats-wrapper .stats-header .user-info p {
            color: #999;
            font-size: .85rem;
            font-family: "Roboto",sans-serif
        }

        .stats-wrapper .stats-header .user-info .button {
            margin-top: 10px;
            height: 36px;
            min-width: 110px;
            border-radius: 100px;
            padding: 0;
            transition: all .3s
        }

            .stats-wrapper .stats-header .user-info .button.is-follow {
                border: 1.6px solid #3d70b2;
                color: #3d70b2
            }

                .stats-wrapper .stats-header .user-info .button.is-follow:hover {
                    background: #3d70b2;
                    color: #fcfcfc;
                    box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
                }

    .stats-wrapper .stats-header .main-stats {
        margin-left: auto;
        display: flex
    }

        .stats-wrapper .stats-header .main-stats .stat-block {
            padding: 0 16px;
            text-align: center
        }

            .stats-wrapper .stats-header .main-stats .stat-block.is-centered {
                border-left: 1px solid #dedede;
                border-right: 1px solid #dedede
            }

            .stats-wrapper .stats-header .main-stats .stat-block h4 {
                text-transform: uppercase;
                font-size: .7rem;
                color: #393a4f;
                font-weight: 500
            }

            .stats-wrapper .stats-header .main-stats .stat-block p {
                font-weight: bolder;
                font-size: 1.4rem;
                color: #707298
            }

.stats-wrapper .achievements .header {
    display: flex;
    align-items: center;
    padding: 10px
}

    .stats-wrapper .achievements .header h3 {
        font-family: "Montserrat",sans-serif;
        color: #595b7b;
        font-size: .9rem;
        font-weight: 600;
        transition: color .3s
    }

.stats-wrapper .achievements .achievements-carousel-wrap {
    position: relative;
    overflow: hidden;
    margin-top: -6px
}

    .stats-wrapper .achievements .achievements-carousel-wrap .achievements-loader {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
        background: #fff;
        opacity: 0;
        transition: all .3s;
        z-index: -1
    }

        .stats-wrapper .achievements .achievements-carousel-wrap .achievements-loader.is-active {
            opacity: 1;
            z-index: 1
        }

        .stats-wrapper .achievements .achievements-carousel-wrap .achievements-loader .loader {
            height: 2rem;
            width: 2rem
        }

.stats-wrapper .achievements .achievements-carousel {
    max-height: 250px
}

    .stats-wrapper .achievements .achievements-carousel .achievement {
        padding: 30px;
        border: 1px solid #dedede;
        background: #fff;
        border-radius: 8px;
        margin: 6px;
        outline: none !important;
        cursor: grab;
        transition: all .3s
    }

        .stats-wrapper .achievements .achievements-carousel .achievement:hover {
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
            border-color: #3d70b2
        }

        .stats-wrapper .achievements .achievements-carousel .achievement img {
            display: block;
            height: 90px;
            margin: 0 auto
        }

        .stats-wrapper .achievements .achievements-carousel .achievement h3 {
            margin-top: 20px;
            font-family: "Montserrat",sans-serif;
            color: #595b7b;
            font-size: .85rem;
            font-weight: 500
        }

        .stats-wrapper .achievements .achievements-carousel .achievement p {
            color: #999;
            font-size: .8rem;
            min-height: 39px
        }

.stats-wrapper .quick-activity .header {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #e8e8e8
}

    .stats-wrapper .quick-activity .header h3 {
        font-family: "Montserrat",sans-serif;
        color: #595b7b;
        font-size: .9rem;
        font-weight: 600;
        transition: color .3s
    }

.stats-wrapper .quick-activity .activity-list {
    padding: 10px
}

    .stats-wrapper .quick-activity .activity-list .activity-item {
        display: flex;
        border-bottom: 1px solid #e8e8e8;
        padding: 16px
    }

        .stats-wrapper .quick-activity .activity-list .activity-item.is-best .avatar-wrap {
            border: 1.4px solid #1ce589
        }

            .stats-wrapper .quick-activity .activity-list .activity-item.is-best .avatar-wrap .badge {
                display: flex
            }

        .stats-wrapper .quick-activity .activity-list .activity-item .avatar-wrap {
            position: relative;
            height: 48px;
            width: 48px;
            min-width: 48px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            border: 1.4px solid #cecece
        }

            .stats-wrapper .quick-activity .activity-list .activity-item .avatar-wrap .avatar {
                display: block;
                height: 38px;
                width: 38px;
                min-width: 38px;
                border-radius: 50%
            }

            .stats-wrapper .quick-activity .activity-list .activity-item .avatar-wrap .badge {
                position: absolute;
                top: -4px;
                right: -7px;
                height: 22px;
                width: 22px;
                border-radius: 50%;
                border: 2px solid #fcfcfc;
                display: none;
                justify-content: center;
                align-items: center;
                background: #1ce589
            }

                .stats-wrapper .quick-activity .activity-list .activity-item .avatar-wrap .badge svg {
                    height: 12px;
                    width: 12px;
                    stroke: #fcfcfc;
                    stroke-width: 3px
                }

        .stats-wrapper .quick-activity .activity-list .activity-item .meta {
            margin-left: 16px
        }

            .stats-wrapper .quick-activity .activity-list .activity-item .meta span {
                display: block
            }

                .stats-wrapper .quick-activity .activity-list .activity-item .meta span:first-child {
                    font-family: "Montserrat",sans-serif;
                    font-weight: 600;
                    color: #393a4f;
                    font-size: .9rem
                }

                    .stats-wrapper .quick-activity .activity-list .activity-item .meta span:first-child .best-tag {
                        margin-left: 10px;
                        padding: 4px 12px;
                        border-radius: 100px;
                        background: #c1f8df;
                        font-weight: 400;
                        font-size: .75rem;
                        color: #1ce589;
                        font-family: "Roboto",sans-serif
                    }

                .stats-wrapper .quick-activity .activity-list .activity-item .meta span:nth-child(2) {
                    font-size: .9rem;
                    font-family: "Roboto",sans-serif;
                    color: #999;
                    max-width: 450px
                }

                    .stats-wrapper .quick-activity .activity-list .activity-item .meta span:nth-child(2) a {
                        color: #595b7b;
                        transition: color .3s
                    }

                        .stats-wrapper .quick-activity .activity-list .activity-item .meta span:nth-child(2) a:hover {
                            color: #3d70b2
                        }

            .stats-wrapper .quick-activity .activity-list .activity-item .meta small {
                margin-top: 6px;
                font-size: .75rem;
                color: #999
            }

.questions-settings .settings-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 30px
}

    .questions-settings .settings-header h2 {
        font-family: "Montserrat",sans-serif;
        font-weight: bold;
        color: #393a4f;
        font-size: 1.6rem
    }

    .questions-settings .settings-header .control {
        position: relative
    }

        .questions-settings .settings-header .control input {
            padding-bottom: 8px;
            padding-left: 36px
        }

            .questions-settings .settings-header .control input:focus {
                border-color: #ededed
            }

                .questions-settings .settings-header .control input:focus + .search-icon svg {
                    stroke: #3d70b2
                }

        .questions-settings .settings-header .control .search-icon {
            position: absolute;
            top: 0;
            left: 0;
            height: 36px;
            width: 36px;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .questions-settings .settings-header .control .search-icon svg {
                height: 20px;
                width: 20px;
                stroke: #cecece;
                transition: stroke .3s
            }

.questions-settings .settings-body .switch-block {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

    .questions-settings .settings-body .switch-block .meta {
        margin-left: 16px
    }

        .questions-settings .settings-body .switch-block .meta span {
            display: block
        }

            .questions-settings .settings-body .switch-block .meta span:first-child {
                font-family: "Montserrat",sans-serif;
                font-weight: 600;
                color: #393a4f;
                font-size: .9rem
            }

            .questions-settings .settings-body .switch-block .meta span:nth-child(2) {
                font-size: .85rem;
                color: #999
            }

.questions-side-card {
    width: 100%;
    background: #fff;
    padding: 30px;
    border: 1px solid #dedede;
    border-radius: 8px;
    margin-bottom: 20px
}

    .questions-side-card img {
        max-width: 80px;
        margin: 0 auto 20px auto
    }

    .questions-side-card h4 {
        font-family: "Montserrat",sans-serif;
        font-weight: 600;
        color: #393a4f;
        font-size: .9rem
    }

    .questions-side-card p {
        font-size: .9rem;
        color: #999
    }

@media(max-width: 767px) {
    .questions-nav .question-summary {
        max-width: 340px !important
    }

        .questions-nav .question-summary .meta h4 {
            font-size: .85rem !important
        }

        .questions-nav .question-summary .meta span {
            display: none !important
        }

    .questions-nav .questions-nav-menu .menu-item {
        padding: 6px 16px !important
    }

        .questions-nav .questions-nav-menu .menu-item svg {
            height: 18px !important;
            width: 18px !important
        }

        .questions-nav .questions-nav-menu .menu-item span {
            display: none !important
        }

    .questions-wrap {
        margin: 26px 0;
        padding: 0 10px
    }

        .questions-wrap .column.is-4, .questions-wrap .column.is-3 {
            display: none
        }

    .categories-header h2, .settings-header h2 {
        font-size: 1.3rem !important
    }

    .categories-header .control, .settings-header .control {
        max-width: 200px
    }

    .category-box.is-row {
        flex-direction: column !important
    }

        .category-box.is-row img {
            min-height: 110px !important;
            max-height: 110px !important
        }

        .category-box.is-row .box-content {
            padding-left: 0 !important;
            padding-top: 20px
        }

    .category-box.is-taller img {
        min-height: 110px !important;
        max-height: 110px !important
    }

    .category-box.is-taller .box-content {
        padding-left: 0 !important;
        padding-top: 20px
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .questions-nav .question-summary {
        margin: 0 auto;
        width: 100%;
        max-width: 640px
    }

    .questions-wrap {
        margin: 30px 0;
        padding: 0 60px
    }

        .questions-wrap .column.is-4, .questions-wrap .column.is-3 {
            display: none
        }

    .category-box {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important
    }

        .category-box img {
            margin: 0 !important;
            min-height: none !important;
            max-height: none !important;
            max-width: 120px !important;
            min-width: 120px !important
        }

        .category-box .box-content {
            padding-left: 40px !important
        }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
    .questions-nav .question-summary {
        margin: 0 auto;
        width: 100%;
        max-width: 640px
    }

    .categories-tile-grid .tile.is-parent {
        padding: .5rem !important
    }

    .category-box .box-content p {
        font-size: .8rem !important
    }

    .questions-menu-fixed {
        max-width: 190px !important
    }

    .questions-side-card {
        padding: 20px
    }

        .questions-side-card img {
            max-width: 60px
        }

        .questions-side-card p {
            font-size: .8rem
        }
}

@media(max-width: 1300px) {
    .stats-wrapper .stats-header {
        flex-direction: column
    }

        .stats-wrapper .stats-header .user-info {
            margin: 0
        }

        .stats-wrapper .stats-header .main-stats {
            margin: 0 auto;
            margin-top: 20px
        }
}

#questions-shadow-dom-home {
    max-width: 640px;
    margin: 0 auto
}

.videos-wrapper .videos-sidebar {
    position: fixed;
    top: 57px;
    left: 0;
    height: calc(100% - 56px);
    background: #fafafa;
    border-right: 1px solid #e8e8e8;
    transform: translateX(-100%);
    z-index: 10;
    transition: all .3s
}

    .videos-wrapper .videos-sidebar.is-active {
        transform: translateX(0)
    }

    .videos-wrapper .videos-sidebar .videos-sidebar-inner {
        position: relative;
        height: 100%;
        width: 100%
    }

        .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block {
            position: relative;
            margin: 20px 20px 0 20px;
            border-bottom: 1px solid #dedede;
            text-align: center;
            height: 200px
        }

            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .close-videos-sidebar {
                position: absolute;
                top: -12px;
                right: -10px;
                width: 32px;
                height: 32px;
                border-radius: 50%;
                display: none;
                align-items: center;
                justify-content: center;
                transition: all .3s
            }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .close-videos-sidebar:hover {
                    background: #fff
                }

                    .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .close-videos-sidebar:hover svg {
                        stroke: #393a4f
                    }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .close-videos-sidebar svg {
                    height: 20px;
                    width: 20px;
                    color: #999;
                    transition: stroke .3s
                }

            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .avatar-wrap {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 74px;
                height: 74px;
                min-width: 74px;
                border: 1.4px solid #d8d8d8;
                border-radius: 50%;
                margin: 0 auto 6px auto
            }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .avatar-wrap img {
                    display: block;
                    width: 58px;
                    height: 58px;
                    min-width: 58px;
                    border-radius: 50%
                }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .avatar-wrap .badge {
                    position: absolute;
                    bottom: 2px;
                    right: -3px;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%;
                    border: 2px solid #fcfcfc;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: #1ce589
                }

                    .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .avatar-wrap .badge svg {
                        height: 10px;
                        width: 10px;
                        stroke: #fcfcfc;
                        stroke-width: 4px
                    }

            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block h4 {
                font-family: "Montserrat",sans-serif;
                font-weight: 700;
                font-size: .9rem;
                color: #393a4f
            }

            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block p {
                font-size: .8rem;
                color: #999
            }

            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .user-stats {
                display: flex;
                align-items: center;
                justify-content: space-around;
                padding: 20px 0
            }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .user-stats .stat-block {
                    text-align: center
                }

                    .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .user-stats .stat-block span {
                        display: block
                    }

                        .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .user-stats .stat-block span:first-child {
                            text-transform: uppercase;
                            font-weight: 600;
                            font-size: .65rem;
                            color: #393a4f
                        }

                        .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .user-stats .stat-block span:last-child {
                            font-size: .9rem;
                            color: #999
                        }

        .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu {
            position: absolute;
            top: 200px;
            left: 0;
            width: 100%;
            height: calc(100% - 230px)
        }

            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner {
                position: relative;
                height: 100%;
                max-height: 100%;
                width: 100%;
                overflow-y: auto
            }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .separator {
                    margin: 0 30px;
                    border-bottom: 1px solid #dedede
                }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block {
                    padding: 20px 0
                }

                    .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block ul li {
                        display: flex;
                        align-items: center;
                        padding: 14px 40px;
                        border-left: 4px solid transparent
                    }

                        .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block ul li.is-active {
                            border-color: #3d70b2
                        }

                        .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a {
                            display: flex;
                            align-items: center
                        }

                            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a span {
                                display: block;
                                color: #393a4f;
                                font-family: "Montserrat",sans-serif;
                                font-size: .8rem;
                                font-weight: 600
                            }

                            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a svg {
                                height: 18px;
                                width: 18px;
                                stroke: #cecece;
                                margin-right: 20px
                            }

.videos-wrapper.is-home {
    padding-left: 0;
    padding-right: 0
}

    .videos-wrapper.is-home .home-wrapper {
        position: relative;
        top: -2px
    }

        .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger {
            position: absolute;
            z-index: 9;
            top: 10px;
            left: 30px;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            display: none;
            align-items: center;
            justify-content: center;
            transition: all .3s
        }

            .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger.is-home-v2 {
                position: absolute;
                top: 23px;
                left: 34px;
                z-index: 5
            }

                .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger.is-home-v2 svg {
                    stroke: #999
                }

            .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger:hover svg {
                stroke: #fff
            }

            .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger svg {
                height: 20px;
                width: 20px;
                color: #fcfcfc;
                transition: stroke .3s
            }

        .videos-wrapper.is-home .home-wrapper .video-header-wrap {
            margin-bottom: 0
        }

            .videos-wrapper.is-home .home-wrapper .video-header-wrap .slick-dots {
                bottom: 20px !important
            }

                .videos-wrapper.is-home .home-wrapper .video-header-wrap .slick-dots li {
                    margin: 0
                }

                    .videos-wrapper.is-home .home-wrapper .video-header-wrap .slick-dots li button:before {
                        color: #fcfcfc
                    }

        .videos-wrapper.is-home .home-wrapper .video-header {
            position: relative;
            width: 100%;
            padding-top: 56.25%
        }

            .videos-wrapper.is-home .home-wrapper .video-header:hover .cover-overlay {
                background: rgba(57,58,79,.6)
            }

            .videos-wrapper.is-home .home-wrapper .video-header .cover {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                display: block;
                -o-object-fit: cover;
                object-fit: cover;
                z-index: 0
            }

            .videos-wrapper.is-home .home-wrapper .video-header .cover-overlay {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                background: rgba(57,58,79,.4);
                transition: all .3s;
                z-index: 1
            }

            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                z-index: 2
            }

                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner {
                    position: relative;
                    height: 100%;
                    width: 100%;
                    display: flex;
                    align-items: center;
                    padding-left: 30px
                }

                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption {
                        width: 100%;
                        display: flex;
                        justify-content: flex-end
                    }

                        .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block {
                            width: 50%
                        }

                            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block h2 {
                                font-family: "Montserrat",sans-serif;
                                font-size: 2.4rem;
                                font-weight: 700;
                                color: #fcfcfc
                            }

                            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .video-meta {
                                display: flex
                            }

                                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .video-meta span {
                                    display: block;
                                    color: #fcfcfc;
                                    padding-right: 30px;
                                    font-family: "Montserrat",sans-serif;
                                    font-size: .85rem;
                                    font-weight: 500
                                }

                                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .video-meta span.rating {
                                        display: flex;
                                        align-items: center
                                    }

                                        .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .video-meta span.rating svg {
                                            height: 14px;
                                            width: 14px;
                                            stroke: #fcfcfc;
                                            fill: #fcfcfc;
                                            margin: 0 2px
                                        }

                            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .description {
                                font-family: "Roboto",sans-serif;
                                font-size: .85rem;
                                color: #fcfcfc;
                                padding: 12px 0;
                                max-width: 400px
                            }

                            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions {
                                display: flex;
                                align-items: center;
                                padding: 10px 0;
                                max-width: 400px
                            }

                                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .button {
                                    min-width: 130px;
                                    margin-right: 30px
                                }

                                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .button:hover {
                                        background: #3d70b2;
                                        border-color: #3d70b2;
                                        box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
                                    }

                                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .trailer-button {
                                    display: flex;
                                    align-items: center
                                }

                                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .trailer-button:hover svg {
                                        opacity: 1;
                                        stroke: #d1e3f8
                                    }

                                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .trailer-button:hover span {
                                        margin-left: 5px;
                                        color: #d1e3f8
                                    }

                                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .trailer-button svg {
                                        opacity: 0;
                                        stroke: #fcfcfc;
                                        height: 16px;
                                        width: 16px;
                                        transition: all .3s
                                    }

                                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .trailer-button span {
                                        color: #fcfcfc;
                                        font-size: .85rem;
                                        transition: all .3s
                                    }

.videos-wrapper .home-content {
    padding: 30px 40px
}

    .videos-wrapper .home-content .collections-header {
        display: flex
    }

        .videos-wrapper .home-content .collections-header > a {
            margin-right: 30px;
            font-family: "Montserrat",sans-serif;
            font-size: .85rem;
            font-weight: 600;
            color: #cecece;
            padding-bottom: 5px;
            border-bottom: 2px solid transparent;
            transition: all .3s
        }

            .videos-wrapper .home-content .collections-header > a.is-active {
                color: #393a4f;
                border-color: #3d70b2
            }

        .videos-wrapper .home-content .collections-header .search-button {
            height: 36px;
            width: 36px;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            cursor: pointer
        }

            .videos-wrapper .home-content .collections-header .search-button:hover svg {
                stroke: #393a4f
            }

            .videos-wrapper .home-content .collections-header .search-button svg {
                position: relative;
                top: 2px;
                height: 16px;
                width: 16px;
                stroke: #cecece;
                transition: stroke .3s
            }

    .videos-wrapper .home-content .collections-wrap {
        display: none;
        animation: fadeInLeft .5s;
        padding: 30px 0
    }

        .videos-wrapper .home-content .collections-wrap.is-active {
            display: block
        }

        .videos-wrapper .home-content .collections-wrap .collection .header {
            display: flex;
            align-items: center
        }

            .videos-wrapper .home-content .collections-wrap .collection .header h4 {
                font-family: "Montserrat",sans-serif;
                font-size: 1rem;
                font-weight: 700;
                color: #393a4f
            }

            .videos-wrapper .home-content .collections-wrap .collection .header a {
                padding: 0 24px;
                color: #999;
                font-size: .8rem
            }

        .videos-wrapper .home-content .collections-wrap .collection .video-collection {
            display: flex;
            flex-wrap: wrap;
            padding: 10px 0 20px 0;
            margin-left: -10px;
            margin-right: -10px
        }

            .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode {
                margin: 10px;
                width: calc(25% - 20px)
            }

                .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail {
                    position: relative
                }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail:hover .episode-overlay {
                        background: rgba(57,58,79,.4)
                    }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail:hover .play-button {
                        opacity: 1;
                        transform: scale(1) rotate(0)
                    }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail .episode-overlay {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        border-radius: .65rem;
                        background: rgba(57,58,79,0);
                        transition: all .3s;
                        z-index: 1
                    }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail .episode-duration {
                        position: absolute;
                        bottom: 10px;
                        left: 10px;
                        padding: 3px 6px;
                        background: #000;
                        border-radius: .5rem;
                        color: #fcfcfc;
                        font-size: .7rem;
                        z-index: 2
                    }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail .play-button {
                        position: absolute;
                        top: calc(50% - 20px);
                        left: calc(50% - 20px);
                        height: 40px;
                        width: 40px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        z-index: 3;
                        opacity: 0;
                        transform: scale(0.7) rotate(-180deg);
                        transition: all .3s
                    }

                        .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail .play-button svg {
                            height: 38px;
                            width: 38px;
                            stroke-width: 1px;
                            stroke: #fcfcfc
                        }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail img {
                        display: block;
                        border-radius: .65rem
                    }

                .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta {
                    display: flex;
                    margin-top: 8px
                }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta img {
                        display: block;
                        height: 32px;
                        width: 32px;
                        min-width: 32px;
                        border-radius: 50%
                    }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta .info {
                        margin-left: 8px
                    }

                        .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta .info span {
                            display: block;
                            line-height: 1.2
                        }

                            .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta .info span:first-child {
                                font-family: "Montserrat",sans-serif;
                                font-weight: 600;
                                font-size: .85rem;
                                color: #393a4f
                            }

                            .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta .info span:last-child {
                                font-family: "Roboto",sans-serif;
                                font-size: .8rem;
                                color: #999
                            }

.videos-wrapper.has-player .player-wrapper {
    position: relative;
    top: -2px;
    display: flex
}

    .videos-wrapper.has-player .player-wrapper .video-side {
        flex-grow: 2
    }

.videos-wrapper.has-player .meta-box {
    padding: 30px;
    background: #fff
}

    .videos-wrapper.has-player .meta-box .video-title {
        font-family: "Montserrat",sans-serif;
        font-size: 1.2rem;
        font-weight: 600;
        color: #393a4f
    }

    .videos-wrapper.has-player .meta-box .video-subtitle {
        display: flex;
        justify-content: space-between;
        padding: 6px 0
    }

        .videos-wrapper.has-player .meta-box .video-subtitle .views-count {
            color: #999
        }

        .videos-wrapper.has-player .meta-box .video-subtitle .quick-actions {
            display: flex;
            align-items: center
        }

            .videos-wrapper.has-player .meta-box .video-subtitle .quick-actions .quick-action {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 36px;
                width: 36px;
                margin: 0 3px;
                border-radius: 50%;
                transition: all .3s
            }

                .videos-wrapper.has-player .meta-box .video-subtitle .quick-actions .quick-action:hover {
                    background: #f2f2f2
                }

                    .videos-wrapper.has-player .meta-box .video-subtitle .quick-actions .quick-action:hover svg {
                        stroke: #393a4f
                    }

                .videos-wrapper.has-player .meta-box .video-subtitle .quick-actions .quick-action.is-mobile {
                    display: none
                }

                .videos-wrapper.has-player .meta-box .video-subtitle .quick-actions .quick-action svg {
                    height: 20px;
                    width: 20px;
                    stroke: #cecece;
                    transition: stroke .3s
                }

    .videos-wrapper.has-player .meta-box .video-owner {
        display: flex;
        align-items: center
    }

        .videos-wrapper.has-player .meta-box .video-owner img {
            display: block;
            height: 44px;
            width: 44px;
            min-width: 44px;
            border-radius: 50%
        }

        .videos-wrapper.has-player .meta-box .video-owner .meta {
            margin-left: 12px
        }

            .videos-wrapper.has-player .meta-box .video-owner .meta span {
                display: block
            }

                .videos-wrapper.has-player .meta-box .video-owner .meta span:first-child {
                    font-family: "Montserrat",sans-serif;
                    font-size: .9rem;
                    font-weight: 600;
                    color: #393a4f
                }

                .videos-wrapper.has-player .meta-box .video-owner .meta span:nth-child(2) {
                    color: #999;
                    font-size: .8rem
                }

        .videos-wrapper.has-player .meta-box .video-owner .button {
            margin-left: auto;
            background: #3d70b2;
            border-color: #3d70b2;
            color: #fff;
            border-radius: 100px;
            min-width: 130px
        }

            .videos-wrapper.has-player .meta-box .video-owner .button:hover {
                box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
            }

.videos-wrapper.has-player .video-description hr {
    margin: 1rem 0
}

.videos-wrapper.has-player .video-description h4 {
    font-family: "Montserrat",sans-serif;
    font-size: .9rem;
    font-weight: 600;
    color: #393a4f;
    margin-bottom: 10px
}

.videos-wrapper.has-player .video-description p, .videos-wrapper.has-player .video-description ul li {
    font-family: "Roboto",sans-serif;
    color: #797a9e;
    font-size: .95rem;
    max-width: 640px
}

.videos-wrapper.has-player .video-description .additional-description {
    display: none;
    padding-top: 30px
}

.videos-wrapper.has-player .video-description .video-description-more {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #999;
    text-transform: uppercase;
    transition: color .3s
}

    .videos-wrapper.has-player .video-description .video-description-more:hover {
        color: #3d70b2
    }

.videos-wrapper.has-player .comments-wrap {
    padding: 20px 40px
}

.videos-wrapper.has-player .comments-count {
    padding: 20px 0
}

.videos-wrapper.has-player .comment-box {
    max-width: 720px
}

    .videos-wrapper.has-player .comment-box .avatar-wrap, .videos-wrapper.has-player .is-comment .avatar-wrap {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 54px;
        height: 54px;
        min-width: 54px;
        border: 1.4px solid #cecece;
        border-radius: 50%
    }

        .videos-wrapper.has-player .comment-box .avatar-wrap.is-smaller, .videos-wrapper.has-player .is-comment .avatar-wrap.is-smaller {
            width: 44px;
            height: 44px;
            min-width: 44px;
            border-width: 1px
        }

            .videos-wrapper.has-player .comment-box .avatar-wrap.is-smaller img, .videos-wrapper.has-player .is-comment .avatar-wrap.is-smaller img {
                width: 32px;
                height: 32px;
                min-width: 32px
            }

            .videos-wrapper.has-player .comment-box .avatar-wrap.is-smaller .badge, .videos-wrapper.has-player .is-comment .avatar-wrap.is-smaller .badge {
                right: -3px;
                height: 18px;
                width: 18px
            }

                .videos-wrapper.has-player .comment-box .avatar-wrap.is-smaller .badge svg, .videos-wrapper.has-player .is-comment .avatar-wrap.is-smaller .badge svg {
                    height: 8px;
                    width: 8px;
                    stroke-width: 4px
                }

        .videos-wrapper.has-player .comment-box .avatar-wrap img, .videos-wrapper.has-player .is-comment .avatar-wrap img {
            display: block;
            width: 40px;
            height: 40px;
            min-width: 40px;
            border-radius: 50%
        }

        .videos-wrapper.has-player .comment-box .avatar-wrap .badge, .videos-wrapper.has-player .is-comment .avatar-wrap .badge {
            position: absolute;
            top: -2px;
            right: -5px;
            height: 22px;
            width: 22px;
            border-radius: 50%;
            border: 2px solid #fcfcfc;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #1ce589
        }

            .videos-wrapper.has-player .comment-box .avatar-wrap .badge svg, .videos-wrapper.has-player .is-comment .avatar-wrap .badge svg {
                height: 10px;
                width: 10px;
                stroke: #fcfcfc;
                stroke-width: 4px
            }

    .videos-wrapper.has-player .comment-box .control, .videos-wrapper.has-player .is-comment .control {
        position: relative
    }

        .videos-wrapper.has-player .comment-box .control .textarea, .videos-wrapper.has-player .is-comment .control .textarea {
            padding-bottom: 58px;
            border-color: transparent;
            transition: all .3s
        }

            .videos-wrapper.has-player .comment-box .control .textarea:focus, .videos-wrapper.has-player .is-comment .control .textarea:focus {
                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
            }

        .videos-wrapper.has-player .comment-box .control .button, .videos-wrapper.has-player .is-comment .control .button {
            position: absolute;
            bottom: 10px;
            right: 10px
        }

            .videos-wrapper.has-player .comment-box .control .button:hover, .videos-wrapper.has-player .is-comment .control .button:hover {
                background: #3d70b2;
                border-color: #3d70b2;
                color: #fcfcfc;
                border-radius: 100px;
                box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
            }

.videos-wrapper.has-player .is-comment {
    padding: 16px 0;
    margin: 0 !important
}

    .videos-wrapper.has-player .is-comment .comment-meta h4 a {
        color: #393a4f;
        transition: color .3s
    }

        .videos-wrapper.has-player .is-comment .comment-meta h4 a:hover {
            color: #3d70b2
        }

    .videos-wrapper.has-player .is-comment .comment-meta h4 small {
        color: #999;
        font-size: .85rem
    }

    .videos-wrapper.has-player .is-comment .comment-meta p {
        max-width: 640px;
        font-size: .95rem;
        color: #6a6c93
    }

        .videos-wrapper.has-player .is-comment .comment-meta p .mention {
            color: #3d70b2;
            font-weight: 500
        }

    .videos-wrapper.has-player .is-comment .comment-stats-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        max-width: 640px
    }

        .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-stats {
            display: flex
        }

            .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-stats .stat {
                display: flex;
                align-items: center;
                padding: 0 4px
            }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-stats .stat.is-likes svg {
                    position: relative;
                    top: -2px
                }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-stats .stat.is-dislikes svg {
                    position: relative;
                    top: 2px
                }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-stats .stat span {
                    display: block;
                    font-size: .9rem;
                    color: #999
                }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-stats .stat svg {
                    height: 18px;
                    width: 18px;
                    min-width: 20px;
                    stroke: #cecece
                }

        .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions {
            display: flex;
            align-items: center;
            height: 40px;
            width: 96px
        }

            .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 30px;
                width: 30px;
                min-width: 30px;
                margin: 0 2px;
                border: 1px solid #e8e8e8;
                border-radius: 50%;
                transition: all .3s
            }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action:nth-child(2) svg {
                    position: relative;
                    top: 2px
                }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action.is-like:hover {
                    border-color: #1ce589
                }

                    .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action.is-like:hover svg {
                        stroke: #1ce589
                    }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action.is-dislike:hover {
                    border-color: #f71416
                }

                    .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action.is-dislike:hover svg {
                        stroke: #f71416
                    }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action.is-reply:hover {
                    border-color: #393a4f
                }

                    .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action.is-reply:hover svg {
                        stroke: #393a4f
                    }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action svg {
                    height: 14px;
                    width: 14px;
                    stroke: #cecece;
                    transition: stroke .3s
                }

    .videos-wrapper.has-player .is-comment .nested-replies .header {
        display: flex;
        align-items: center;
        padding: 0 4px
    }

        .videos-wrapper.has-player .is-comment .nested-replies .header.is-active svg {
            transform: rotate(180deg)
        }

        .videos-wrapper.has-player .is-comment .nested-replies .header span {
            display: block;
            font-size: .9rem;
            font-weight: 500;
            color: #393a4f
        }

        .videos-wrapper.has-player .is-comment .nested-replies .header svg {
            height: 16px;
            width: 16px;
            margin-left: 4px;
            stroke: #393a4f;
            transition: all .3s
        }

    .videos-wrapper.has-player .is-comment .nested-replies .nested-comments {
        display: none;
        padding: 10px 0
    }

        .videos-wrapper.has-player .is-comment .nested-replies .nested-comments .is-nested {
            margin: 0
        }

.videos-wrapper.has-player .related-list {
    margin: 0 !important;
    padding: 20px
}

    .videos-wrapper.has-player .related-list .related-label {
        padding-top: 20px;
        margin-top: 20px;
        border-top: 1px solid #e8e8e8
    }

    .videos-wrapper.has-player .related-list .autoplay, .videos-wrapper.has-player .related-list .related-label {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 20px
    }

        .videos-wrapper.has-player .related-list .autoplay .autoplay-title, .videos-wrapper.has-player .related-list .autoplay .related-title, .videos-wrapper.has-player .related-list .related-label .autoplay-title, .videos-wrapper.has-player .related-list .related-label .related-title {
            font-family: "Montserrat",sans-serif;
            font-weight: 600;
            color: #393a4f;
            text-transform: uppercase;
            font-size: .75rem
        }

        .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle, .videos-wrapper.has-player .related-list .related-label .autoplay-toggle {
            display: flex;
            align-items: center
        }

            .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle span, .videos-wrapper.has-player .related-list .related-label .autoplay-toggle span {
                position: relative;
                top: -1px;
                display: block;
                font-size: .7rem;
                text-transform: uppercase;
                color: #999
            }

            .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle .f-switch, .videos-wrapper.has-player .related-list .related-label .autoplay-toggle .f-switch {
                transform: scale(0.8)
            }

            .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle .close-related-videos, .videos-wrapper.has-player .related-list .related-label .autoplay-toggle .close-related-videos {
                width: 32px;
                height: 32px;
                border-radius: 50%;
                display: none;
                align-items: center;
                justify-content: center;
                transition: all .3s
            }

                .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle .close-related-videos:hover, .videos-wrapper.has-player .related-list .related-label .autoplay-toggle .close-related-videos:hover {
                    background: #fff
                }

                    .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle .close-related-videos:hover svg, .videos-wrapper.has-player .related-list .related-label .autoplay-toggle .close-related-videos:hover svg {
                        stroke: #393a4f
                    }

                .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle .close-related-videos svg, .videos-wrapper.has-player .related-list .related-label .autoplay-toggle .close-related-videos svg {
                    height: 16px;
                    width: 16px;
                    color: #999;
                    transition: stroke .3s
                }

    .videos-wrapper.has-player .related-list .related-card + .media {
        border-top: none;
        margin-top: 0
    }

    .videos-wrapper.has-player .related-list .related-card .media-left {
        margin-right: .75rem
    }

        .videos-wrapper.has-player .related-list .related-card .media-left img {
            display: block;
            border-radius: 6px;
            -o-object-fit: cover;
            object-fit: cover;
            width: 130px;
            min-width: 130px;
            height: auto;
            max-height: 88px;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

    .videos-wrapper.has-player .related-list .related-card .video-meta .related-title {
        display: block;
        font-family: "Montserrat",sans-serif;
        font-size: .85rem;
        font-weight: 600;
        max-width: 200px;
        color: #393a4f;
        transition: color .3s
    }

        .videos-wrapper.has-player .related-list .related-card .video-meta .related-title:hover {
            color: #3d70b2
        }

    .videos-wrapper.has-player .related-list .related-card .video-meta .submeta {
        display: flex;
        align-items: center
    }

        .videos-wrapper.has-player .related-list .related-card .video-meta .submeta img {
            display: block;
            height: 26px;
            width: 26px;
            min-width: 26px;
            border-radius: 50%
        }

        .videos-wrapper.has-player .related-list .related-card .video-meta .submeta .info {
            margin-left: 6px
        }

            .videos-wrapper.has-player .related-list .related-card .video-meta .submeta .info span {
                display: block
            }

            .videos-wrapper.has-player .related-list .related-card .video-meta .submeta .info .video-views, .videos-wrapper.has-player .related-list .related-card .video-meta .submeta .info .video-account {
                display: block;
                color: #999
            }

            .videos-wrapper.has-player .related-list .related-card .video-meta .submeta .info .video-account {
                font-size: .7rem
            }

            .videos-wrapper.has-player .related-list .related-card .video-meta .submeta .info .video-views {
                font-size: .6rem
            }

@media(min-width: 1301px) {
    .videos-sidebar {
        width: 280px
    }

    .videos-wrapper.is-home.is-full .home-wrapper {
        padding-top: 1rem;
        width: 100% !important;
        margin-left: 0 !important
    }

        .videos-wrapper.is-home.is-full .home-wrapper .home-content {
            padding-left: 0;
            padding-right: 0
        }

    .videos-wrapper.is-home .home-wrapper {
        width: calc(100% - 280px);
        margin-left: 280px
    }

    .videos-wrapper.has-player.is-full .player-wrapper {
        padding-top: 1rem;
        width: 100% !important;
        margin-left: 0 !important
    }

        .videos-wrapper.has-player.is-full .player-wrapper .meta-box {
            background: transparent !important
        }

    .videos-wrapper.has-player .player-wrapper {
        width: calc(100% - 280px);
        margin-left: 280px
    }
}

@media(max-width: 1300px) {
    .videos-sidebar {
        width: 250px
    }

    .videos-wrapper.is-home.is-full .home-wrapper {
        padding-top: 1rem;
        width: 100% !important;
        margin-left: 0 !important
    }

        .videos-wrapper.is-home.is-full .home-wrapper .home-content {
            padding-left: 0;
            padding-right: 0
        }

    .videos-wrapper.is-home .home-wrapper {
        width: calc(100% - 250px);
        margin-left: 250px
    }

    .videos-wrapper.has-player.is-full .player-wrapper {
        padding-top: 1rem;
        width: 100% !important;
        margin-left: 0 !important
    }

        .videos-wrapper.has-player.is-full .player-wrapper .meta-box {
            background: transparent !important
        }

    .videos-wrapper.has-player .player-wrapper {
        width: calc(100% - 250px);
        margin-left: 250px
    }
}

@media(max-width: 767px) {
    .videos-sidebar .videos-sidebar-inner .user-block .close-videos-sidebar {
        display: flex !important
    }

    .videos-wrapper.is-home .home-wrapper {
        width: 100% !important;
        margin: 0 !important
    }

        .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger {
            display: flex
        }

            .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger.is-home-v2 {
                left: 20px
            }

        .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner {
            padding: 0
        }

            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block {
                width: 90%
            }

                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block h2 {
                    font-size: 1.4rem
                }

                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .video-meta span.rating {
                    display: none
                }

                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .description, .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions {
                    display: none
                }

    .videos-wrapper.is-home .home-content {
        padding: 30px
    }

        .videos-wrapper.is-home .home-content .collections-header.is-home-v2 {
            padding-left: 38px
        }

        .videos-wrapper.is-home .home-content .collections-wrap .collection .video-collection .episode {
            width: calc(100% - 20px)
        }

    .videos-wrapper.has-player .player-wrapper {
        width: 100% !important;
        margin: 0 !important
    }

        .videos-wrapper.has-player .player-wrapper .video-side .meta-box {
            margin: 0
        }

            .videos-wrapper.has-player .player-wrapper .video-side .meta-box.video-description p {
                font-size: .85rem
            }

            .videos-wrapper.has-player .player-wrapper .video-side .meta-box.video-meta .video-title {
                font-size: 1rem
            }

            .videos-wrapper.has-player .player-wrapper .video-side .meta-box .video-subtitle {
                flex-direction: column
            }

                .videos-wrapper.has-player .player-wrapper .video-side .meta-box .video-subtitle .quick-actions {
                    margin-left: -10px
                }

                    .videos-wrapper.has-player .player-wrapper .video-side .meta-box .video-subtitle .quick-actions .quick-action.is-mobile {
                        display: flex
                    }

            .videos-wrapper.has-player .player-wrapper .video-side .meta-box .video-owner .button {
                display: none
            }

        .videos-wrapper.has-player .player-wrapper .video-side .comments-wrap {
            padding: 20px
        }

            .videos-wrapper.has-player .player-wrapper .video-side .comments-wrap .is-comment .comment-meta h4 a {
                font-size: .85rem
            }

            .videos-wrapper.has-player .player-wrapper .video-side .comments-wrap .is-comment .comment-meta p {
                font-size: .85rem
            }

        .videos-wrapper.has-player .player-wrapper .related-side {
            position: fixed;
            right: 0;
            max-height: calc(100% - 58px);
            overflow-y: auto;
            transform: translateX(100%);
            transition: all .3s
        }

            .videos-wrapper.has-player .player-wrapper .related-side.is-opened {
                transform: translateX(0)
            }

            .videos-wrapper.has-player .player-wrapper .related-side .close-related-videos {
                display: flex !important
            }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .videos-sidebar .videos-sidebar-inner .user-block .close-videos-sidebar {
        display: flex !important
    }

    .videos-wrapper.is-home .home-wrapper {
        width: 100% !important;
        margin: 0 !important
    }

        .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger {
            display: flex
        }

        .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block {
            width: 65%
        }

            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block h2 {
                font-size: 1.3rem
            }

            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .description {
                font-size: .75rem
            }

    .videos-wrapper.is-home .home-content .collections-header.is-home-v2 {
        padding-left: 52px
    }

    .videos-wrapper.is-home .home-content .collections-wrap .collection .video-collection .episode {
        width: calc(33% - 20px)
    }

        .videos-wrapper.is-home .home-content .collections-wrap .collection .video-collection .episode:nth-last-child(4) {
            display: none
        }

    .videos-wrapper.has-player .player-wrapper {
        width: 100%;
        margin: 0
    }

        .videos-wrapper.has-player .player-wrapper .video-side .meta-box .video-subtitle .quick-actions .quick-action.is-mobile {
            display: flex
        }

        .videos-wrapper.has-player .player-wrapper .related-side {
            position: fixed;
            right: 0;
            max-height: calc(100% - 58px);
            overflow-y: auto;
            transform: translateX(100%);
            transition: all .3s
        }

            .videos-wrapper.has-player .player-wrapper .related-side.is-opened {
                transform: translateX(0)
            }

            .videos-wrapper.has-player .player-wrapper .related-side .close-related-videos {
                display: flex !important
            }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block {
        width: 60%
    }

        .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block h2 {
            font-size: 1.8rem
        }

        .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .description {
            font-size: .75rem
        }

    .videos-wrapper.is-home .home-content .collections-wrap .collection .video-collection .episode {
        width: calc(33% - 20px)
    }

        .videos-wrapper.is-home .home-content .collections-wrap .collection .video-collection .episode:nth-last-child(4) {
            display: none
        }

    .videos-wrapper.has-player .player-wrapper .video-side .meta-box .video-subtitle .quick-actions .quick-action.is-mobile {
        display: flex
    }

    .videos-wrapper.has-player .player-wrapper .related-side {
        position: fixed;
        right: 0;
        max-height: calc(100% - 58px);
        overflow-y: auto;
        transform: translateX(100%);
        transition: all .3s
    }

        .videos-wrapper.has-player .player-wrapper .related-side .close-related-videos {
            display: flex !important
        }

        .videos-wrapper.has-player .player-wrapper .related-side.is-opened {
            transform: translateX(0)
        }
}

.stories-wrapper .stories-sidebar {
    position: fixed;
    top: 57px;
    left: 0;
    height: calc(100% - 56px);
    background: #fafafa;
    border-right: 1px solid #e8e8e8;
    transform: translateX(-100%);
    z-index: 10;
    transition: all .3s
}

    .stories-wrapper .stories-sidebar.is-active {
        transform: translateX(0)
    }

    .stories-wrapper .stories-sidebar .stories-sidebar-inner {
        position: relative;
        height: 100%;
        width: 100%
    }

        .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block {
            position: relative;
            margin: 20px 20px 0 20px;
            border-bottom: 1px solid #dedede;
            text-align: center;
            height: 200px
        }

            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .close-stories-sidebar {
                position: absolute;
                top: -12px;
                right: -10px;
                width: 32px;
                height: 32px;
                border-radius: 50%;
                display: none;
                align-items: center;
                justify-content: center;
                transition: all .3s
            }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .close-stories-sidebar:hover {
                    background: #fff
                }

                    .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .close-stories-sidebar:hover svg {
                        stroke: #393a4f
                    }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .close-stories-sidebar svg {
                    height: 20px;
                    width: 20px;
                    color: #999;
                    transition: stroke .3s
                }

            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .avatar-wrap {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 74px;
                height: 74px;
                min-width: 74px;
                border: 1.4px solid #d8d8d8;
                border-radius: 50%;
                margin: 0 auto 6px auto
            }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .avatar-wrap img {
                    display: block;
                    width: 58px;
                    height: 58px;
                    min-width: 58px;
                    border-radius: 50%
                }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .avatar-wrap .badge {
                    position: absolute;
                    bottom: 2px;
                    right: -3px;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%;
                    border: 2px solid #fcfcfc;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: #1ce589
                }

                    .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .avatar-wrap .badge svg {
                        height: 10px;
                        width: 10px;
                        stroke: #fcfcfc;
                        stroke-width: 4px
                    }

            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block h4 {
                font-family: "Montserrat",sans-serif;
                font-weight: 700;
                font-size: .9rem;
                color: #393a4f
            }

            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block p {
                font-size: .8rem;
                color: #999
            }

            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .user-stats {
                display: flex;
                align-items: center;
                justify-content: space-around;
                padding: 20px 0
            }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .user-stats .stat-block {
                    text-align: center
                }

                    .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .user-stats .stat-block span {
                        display: block
                    }

                        .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .user-stats .stat-block span:first-child {
                            text-transform: uppercase;
                            font-weight: 600;
                            font-size: .65rem;
                            color: #393a4f
                        }

                        .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .user-stats .stat-block span:last-child {
                            font-size: .8rem;
                            color: #999
                        }

        .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu {
            position: absolute;
            top: 200px;
            left: 0;
            width: 100%;
            height: calc(100% - 230px)
        }

            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner {
                position: relative;
                height: 100%;
                max-height: 100%;
                width: 100%;
                overflow-y: auto
            }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .separator {
                    margin: 0 30px;
                    border-bottom: 1px solid #dedede
                }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block {
                    padding: 20px 0
                }

                    .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block ul li {
                        display: flex;
                        align-items: center;
                        padding: 14px 40px;
                        border-left: 4px solid transparent
                    }

                        .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block ul li.is-active {
                            border-color: #3d70b2
                        }

                        .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a {
                            display: flex;
                            align-items: center
                        }

                            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a span {
                                display: block;
                                color: #393a4f;
                                font-family: "Montserrat",sans-serif;
                                font-size: .8rem;
                                font-weight: 600
                            }

                            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a svg {
                                height: 18px;
                                width: 18px;
                                stroke: #cecece;
                                margin-right: 20px
                            }

.stories-wrapper {
    padding-left: 0;
    padding-right: 0
}

    .stories-wrapper.is-full .inner-wrapper .stories-content {
        padding: 30px 0
    }

    .stories-wrapper .inner-wrapper {
        position: relative;
        top: -2px
    }

        .stories-wrapper .inner-wrapper .mobile-sidebar-trigger {
            position: absolute;
            z-index: 9;
            top: 30px;
            left: 30px;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            display: none;
            align-items: center;
            justify-content: center;
            transition: all .3s
        }

            .stories-wrapper .inner-wrapper .mobile-sidebar-trigger.is-home-v2 {
                position: absolute;
                top: 30px;
                left: 34px;
                z-index: 5
            }

                .stories-wrapper .inner-wrapper .mobile-sidebar-trigger.is-home-v2 svg {
                    stroke: #999
                }

            .stories-wrapper .inner-wrapper .mobile-sidebar-trigger:hover svg {
                stroke: #fff
            }

            .stories-wrapper .inner-wrapper .mobile-sidebar-trigger svg {
                height: 20px;
                width: 20px;
                color: #fcfcfc;
                transition: stroke .3s
            }

        .stories-wrapper .inner-wrapper .stories-content {
            padding: 30px 40px
        }

            .stories-wrapper .inner-wrapper .stories-content .section-title {
                display: flex;
                align-items: center;
                justify-content: space-between
            }

                .stories-wrapper .inner-wrapper .stories-content .section-title h2 {
                    font-family: "Montserrat",sans-serif;
                    font-weight: 700;
                    font-size: 1.3rem;
                    color: #393a4f
                }

                .stories-wrapper .inner-wrapper .stories-content .section-title .view-all {
                    font-size: .8rem;
                    padding: 4px 12px;
                    border-radius: 100px;
                    border: 1px solid transparent;
                    background: #f0f0f0;
                    color: #999;
                    transition: all .3s
                }

                    .stories-wrapper .inner-wrapper .stories-content .section-title .view-all:hover {
                        border-color: #488ee4;
                        background: #fff;
                        color: #3d70b2;
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                    }

                .stories-wrapper .inner-wrapper .stories-content .section-title .dropdown:hover .button {
                    border-color: #e0e0e0;
                    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                }

                .stories-wrapper .inner-wrapper .stories-content .section-title .dropdown .button {
                    border-color: transparent
                }

                .stories-wrapper .inner-wrapper .stories-content .section-title .dropdown .dropdown-menu {
                    margin-top: 6px
                }

            .stories-wrapper .inner-wrapper .stories-content .stories-container {
                padding: 20px 0
            }

                .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner {
                    display: flex
                }

                    .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story {
                        margin: 8px;
                        width: calc(10% - 16px)
                    }

                        .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story .story-avatar {
                            position: relative;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            height: 70px;
                            width: 70px;
                            background: #fff;
                            border-radius: 50%;
                            border: 1.6px solid #cecece;
                            transition: all .3s
                        }

                            .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story .story-avatar:hover {
                                border-color: #3d70b2
                            }

                            .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story .story-avatar .add-overlay {
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                height: 58px;
                                width: 58px;
                                transform: translate(-50%, -50%);
                                border-radius: 50%;
                                background: rgba(85,150,230,.6);
                                display: flex;
                                justify-content: center;
                                align-items: center
                            }

                                .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story .story-avatar .add-overlay svg {
                                    height: 16px;
                                    width: 16px;
                                    stroke-width: 3px;
                                    stroke: #fff
                                }

                            .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story .story-avatar img {
                                display: block;
                                height: 58px;
                                width: 58px;
                                border-radius: 50%
                            }

            .stories-wrapper .inner-wrapper .stories-content .stories-feed {
                padding: 20px 0
            }

                .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item {
                    margin-bottom: .75rem
                }

                    .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item:last-child {
                        margin-bottom: 0
                    }

                    .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item.is-medium .featured-image {
                        min-height: 250px
                    }

                    .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item.is-large .featured-image {
                        min-height: 370px
                    }

                    .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .featured-image {
                        display: block;
                        border-radius: 16px;
                        min-height: 190px;
                        -o-object-fit: cover;
                        object-fit: cover
                    }

                    .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        padding: 12px 0
                    }

                        .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .user-info {
                            display: flex;
                            align-items: center
                        }

                            .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .user-info .small-avatar {
                                position: relative;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                height: 32px;
                                width: 32px;
                                border-radius: 50%;
                                border: 1px solid #cecece;
                                transition: all .3s
                            }

                                .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .user-info .small-avatar img {
                                    display: block;
                                    height: 24px;
                                    width: 24px;
                                    border-radius: 50%;
                                    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                                }

                            .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .user-info span {
                                display: block;
                                margin-left: 10px;
                                font-family: "Montserrat",sans-serif;
                                font-size: .75rem;
                                font-weight: 600;
                                color: #393a4f
                            }

                        .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .item-stats {
                            display: flex;
                            align-items: center;
                            justify-content: flex-end
                        }

                            .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .item-stats .stat-item {
                                display: flex;
                                align-items: center;
                                padding: 0 4px
                            }

                                .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .item-stats .stat-item svg {
                                    height: 16px;
                                    width: 16px;
                                    stroke-width: 1.4px;
                                    stroke: #393a4f
                                }

                                .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .item-stats .stat-item span {
                                    display: block;
                                    margin-left: 4px;
                                    font-family: "Montserrat",sans-serif;
                                    font-size: .75rem;
                                    font-weight: 600;
                                    color: #393a4f
                                }

.story-post-sidebar {
    position: fixed;
    top: 58px;
    right: 0;
    height: calc(100% - 58px);
    width: 360px;
    background: #f2f2f2
}

    .story-post-sidebar.is-full {
        position: static;
        width: 100%;
        height: auto;
        background: none
    }

    .story-post-sidebar .header {
        position: relative;
        height: 80px;
        display: flex;
        align-items: center;
        padding: 0 30px
    }

        .story-post-sidebar .header h2 {
            font-family: "Montserrat",sans-serif;
            font-size: 1.1rem;
            font-weight: 700;
            color: #393a4f
        }

    .story-post-sidebar .related-posts {
        position: relative;
        height: calc(100% - 80px);
        width: 100%;
        padding: 0 30px
    }

        .story-post-sidebar .related-posts .related-post {
            display: flex;
            margin-bottom: 30px
        }

            .story-post-sidebar .related-posts .related-post:last-child {
                margin-bottom: 0
            }

            .story-post-sidebar .related-posts .related-post img {
                display: block;
                height: 56px;
                width: 56px;
                min-width: 56px;
                -o-object-fit: cover;
                object-fit: cover;
                border-radius: 12px;
                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
            }

            .story-post-sidebar .related-posts .related-post .meta {
                margin-left: 12px
            }

                .story-post-sidebar .related-posts .related-post .meta h3 {
                    font-family: "Montserrat",sans-serif;
                    font-size: .85rem;
                    line-height: 1.3;
                    font-weight: 600;
                    color: #42435b;
                    margin-bottom: 6px
                }

                .story-post-sidebar .related-posts .related-post .meta .user-line {
                    display: flex;
                    align-items: center
                }

                    .story-post-sidebar .related-posts .related-post .meta .user-line img {
                        display: block;
                        height: 20px;
                        width: 20px;
                        min-width: 20px;
                        -o-object-fit: cover;
                        object-fit: cover;
                        border-radius: 50%
                    }

                    .story-post-sidebar .related-posts .related-post .meta .user-line span {
                        display: block;
                        font-family: "Montserrat",sans-serif;
                        font-size: .7rem;
                        font-weight: 600;
                        color: #999;
                        margin-left: 6px
                    }

.story-post-wrapper {
    width: calc(100% - 360px);
    margin-right: 360px
}

    .story-post-wrapper.is-full {
        width: 100%;
        margin-right: 0
    }

        .story-post-wrapper.is-full .story-post {
            padding-left: 0;
            padding-right: 0
        }

    .story-post-wrapper .story-post {
        width: 100%;
        max-width: 740px;
        margin: 0 auto;
        padding: 10px 40px 40px 40px
    }

        .story-post-wrapper .story-post .post-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 12px 0
        }

            .story-post-wrapper .story-post .post-title h2 {
                font-family: "Montserrat",sans-serif;
                font-size: 1.6rem;
                font-weight: 700;
                color: #393a4f
            }

        .story-post-wrapper .story-post .post-image-wrap .post-image {
            display: block;
            border-radius: 24px
        }

        .story-post-wrapper .story-post .post-meta {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px 10px
        }

            .story-post-wrapper .story-post .post-meta .post-author {
                display: flex;
                align-items: center
            }

                .story-post-wrapper .story-post .post-meta .post-author .story-avatar {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 46px;
                    width: 46px;
                    background: #fff;
                    border-radius: 50%;
                    border: 1.6px solid #cecece;
                    transition: all .3s
                }

                    .story-post-wrapper .story-post .post-meta .post-author .story-avatar:hover {
                        border-color: #3d70b2
                    }

                    .story-post-wrapper .story-post .post-meta .post-author .story-avatar img {
                        display: block;
                        height: 36px;
                        width: 36px;
                        border-radius: 50%
                    }

                .story-post-wrapper .story-post .post-meta .post-author .meta {
                    margin-left: 12px
                }

                    .story-post-wrapper .story-post .post-meta .post-author .meta span {
                        display: block;
                        line-height: 1.3
                    }

                        .story-post-wrapper .story-post .post-meta .post-author .meta span:first-child {
                            font-family: "Montserrat",sans-serif;
                            font-size: .9rem;
                            font-weight: 700;
                            color: #393a4f
                        }

                        .story-post-wrapper .story-post .post-meta .post-author .meta span:nth-child(2) {
                            font-size: .9rem;
                            color: #999
                        }

            .story-post-wrapper .story-post .post-meta .post-stats {
                display: flex;
                align-items: center;
                justify-content: flex-end
            }

                .story-post-wrapper .story-post .post-meta .post-stats .stat-item {
                    display: flex;
                    align-items: center;
                    padding: 0 4px
                }

                    .story-post-wrapper .story-post .post-meta .post-stats .stat-item svg {
                        height: 20px;
                        width: 20px;
                        stroke-width: 1.4px;
                        stroke: #393a4f
                    }

                    .story-post-wrapper .story-post .post-meta .post-stats .stat-item span {
                        display: block;
                        margin-left: 4px;
                        font-family: "Montserrat",sans-serif;
                        font-size: .85rem;
                        font-weight: 600;
                        color: #393a4f
                    }

        .story-post-wrapper .story-post .post-text {
            padding: 0 12px 12px 12px;
            margin-bottom: 0
        }

            .story-post-wrapper .story-post .post-text p {
                font-size: .95rem
            }

        .story-post-wrapper .story-post .post-tags {
            display: flex;
            align-items: center;
            padding: 0 12px 12px 12px
        }

            .story-post-wrapper .story-post .post-tags .tags .tag {
                cursor: pointer
            }

        .story-post-wrapper .story-post .post-compose {
            margin: 12px;
            padding: 16px;
            border-radius: 8px;
            border: 1px solid #dedede;
            background: #fff;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

            .story-post-wrapper .story-post .post-compose .control .textarea {
                border: none;
                resize: none
            }

            .story-post-wrapper .story-post .post-compose .compose-controls {
                display: flex;
                align-items: center;
                border-top: 1px solid #e3e3e3;
                padding: 12px 0 0 0
            }

                .story-post-wrapper .story-post .post-compose .compose-controls img {
                    display: block;
                    height: 32px;
                    width: 32px;
                    border-radius: 50%
                }

                .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions {
                    padding: 0 12px;
                    display: flex;
                    align-items: center
                }

                    .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action {
                        height: 36px;
                        width: 36px;
                        border-radius: 10px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        background: #f5f5f5;
                        margin: 0 4px;
                        transition: all .3s
                    }

                        .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action:hover {
                            background: #ededed
                        }

                            .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action:hover svg {
                                stroke: #393a4f
                            }

                        .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action svg {
                            height: 14px;
                            width: 14px;
                            stroke: #cecece;
                            transition: stroke .3s
                        }

                .story-post-wrapper .story-post .post-compose .compose-controls .button {
                    margin-left: auto
                }

        .story-post-wrapper .story-post .comments-wrap {
            padding: 12px
        }

            .story-post-wrapper .story-post .comments-wrap .is-comment {
                padding: 16px 0;
                margin: 0 !important
            }

                .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 54px;
                    height: 54px;
                    min-width: 54px;
                    border: 1.4px solid #cecece;
                    border-radius: 50%
                }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap.is-smaller {
                        width: 44px;
                        height: 44px;
                        min-width: 44px;
                        border-width: 1px
                    }

                        .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap.is-smaller img {
                            width: 32px;
                            height: 32px;
                            min-width: 32px
                        }

                        .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap.is-smaller .badge {
                            right: -3px;
                            height: 18px;
                            width: 18px
                        }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap.is-smaller .badge svg {
                                height: 8px;
                                width: 8px;
                                stroke-width: 4px
                            }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap img {
                        display: block;
                        width: 40px;
                        height: 40px;
                        min-width: 40px;
                        border-radius: 50%
                    }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap .badge {
                        position: absolute;
                        top: -2px;
                        right: -5px;
                        height: 22px;
                        width: 22px;
                        border-radius: 50%;
                        border: 2px solid #fcfcfc;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        background: #1ce589
                    }

                        .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap .badge svg {
                            height: 10px;
                            width: 10px;
                            stroke: #fcfcfc;
                            stroke-width: 4px
                        }

                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-meta h4 a {
                    font-weight: 600;
                    font-size: .9rem;
                    color: #393a4f;
                    transition: color .3s
                }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .comment-meta h4 a:hover {
                        color: #3d70b2
                    }

                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-meta h4 small {
                    color: #999;
                    font-size: .85rem
                }

                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-meta p {
                    max-width: 640px;
                    font-size: .95rem;
                    color: #6a6c93
                }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .comment-meta p .mention {
                        color: #3d70b2;
                        font-weight: 500
                    }

                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    width: 100%;
                    max-width: 640px
                }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-stats {
                        display: flex
                    }

                        .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-stats .stat {
                            display: flex;
                            align-items: center;
                            padding: 0 4px
                        }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-stats .stat.is-likes svg {
                                position: relative;
                                top: -2px
                            }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-stats .stat.is-dislikes svg {
                                position: relative;
                                top: 2px
                            }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-stats .stat span {
                                display: block;
                                font-size: .9rem;
                                color: #999
                            }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-stats .stat svg {
                                height: 18px;
                                width: 18px;
                                min-width: 20px;
                                stroke: #cecece
                            }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions {
                        display: flex;
                        align-items: center;
                        height: 40px;
                        width: 96px
                    }

                        .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            height: 30px;
                            width: 30px;
                            min-width: 30px;
                            margin: 0 2px;
                            border: 1px solid #e8e8e8;
                            border-radius: 50%;
                            transition: all .3s
                        }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action:nth-child(2) svg {
                                position: relative;
                                top: 2px
                            }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action.is-like:hover {
                                border-color: #1ce589
                            }

                                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action.is-like:hover svg {
                                    stroke: #1ce589
                                }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action.is-dislike:hover {
                                border-color: #f71416
                            }

                                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action.is-dislike:hover svg {
                                    stroke: #f71416
                                }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action.is-reply:hover {
                                border-color: #393a4f
                            }

                                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action.is-reply:hover svg {
                                    stroke: #393a4f
                                }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action svg {
                                height: 14px;
                                width: 14px;
                                stroke: #cecece;
                                transition: stroke .3s
                            }

                .story-post-wrapper .story-post .comments-wrap .is-comment .nested-replies .header {
                    display: flex;
                    align-items: center;
                    padding: 0 4px
                }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .nested-replies .header.is-active svg {
                        transform: rotate(180deg)
                    }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .nested-replies .header span {
                        display: block;
                        font-size: .9rem;
                        font-weight: 500;
                        color: #393a4f
                    }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .nested-replies .header svg {
                        height: 16px;
                        width: 16px;
                        margin-left: 4px;
                        stroke: #393a4f;
                        transition: all .3s
                    }

                .story-post-wrapper .story-post .comments-wrap .is-comment .nested-replies .nested-comments {
                    display: none;
                    padding: 10px 0
                }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .nested-replies .nested-comments .is-nested {
                        margin: 0
                    }

@media(min-width: 1301px) {
    .stories-sidebar {
        width: 280px
    }

    .stories-wrapper.is-full .inner-wrapper {
        width: 100% !important;
        margin-left: 0 !important
    }

    .stories-wrapper .inner-wrapper {
        width: calc(100% - 280px);
        margin-left: 280px
    }
}

@media(max-width: 1300px) {
    .stories-sidebar {
        width: 250px
    }

    .stories-wrapper {
        width: calc(100% - 250px);
        margin-left: 250px
    }

        .stories-wrapper.is-full {
            width: 100% !important;
            margin-left: 0 !important
        }

            .stories-wrapper.is-full .inner-wrapper {
                width: 100% !important;
                margin-left: 0 !important
            }
}

@media(max-width: 767px) {
    .stories-sidebar .stories-sidebar-inner .user-block .close-stories-sidebar {
        display: flex !important
    }

    .stories-wrapper {
        width: 100% !important;
        margin: 0 !important
    }

        .stories-wrapper .inner-wrapper {
            width: 100% !important;
            margin: 0 !important
        }

            .stories-wrapper .inner-wrapper .mobile-sidebar-trigger {
                display: flex
            }

                .stories-wrapper .inner-wrapper .mobile-sidebar-trigger.is-home-v2 {
                    left: 20px
                }

                .stories-wrapper .inner-wrapper .mobile-sidebar-trigger.is-story-post {
                    top: 24px;
                    left: 10px
                }

            .stories-wrapper .inner-wrapper .stories-content {
                padding: 30px 20px
            }

                .stories-wrapper .inner-wrapper .stories-content .main-section-title h2 {
                    padding-left: 38px !important
                }

                .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner {
                    overflow-x: auto
                }

                    .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story {
                        margin-right: 14px
                    }

                        .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story .story-avatar {
                            border-color: transparent
                        }

    .story-post-sidebar {
        display: none
    }

    .story-post-wrapper {
        width: 100%;
        margin-right: 0
    }

        .story-post-wrapper .story-post {
            padding: 10px 16px 16px 16px
        }

            .story-post-wrapper .story-post .post-title {
                padding-left: 32px;
                font-size: 1.4rem
            }

                .story-post-wrapper .story-post .post-title h2 {
                    padding-left: 0;
                    font-size: 1.4rem
                }

                .story-post-wrapper .story-post .post-title .dropdown {
                    display: none
                }

            .story-post-wrapper .story-post .post-image-wrap .post-image {
                min-height: 230px
            }

            .story-post-wrapper .story-post .post-compose .compose-controls img {
                display: none
            }

            .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions {
                padding-left: 0
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .stories-sidebar .stories-sidebar-inner .user-block .close-stories-sidebar {
        display: flex !important
    }

    .stories-wrapper {
        width: 100% !important;
        margin: 0 !important
    }

        .stories-wrapper .inner-wrapper {
            width: 100% !important;
            margin: 0 !important
        }

            .stories-wrapper .inner-wrapper .mobile-sidebar-trigger {
                display: flex
            }

                .stories-wrapper .inner-wrapper .mobile-sidebar-trigger.is-home-v2 {
                    left: 20px
                }

                .stories-wrapper .inner-wrapper .mobile-sidebar-trigger.is-story-post {
                    top: 25px;
                    left: 90px
                }

            .stories-wrapper .inner-wrapper .stories-content .main-section-title h2 {
                padding-left: 38px !important
            }

            .stories-wrapper .inner-wrapper .stories-content .stories-feed .columns {
                display: flex
            }

    .story-post-sidebar {
        display: none
    }

    .story-post-wrapper {
        width: 100%;
        margin-right: 0
    }

        .story-post-wrapper .story-post {
            max-width: 610px
        }

            .story-post-wrapper .story-post .post-title {
                padding-left: 32px
            }

                .story-post-wrapper .story-post .post-title h2 {
                    padding-left: 0;
                    font-size: 1.4rem
                }

                .story-post-wrapper .story-post .post-title .dropdown {
                    display: none
                }

            .story-post-wrapper .story-post .post-image-wrap .post-image {
                min-height: 230px
            }

            .story-post-wrapper .story-post .post-compose .compose-controls img {
                display: none
            }

            .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions {
                padding-left: 0
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .stories-wrapper.is-full .inner-wrapper .stories-content {
        padding: 30px 0 !important
    }

    .stories-wrapper .inner-wrapper .stories-content {
        padding: 30px
    }

    .story-post-sidebar {
        width: 280px
    }

        .story-post-sidebar .header {
            padding: 0 20px
        }

        .story-post-sidebar .related-posts {
            padding: 0 20px
        }

            .story-post-sidebar .related-posts .related-post img {
                height: 40px;
                width: 40px;
                min-width: 40px
            }

    .story-post-wrapper {
        width: calc(100% - 280px);
        margin-right: 280px
    }

        .story-post-wrapper .story-post {
            padding-left: 20px;
            padding-right: 20px
        }

            .story-post-wrapper .story-post .post-title h2 {
                font-size: 1.4rem
            }
}

.shop-header .header-inner {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 30px
}

    .shop-header .header-inner .store-block {
        display: flex;
        align-items: center
    }

        .shop-header .header-inner .store-block .img-container {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 90px;
            width: 90px;
            min-width: 90px
        }

            .shop-header .header-inner .store-block .img-container .follow-badge {
                position: absolute;
                bottom: 0;
                right: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 27px;
                width: 27px;
                border-radius: 50%;
                border: 2px solid #f6f7f9;
                background: #447abf
            }

                .shop-header .header-inner .store-block .img-container .follow-badge svg {
                    height: 10px;
                    width: 10px;
                    stroke-width: 5px;
                    stroke: #fff
                }

        .shop-header .header-inner .store-block img {
            display: block;
            height: 90px;
            width: 90px;
            min-width: 90px;
            border-radius: 16px
        }

        .shop-header .header-inner .store-block .store-meta {
            margin-left: 16px
        }

            .shop-header .header-inner .store-block .store-meta h3 {
                font-family: "Open Sans",sans-serif;
                font-weight: 700;
                color: #393a4f;
                font-size: 1.3rem
            }

                .shop-header .header-inner .store-block .store-meta h3 a {
                    text-align: center;
                    margin-left: 5px
                }

                    .shop-header .header-inner .store-block .store-meta h3 a:first-child {
                        margin-left: 10px
                    }

            .shop-header .header-inner .store-block .store-meta > span {
                display: block;
                color: #a2a5b9;
                font-size: .9rem;
                line-height: 1
            }

    .shop-header .header-inner .activity-block {
        padding-top: 10px
    }

        .shop-header .header-inner .activity-block h3 {
            font-family: "Open Sans",sans-serif;
            font-weight: 600;
            color: #393a4f;
            font-size: .9rem;
            margin-bottom: 16px;
            margin-left: 16px
        }

        .shop-header .header-inner .activity-block .inner-wrap {
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: space-between
        }

            .shop-header .header-inner .activity-block .inner-wrap .stat-block {
                padding: 0 20px
            }

                .shop-header .header-inner .activity-block .inner-wrap .stat-block.is-bordered {
                    border-left: 1px solid #dedede;
                    border-right: 1px solid #dedede
                }

                .shop-header .header-inner .activity-block .inner-wrap .stat-block .stat-number {
                    font-weight: bold;
                    font-size: 1.6rem;
                    color: #393a4f;
                    line-height: 24px
                }

                .shop-header .header-inner .activity-block .inner-wrap .stat-block span {
                    display: block;
                    font-family: "Open Sans",sans-serif;
                    color: #a2a5b9;
                    font-weight: 500;
                    font-size: .8rem
                }

    .shop-header .header-inner .about-block {
        padding-top: 10px;
        max-width: 30%
    }

        .shop-header .header-inner .about-block h3 {
            font-family: "Open Sans",sans-serif;
            font-weight: 600;
            color: #393a4f;
            font-size: .9rem;
            margin-bottom: 8px
        }

        .shop-header .header-inner .about-block .ellipse-text {
            color: #999;
            font-size: .8rem
        }

.shop-header .store-tabs {
    position: relative;
    display: flex;
    max-width: 260px
}

    .shop-header .store-tabs .tab-control {
        display: block;
        font-size: .8rem;
        font-family: "Open Sans",sans-serif;
        font-weight: 600;
        text-align: center;
        width: 33.33%;
        color: #a2a5b9;
        padding-bottom: 10px;
        transition: color .3s
    }

        .shop-header .store-tabs .tab-control.is-active {
            color: #393a4f
        }

            .shop-header .store-tabs .tab-control.is-active:first-child ~ .store-naver {
                margin-left: 0
            }

            .shop-header .store-tabs .tab-control.is-active:nth-child(2) ~ .store-naver {
                margin-left: 33.33%
            }

            .shop-header .store-tabs .tab-control.is-active:nth-child(3) ~ .store-naver {
                margin-left: 66.66%
            }

    .shop-header .store-tabs .store-naver {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1.8px;
        width: 33.33%;
        border-radius: 50px;
        background: #3d70b2;
        transition: all .3s
    }

.store-sections {
    padding: 20px 0
}

    .store-sections .store-tab-pane {
        display: none;
        animation: fadeInLeft .5s
    }

        .store-sections .store-tab-pane.is-active {
            display: block
        }

    .store-sections .product-card {
        position: relative;
        background: #fff;
        border-radius: 10px;
        border: 1px solid #e0e0e0;
        padding: 14px
    }

        .store-sections .product-card .quickview-trigger {
            position: absolute;
            top: 10px;
            right: 10px;
            height: 32px;
            width: 32px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 8px
        }

            .store-sections .product-card .quickview-trigger:hover {
                background: #f5f5f5
            }

                .store-sections .product-card .quickview-trigger:hover svg {
                    stroke: #393a4f
                }

            .store-sections .product-card .quickview-trigger svg {
                height: 16px;
                width: 16px;
                stroke: #cecece;
                transition: stroke .3s
            }

        .store-sections .product-card .product-image {
            margin-bottom: 6px
        }

            .store-sections .product-card .product-image img {
                display: block;
                width: 100%;
                max-width: 150px;
                margin: 16px auto 0 auto
            }

        .store-sections .product-card .product-info {
            margin-bottom: 6px
        }

            .store-sections .product-card .product-info h3 {
                font-family: "Montserrat",sans-serif;
                font-size: .85rem;
                font-weight: 600;
                color: #393a4f
            }

            .store-sections .product-card .product-info p {
                font-size: .85rem;
                color: #999;
                max-width: 280px
            }

        .store-sections .product-card .product-actions {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-top: 12px
        }

            .store-sections .product-card .product-actions .left {
                display: flex;
                align-items: center
            }

                .store-sections .product-card .product-actions .left svg {
                    height: 16px;
                    width: 16px;
                    margin-right: 6px;
                    stroke: #ff533d;
                    fill: #ff533d
                }

                .store-sections .product-card .product-actions .left span {
                    display: block;
                    font-size: .8rem;
                    font-weight: 600;
                    color: #393a4f;
                    line-height: 1.2
                }

            .store-sections .product-card .product-actions .right .button svg {
                height: 14px;
                width: 14px;
                margin-right: 6px
            }

    .store-sections .brand-card {
        position: relative;
        background: #fff;
        border-radius: 10px;
        border: 1px solid #e0e0e0;
        padding: 14px
    }

        .store-sections .brand-card img {
            display: block;
            height: 80px;
            width: 80px;
            margin: 0 auto
        }

        .store-sections .brand-card .meta {
            text-align: center
        }

            .store-sections .brand-card .meta h3 {
                font-family: "Montserrat",sans-serif;
                font-size: .9rem;
                font-weight: 600;
                color: #393a4f
            }

            .store-sections .brand-card .meta p {
                font-size: .85rem;
                color: #535473
            }

        .store-sections .brand-card .brand-stats {
            display: flex;
            border: 1px solid #e8e8e8;
            border-radius: 6px;
            margin: 12px;
            background: #fff;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

            .store-sections .brand-card .brand-stats .brand-stat {
                width: 33.33%;
                text-align: center;
                margin: 10px 0
            }

                .store-sections .brand-card .brand-stats .brand-stat:not(:first-child) {
                    border-left: 1px solid #e8e8e8
                }

                .store-sections .brand-card .brand-stats .brand-stat span {
                    text-align: center;
                    display: block
                }

                    .store-sections .brand-card .brand-stats .brand-stat span:first-child {
                        font-size: .9rem;
                        font-weight: 600;
                        color: #393a4f
                    }

                    .store-sections .brand-card .brand-stats .brand-stat span:nth-child(2) {
                        text-transform: uppercase;
                        font-size: .6rem;
                        font-weight: 500;
                        color: #999
                    }

    .store-sections .followers-wrap {
        padding: 20px 0
    }

    .store-sections .follower-block .avatar-container {
        height: 90px;
        width: 90px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto 6px auto;
        border-radius: 50%;
        border: 2px solid #cecece
    }

        .store-sections .follower-block .avatar-container img {
            display: block;
            height: 76px;
            width: 76px;
            border-radius: 50%
        }

    .store-sections .follower-block h3 {
        text-align: center;
        font-family: "Montserrat",sans-serif;
        font-size: .9rem;
        font-weight: 700;
        color: #393a4f
    }

    .store-sections .follower-block p {
        text-align: center;
        color: #999;
        font-size: .8rem
    }

.products-navigation {
    position: fixed;
    top: 58px;
    left: 0;
    height: 58px;
    width: 100%;
    transform: translateY(-100%);
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    transition: all .3s;
    z-index: 18
}

    .products-navigation.is-active {
        transform: translateY(0)
    }

    .products-navigation .navigation-inner {
        position: relative;
        height: 58px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .products-navigation .navigation-inner .shop-info {
            display: flex;
            align-items: center
        }

            .products-navigation .navigation-inner .shop-info img {
                display: block;
                height: 42px;
                width: 42px;
                border-radius: 10px
            }

            .products-navigation .navigation-inner .shop-info h3 {
                font-family: "Montserrat",sans-serif;
                font-size: .9rem;
                font-weight: 700;
                color: #393a4f;
                margin-left: 8px
            }

        .products-navigation .navigation-inner .shop-actions {
            display: flex;
            align-items: center
        }

            .products-navigation .navigation-inner .shop-actions .shop-action {
                display: flex;
                align-items: center;
                margin: 0 6px;
                padding: 8px 16px;
                border-radius: 100px;
                background: #f5f5f5
            }

                .products-navigation .navigation-inner .shop-actions .shop-action.is-active svg {
                    transform: rotate(180deg)
                }

                .products-navigation .navigation-inner .shop-actions .shop-action span {
                    font-size: .9rem;
                    color: #393a4f
                }

                .products-navigation .navigation-inner .shop-actions .shop-action svg {
                    height: 16px;
                    width: 16px;
                    stroke: #393a4f;
                    transition: all .3s
                }

            .products-navigation .navigation-inner .shop-actions .button {
                margin-left: 6px
            }

.navigation-panel {
    position: fixed;
    top: 116px;
    left: 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    display: none
}

    .navigation-panel.is-categories {
        z-index: 18
    }

        .navigation-panel.is-categories .navigation-panel-inner {
            min-height: 190px
        }

    .navigation-panel.is-filters {
        z-index: 17
    }

        .navigation-panel.is-filters .navigation-panel-inner .container {
            display: flex;
            justify-content: space-between
        }

        .navigation-panel.is-filters .navigation-panel-inner .search-filter {
            display: flex;
            align-items: center;
            flex-grow: 2
        }

            .navigation-panel.is-filters .navigation-panel-inner .search-filter .control {
                width: 100%;
                margin-right: 30px
            }

        .navigation-panel.is-filters .navigation-panel-inner .filter-group {
            display: flex;
            align-items: center;
            padding: 6px 0
        }

            .navigation-panel.is-filters .navigation-panel-inner .filter-group .control {
                min-width: 170px;
                margin: 0 4px
            }

                .navigation-panel.is-filters .navigation-panel-inner .filter-group .control .combo-box {
                    height: 36px;
                    margin-top: 0
                }

                    .navigation-panel.is-filters .navigation-panel-inner .filter-group .control .combo-box .combo-item {
                        height: 36px
                    }

                    .navigation-panel.is-filters .navigation-panel-inner .filter-group .control .combo-box .box-chevron {
                        height: 36px;
                        width: 36px
                    }

    .navigation-panel .navigation-panel-inner {
        position: relative;
        width: 100%
    }

        .navigation-panel .navigation-panel-inner .panel-title {
            padding: 16px;
            display: flex;
            align-items: center
        }

            .navigation-panel .navigation-panel-inner .panel-title h3 {
                font-family: "Montserrat",sans-serif;
                font-size: .9rem;
                font-weight: 600;
                color: #393a4f
            }

        .navigation-panel .navigation-panel-inner .shop-categories {
            display: flex;
            align-items: center;
            padding: 0 16px
        }

            .navigation-panel .navigation-panel-inner .shop-categories .category-item {
                position: relative;
                width: 16.66%
            }

                .navigation-panel .navigation-panel-inner .shop-categories .category-item input {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    opacity: 0;
                    z-index: 1;
                    cursor: pointer
                }

                    .navigation-panel .navigation-panel-inner .shop-categories .category-item input:checked + .item-inner {
                        border-color: #e0e0e0;
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                    }

                        .navigation-panel .navigation-panel-inner .shop-categories .category-item input:checked + .item-inner img {
                            filter: grayscale(0);
                            opacity: 1
                        }

                        .navigation-panel .navigation-panel-inner .shop-categories .category-item input:checked + .item-inner h4 {
                            color: #393a4f
                        }

                .navigation-panel .navigation-panel-inner .shop-categories .category-item .item-inner {
                    padding: 16px;
                    border: 1px solid transparent;
                    border-radius: 8px;
                    transition: all .3s
                }

                    .navigation-panel .navigation-panel-inner .shop-categories .category-item .item-inner img {
                        display: block;
                        width: 40px;
                        height: 40px;
                        margin: 0 auto;
                        filter: grayscale(1);
                        opacity: .4;
                        transition: all .3s
                    }

                    .navigation-panel .navigation-panel-inner .shop-categories .category-item .item-inner h4 {
                        margin-top: 12px;
                        font-family: "Montserrat",sans-serif;
                        font-size: .7rem;
                        font-weight: 600;
                        text-transform: uppercase;
                        text-align: center;
                        color: #cecece;
                        transition: color .3s
                    }

.product-quickview .card, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card {
    position: relative;
    display: flex
}

    .product-quickview .card .quickview-loader, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .quickview-loader, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .quickview-loader {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        opacity: 0;
        pointer-events: none;
        z-index: 2
    }

        .product-quickview .card .quickview-loader.is-active, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .quickview-loader.is-active, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .quickview-loader.is-active {
            opacity: 1;
            pointer-events: all
        }

        .product-quickview .card .quickview-loader .loader, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .quickview-loader .loader, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .quickview-loader .loader {
            height: 4rem;
            width: 4rem
        }

    .product-quickview .card .left, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .left {
        width: 55%;
        background: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .product-quickview .card .left .product-image, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left .product-image, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .left .product-image {
            position: relative;
            display: none;
            width: 100%;
            max-width: 360px
        }

            .product-quickview .card .left .product-image.is-active, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left .product-image.is-active, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .left .product-image.is-active {
                display: block
            }

            .product-quickview .card .left .product-image img, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left .product-image img, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .left .product-image img {
                display: block;
                width: 100%
            }

    .product-quickview .card .right, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right {
        width: 45%;
        padding: 20px
    }

        .product-quickview .card .right .header, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .header {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            margin-bottom: 16px
        }

            .product-quickview .card .right .header .product-info h3, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header .product-info h3, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .header .product-info h3 {
                font-family: "Montserrat",sans-serif;
                font-size: 1.1rem;
                font-weight: 700;
                color: #393a4f
            }

            .product-quickview .card .right .header .product-info p, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header .product-info p, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .header .product-info p {
                font-size: .9rem;
                color: #999
            }

            .product-quickview .card .right .header .price, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header .price, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .header .price {
                font-family: "Montserrat",sans-serif;
                font-size: 1.2rem;
                font-weight: 700;
                color: #393a4f
            }

                .product-quickview .card .right .header .price:before, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header .price:before, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .header .price:before {
                    content: "$"
                }

        .product-quickview .card .right .properties .property-group, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group {
            margin-bottom: 12px
        }

            .product-quickview .card .right .properties .property-group h4, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group h4, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group h4 {
                font-family: "Montserrat",sans-serif;
                font-size: .7rem;
                font-weight: 500;
                color: #999;
                text-transform: uppercase;
                margin-bottom: 6px
            }

            .product-quickview .card .right .properties .property-group .property-box, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box {
                display: flex;
                width: 100%;
                background: #fff;
                border: 1px solid #e5e5e5;
                border-radius: 10px;
                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
            }

                .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item {
                    position: relative;
                    width: 25%;
                    margin: 16px 0
                }

                    .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item:not(:first-child), .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item:not(:first-child), .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item:not(:first-child) {
                        border-left: 1px solid #e8e8e8
                    }

                    .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item input, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item input, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item input {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        opacity: 0;
                        cursor: pointer
                    }

                        .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item input:checked + .item-inner .color-dot, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item input:checked + .item-inner .color-dot, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item input:checked + .item-inner .color-dot {
                            border-color: #d3d3d3
                        }

                    .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner {
                        padding: 0 16px
                    }

                        .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot {
                            height: 30px;
                            width: 30px;
                            margin: 0 auto;
                            border-radius: 50%;
                            border: 1.4px solid transparent;
                            display: flex;
                            justify-content: center;
                            align-items: center
                        }

                            .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner {
                                height: 18px;
                                width: 18px;
                                border-radius: 50%;
                                background: #cecece
                            }

                                .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-red, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-red, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-red {
                                    background: #ff533d
                                }

                                .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-blue, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-blue, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-blue {
                                    background: #039be5
                                }

                                .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-green, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-green, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-green {
                                    background: #1ce589
                                }

                                .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-yellow, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-yellow, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-yellow {
                                    background: #ff9700
                                }

                .product-quickview .card .right .properties .property-group .property-box.is-sizes .property-item, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-sizes .property-item, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-sizes .property-item {
                    position: relative;
                    width: 25%;
                    margin: 16px 0
                }

                    .product-quickview .card .right .properties .property-group .property-box.is-sizes .property-item:not(:first-child), .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-sizes .property-item:not(:first-child), .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-sizes .property-item:not(:first-child) {
                        border-left: 1px solid #e8e8e8
                    }

                    .product-quickview .card .right .properties .property-group .property-box.is-sizes .property-item input, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-sizes .property-item input, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-sizes .property-item input {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        opacity: 0;
                        cursor: pointer
                    }

                        .product-quickview .card .right .properties .property-group .property-box.is-sizes .property-item input:checked + .item-inner .size-label, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-sizes .property-item input:checked + .item-inner .size-label, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-sizes .property-item input:checked + .item-inner .size-label {
                            color: #393a4f
                        }

                    .product-quickview .card .right .properties .property-group .property-box.is-sizes .property-item .item-inner, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-sizes .property-item .item-inner, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-sizes .property-item .item-inner {
                        padding: 0 16px
                    }

                        .product-quickview .card .right .properties .property-group .property-box.is-sizes .property-item .item-inner .size-label, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-sizes .property-item .item-inner .size-label, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-sizes .property-item .item-inner .size-label {
                            display: block;
                            text-align: center;
                            font-size: .95rem;
                            font-weight: 500;
                            color: #cecece
                        }

        .product-quickview .card .right .quickview-description, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-description, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-description {
            margin: 24px 0;
            max-height: 220px;
            padding-right: 16px;
            overflow-y: auto
        }

            .product-quickview .card .right .quickview-description p, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-description p, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-description p {
                font-size: .85rem
            }

        .product-quickview .card .right .quickview-controls, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-controls {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

            .product-quickview .card .right .quickview-controls .button span, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .button span, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-controls .button span {
                margin-right: 8px
            }

            .product-quickview .card .right .quickview-controls .button var, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .button var, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-controls .button var {
                font-weight: 500
            }

                .product-quickview .card .right .quickview-controls .button var:before, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .button var:before, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-controls .button var:before {
                    content: "$"
                }

.shop-wrapper .cart-container {
    max-width: 1040px;
    margin: 30px auto
}

    .shop-wrapper .cart-container.is-narrow {
        margin-bottom: 16px !important
    }

    .shop-wrapper .cart-container .cart-header .header-inner {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .shop-wrapper .cart-container .cart-header .header-inner.is-smaller h2 {
            font-weight: 600;
            font-size: 1.1rem
        }

        .shop-wrapper .cart-container .cart-header .header-inner h2 {
            font-family: "Montserrat",sans-serif;
            font-size: 1.4rem;
            font-weight: 700;
            color: #393a4f
        }

    .shop-wrapper .cart-container .cart-content {
        padding: 30px 0
    }

        .shop-wrapper .cart-container .cart-content .checkout-section {
            display: none;
            animation: fadeInLeft .5s
        }

            .shop-wrapper .cart-container .cart-content .checkout-section.is-active {
                display: block
            }

            .shop-wrapper .cart-container .cart-content .checkout-section .address-box {
                position: relative
            }

                .shop-wrapper .cart-container .cart-content .checkout-section .address-box input {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    opacity: 0;
                    cursor: pointer
                }

                    .shop-wrapper .cart-container .cart-content .checkout-section .address-box input:checked + .address-box-inner {
                        border-color: #3d70b2;
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                    }

                .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner {
                    padding: 20px;
                    border-radius: 6px;
                    border: 1px solid #e0e0e0;
                    background: #fff;
                    transition: all .3s
                }

                    .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner p {
                        font-family: "Roboto",sans-serif
                    }

                        .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner p:not(:first-child) {
                            font-size: .9rem;
                            color: #797a9e
                        }

                        .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner p:first-child {
                            font-weight: 500;
                            color: #393a4f
                        }

            .shop-wrapper .cart-container .cart-content .checkout-section .add-address-link a {
                display: flex;
                align-items: center
            }

                .shop-wrapper .cart-container .cart-content .checkout-section .add-address-link a svg {
                    width: 18px;
                    height: 18px
                }

                .shop-wrapper .cart-container .cart-content .checkout-section .add-address-link a span {
                    font-family: "Roboto",sans-serif;
                    font-size: .9rem;
                    margin-left: 4px
                }

            .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box {
                position: relative
            }

                .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box input {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    opacity: 0;
                    cursor: pointer
                }

                    .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box input:checked + .shipping-box-inner {
                        border-color: #3d70b2;
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                    }

                        .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box input:checked + .shipping-box-inner img {
                            opacity: 1;
                            filter: grayscale(0)
                        }

                        .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box input:checked + .shipping-box-inner p {
                            color: #3d70b2
                        }

                .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box .shipping-box-inner {
                    padding: 20px;
                    border-radius: 6px;
                    border: 1px solid #e0e0e0;
                    background: #fff;
                    text-align: center;
                    transition: all .3s
                }

                    .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box .shipping-box-inner img {
                        max-width: 60px;
                        margin: 0 auto 10px auto;
                        filter: grayscale(1);
                        opacity: .6;
                        pointer-events: none;
                        transition: all .3s
                    }

                    .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box .shipping-box-inner p {
                        font-family: "Roboto",sans-serif;
                        font-size: .7rem;
                        font-weight: 500;
                        text-transform: uppercase;
                        color: #797a9e;
                        transition: color .3s
                    }

        .shop-wrapper .cart-container .cart-content .flex-table .spinner {
            height: 32px;
            min-width: 80px;
            padding: 0 2px
        }

            .shop-wrapper .cart-container .cart-content .flex-table .spinner .add, .shop-wrapper .cart-container .cart-content .flex-table .spinner .remove {
                height: 32px;
                width: 32px
            }

                .shop-wrapper .cart-container .cart-content .flex-table .spinner .add svg, .shop-wrapper .cart-container .cart-content .flex-table .spinner .remove svg {
                    height: 12px;
                    width: 12px
                }

            .shop-wrapper .cart-container .cart-content .flex-table .spinner .value {
                font-size: .8rem
            }

        .shop-wrapper .cart-container .cart-content .continue-shopping {
            padding: 16px 0
        }

            .shop-wrapper .cart-container .cart-content .continue-shopping a {
                font-size: .9rem;
                color: #999;
                padding: 10px 20px;
                background: #fff;
                border: 1px solid transparent;
                border-radius: 100px;
                transition: all .3s
            }

                .shop-wrapper .cart-container .cart-content .continue-shopping a:hover {
                    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
                    border-color: #3d70b2;
                    color: #3d70b2
                }

        .shop-wrapper .cart-container .cart-content .cart-summary {
            padding-left: 20px
        }

            .shop-wrapper .cart-container .cart-content .cart-summary .summary-header h3 {
                font-family: "Montserrat",sans-serif;
                font-size: .7rem;
                font-weight: 600;
                color: #999;
                text-transform: uppercase;
                padding-bottom: 14px
            }

            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card {
                position: relative;
                padding: 20px;
                border: 1px solid #e0e0e0
            }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card > h3 {
                    font-family: "Montserrat",sans-serif;
                    font-size: .7rem;
                    font-weight: 600;
                    color: #999;
                    text-transform: uppercase;
                    padding-bottom: 14px
                }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card > p {
                    color: #797a9e !important
                }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .shipping-logo {
                    display: block;
                    position: absolute;
                    top: 12px;
                    right: 16px;
                    width: 28px;
                    opacity: 0;
                    pointer-events: none;
                    transition: all .3s
                }

                    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .shipping-logo.is-active {
                        opacity: 1
                    }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line {
                    display: flex;
                    align-items: center;
                    justify-content: space-between
                }

                    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line:not(:last-child) {
                        margin-bottom: 12px
                    }

                    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span {
                        display: block;
                        font-family: "Montserrat",sans-serif
                    }

                        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:first-child {
                            font-size: .8rem;
                            font-weight: 600;
                            color: #999
                        }

                            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:first-child.is-total {
                                color: #393a4f
                            }

                        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2) {
                            font-size: .8rem;
                            font-weight: 600;
                            color: #393a4f
                        }

                            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2):before {
                                content: "$"
                            }

                            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2).is-total {
                                font-weight: 700;
                                font-size: .9rem
                            }

                            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2).is-text {
                                font-weight: 400 !important;
                                font-size: .7rem;
                                color: #999
                            }

                                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2).is-text:before {
                                    content: ""
                                }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card img {
                    display: block;
                    max-width: 60px;
                    margin: 0 auto 20px auto
                }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card h4 {
                    font-family: "Montserrat",sans-serif;
                    font-weight: 600;
                    color: #393a4f;
                    font-size: .9rem
                }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card p {
                    font-size: .9rem;
                    color: #999
                }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .button.is-loading {
                    color: transparent !important
                }

.checkout-container {
    display: flex;
    justify-content: space-between;
    max-width: 1040px;
    margin: 0 auto;
    animation: fadeInLeft .5s
}

    .checkout-container .left, .checkout-container .right {
        width: 49%
    }

        .checkout-container .left .left-header {
            background: #fff;
            border-radius: 10px;
            padding: 20px;
            border: 1px solid #e8e8e8;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
            margin-bottom: 20px
        }

            .checkout-container .left .left-header .header-inner {
                display: flex;
                align-items: center;
                margin-bottom: 10px
            }

                .checkout-container .left .left-header .header-inner .avatar {
                    display: block;
                    height: 70px;
                    width: 70px;
                    min-width: 70px;
                    border-radius: 8px
                }

                .checkout-container .left .left-header .header-inner .separator {
                    height: 34px;
                    width: 1px;
                    margin: 0 24px;
                    border-right: 1px solid #d9d9d9;
                    display: none
                }

                .checkout-container .left .left-header .header-inner .logo {
                    display: block;
                    max-width: 110px;
                    max-height: 40px
                }

                .checkout-container .left .left-header .header-inner .title-wrap {
                    margin-left: 12px;
                    line-height: 1.3
                }

                    .checkout-container .left .left-header .header-inner .title-wrap .payment-title {
                        font-family: "Roboto",sans-serif;
                        color: #393a4f;
                        font-size: 1.3rem;
                        font-weight: 500;
                        margin-bottom: 0
                    }

                    .checkout-container .left .left-header .header-inner .title-wrap .payment-subtitle {
                        font-family: "Roboto",sans-serif;
                        color: #999;
                        font-size: .9rem;
                        margin-bottom: 0
                    }

            .checkout-container .left .left-header .header-coupon {
                padding: 20px 0 0 0;
                border-top: 1px solid #e0e0e0;
                margin-bottom: 20px
            }

                .checkout-container .left .left-header .header-coupon .field.is-grouped .control:first-child {
                    flex-grow: 2
                }

            .checkout-container .left .left-header .header-foot {
                display: flex;
                justify-content: space-between;
                align-items: flex-end;
                margin-top: 10px;
                padding-top: 10px;
                border-top: 1px solid #e0e0e0
            }

                .checkout-container .left .left-header .header-foot span {
                    display: block;
                    font-family: "Roboto",sans-serif
                }

                    .checkout-container .left .left-header .header-foot span.label {
                        font-size: 1rem;
                        font-weight: 500;
                        color: #393a4f;
                        margin-bottom: 0
                    }

                    .checkout-container .left .left-header .header-foot span.amount {
                        font-size: 1.3rem;
                        font-weight: 600;
                        color: #393a4f
                    }

                        .checkout-container .left .left-header .header-foot span.amount:before {
                            content: attr(data-currency);
                            position: relative;
                            left: -5px;
                            font-weight: 500;
                            font-size: .75rem;
                            color: #999
                        }

        .checkout-container .left .left-body {
            padding: 20px 0
        }

        .checkout-container .right .payment-form {
            background: #fff;
            border-radius: 10px;
            padding: 30px;
            border: 1px solid #e8e8e8;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

            .checkout-container .right .payment-form .provider-form {
                display: none
            }

                .checkout-container .right .payment-form .provider-form.is-active {
                    display: block
                }

            .checkout-container .right .payment-form .form-section.has-margin-bottom {
                margin-bottom: 30px
            }

            .checkout-container .right .payment-form .form-section .form-section-header {
                display: flex;
                justify-content: space-between;
                margin-bottom: 8px
            }

                .checkout-container .right .payment-form .form-section .form-section-header h3 {
                    font-family: "Roboto",sans-serif;
                    color: #393a4f;
                    font-size: 1.1rem;
                    font-weight: 500
                }

                .checkout-container .right .payment-form .form-section .form-section-header span {
                    display: block;
                    color: #a2a5b9
                }

                    .checkout-container .right .payment-form .form-section .form-section-header span a {
                        color: #3d70b2;
                        font-weight: 600;
                        cursor: pointer;
                        padding-left: 5px
                    }

            .checkout-container .right .payment-form label {
                text-transform: uppercase;
                font-family: "Roboto";
                font-size: .7rem;
                color: #999;
                letter-spacing: 1px
            }

            .checkout-container .right .payment-form .select {
                width: 100%
            }

                .checkout-container .right .payment-form .select:after {
                    border-color: #a2a5b9;
                    border-width: 2px
                }

                .checkout-container .right .payment-form .select select {
                    width: 100%
                }

                .checkout-container .right .payment-form .select + .icon .mdi {
                    position: relative;
                    top: 2px;
                    font-size: 1.2rem
                }

            .checkout-container .right .payment-form .StripeElement {
                box-sizing: border-box;
                height: 40px;
                padding: 10px 12px;
                border: 1px solid #e2e5ec;
                border-radius: 4px;
                background-color: #fff
            }

                .checkout-container .right .payment-form .StripeElement.empty {
                    color: #a2a5b9
                }

            .checkout-container .right .payment-form .StripeElement--focus {
                box-shadow: 0 1px 3px 0 #cfd7df
            }

            .checkout-container .right .payment-form .StripeElement--invalid {
                border-color: #fa755a
            }

            .checkout-container .right .payment-form .StripeElement--webkit-autofill {
                background-color: #fefde5 !important
            }

            .checkout-container .right .payment-form .is-disclaimer {
                padding-top: 10px
            }

                .checkout-container .right .payment-form .is-disclaimer p {
                    color: #a2a5b9;
                    font-size: .8rem;
                    font-family: "Roboto",sans-serif
                }

                    .checkout-container .right .payment-form .is-disclaimer p a {
                        color: #3d70b2;
                        font-weight: 500
                    }

            .checkout-container .right .payment-form .is-button {
                text-align: center;
                margin-top: 20px
            }

                .checkout-container .right .payment-form .is-button .buttons {
                    justify-content: center
                }

                .checkout-container .right .payment-form .is-button .button {
                    min-height: 42px;
                    transition: all .3s
                }

                    .checkout-container .right .payment-form .is-button .button:nth-child(2) {
                        border-left: 1px solid #6e98cd
                    }

                    .checkout-container .right .payment-form .is-button .button.disabled {
                        filter: grayscale(1);
                        opacity: .4;
                        pointer-events: none
                    }

    .checkout-container .confirmation-box {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
        background: #fff;
        border-radius: 10px;
        padding: 24px;
        border: 1px solid #e8e8e8;
        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
    }

        .checkout-container .confirmation-box > svg {
            display: block;
            margin: 0 auto
        }

        .checkout-container .confirmation-box > h3 {
            font-family: "Roboto",sans-serif;
            color: #393a4f;
            font-size: 1.2rem;
            font-weight: 500;
            text-align: center;
            margin-bottom: 0
        }

        .checkout-container .confirmation-box > p {
            text-align: center;
            font-family: "Roboto",sans-serif;
            color: #999;
            font-size: .9rem;
            padding-bottom: 20px;
            margin-bottom: 20px;
            border-bottom: 1px solid #dedede
        }

        .checkout-container .confirmation-box .order-summary {
            padding-bottom: 10px
        }

            .checkout-container .confirmation-box .order-summary h4 {
                text-align: center;
                text-transform: uppercase;
                font-family: "Roboto";
                font-size: .85rem;
                color: #999;
                letter-spacing: 1px;
                margin-bottom: 20px
            }

            .checkout-container .confirmation-box .order-summary .order-line {
                display: flex;
                justify-content: space-between;
                padding: 8px 20px
            }

                .checkout-container .confirmation-box .order-summary .order-line .item.is-total span {
                    font-size: 1.2rem;
                    font-weight: 500;
                    color: #393a4f !important
                }

                .checkout-container .confirmation-box .order-summary .order-line .item span {
                    font-size: .9rem;
                    font-family: "Roboto",sans-serif;
                    display: block;
                    color: #a2a5b9
                }

                .checkout-container .confirmation-box .order-summary .order-line .amount.is-total span {
                    font-size: 1.2rem;
                    font-weight: 500;
                    color: #393a4f !important
                }

                .checkout-container .confirmation-box .order-summary .order-line .amount span {
                    font-size: .9rem;
                    font-family: "Roboto",sans-serif;
                    display: block;
                    color: #a2a5b9
                }

                    .checkout-container .confirmation-box .order-summary .order-line .amount span:before {
                        content: attr(data-currency);
                        position: relative;
                        left: -5px;
                        font-weight: 500;
                        font-size: .75rem;
                        color: #a2a5b9
                    }

@media(max-width: 767px) {
    .products-navigation .navigation-inner {
        padding-left: 12px
    }

        .products-navigation .navigation-inner .shop-info h3 {
            display: none
        }

    .navigation-panel.is-categories .navigation-panel-inner .shop-categories {
        flex-wrap: wrap
    }

        .navigation-panel.is-categories .navigation-panel-inner .shop-categories .category-item {
            width: 33.33%
        }

    .navigation-panel.is-filters .navigation-panel-inner .search-filter {
        width: 100%;
        padding: 6px 12px
    }

        .navigation-panel.is-filters .navigation-panel-inner .search-filter .control {
            margin: 0
        }

    .navigation-panel.is-filters .navigation-panel-inner .filter-group {
        display: none
    }

    .shop-wrapper {
        overflow-x: hidden
    }

        .shop-wrapper .shop-header .header-inner {
            flex-direction: column
        }

            .shop-wrapper .shop-header .header-inner .activity-block {
                padding-top: 20px
            }

                .shop-wrapper .shop-header .header-inner .activity-block h3 {
                    margin-left: 0
                }

            .shop-wrapper .shop-header .header-inner .about-block {
                max-width: 100%;
                padding-top: 20px
            }

        .shop-wrapper .shop-header .store-tabs {
            max-width: 100%
        }

            .shop-wrapper .shop-header .store-tabs .tab-control {
                font-size: .9rem
            }

        .shop-wrapper .store-sections .store-tab-pane .columns .column {
            width: 100%
        }

        .shop-wrapper .cart-container .cart-content .cart-summary {
            padding-left: 0
        }

            .product-quickview .card, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card {
                flex-direction: column
            }

                .product-quickview .card .left, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .left {
                    width: 100%
                }

                    .product-quickview .card .left .product-image img, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left .product-image img, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .left .product-image img {
                        max-width: 190px
                    }

                .product-quickview .card .right, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right {
                    width: 100%
                }

                    .product-quickview .card .right .quickview-description, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-description, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-description {
                        max-height: 120px
                    }

    .checkout-container {
        flex-direction: column
    }

        .checkout-container .left, .checkout-container .right {
            width: 100%
        }

        .checkout-container .left {
            margin-bottom: 20px
        }

            .checkout-container .left .left-header .header-inner {
                flex-direction: column
            }

                .checkout-container .left .left-header .header-inner .avatar {
                    margin-bottom: 20px
                }

                .checkout-container .left .left-header .header-inner .separator {
                    display: none
                }

                .checkout-container .left .left-header .header-inner .title-wrap {
                    margin-left: 0;
                    text-align: center
                }

        .checkout-container .right .payment-form {
            padding: 20px
        }

        .checkout-container .confirmation-box {
            padding: 20px
        }

            .checkout-container .confirmation-box .order-summary .order-line {
                padding-left: 0;
                padding-right: 0
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .shop-wrapper {
        overflow-x: hidden
    }

        .shop-wrapper .shop-header .header-inner .store-block .img-container {
            height: 50px;
            width: 50px;
            min-width: 50px
        }

            .shop-wrapper .shop-header .header-inner .store-block .img-container img {
                height: 50px;
                width: 50px;
                min-width: 50px;
                border-radius: 12px
            }

        .shop-wrapper .shop-header .header-inner .activity-block .inner-wrap .stat-block {
            padding: 0 12px
        }

            .shop-wrapper .shop-header .header-inner .activity-block .inner-wrap .stat-block .stat-number {
                font-size: 1.2rem
            }

        .shop-wrapper .shop-header .header-inner .about-block .ellipse-text {
            font-size: .7rem
        }

        .shop-wrapper .store-sections .store-tab-pane .columns {
            display: flex
        }

            .shop-wrapper .store-sections .store-tab-pane .columns .column .product-card {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                min-height: 318px
            }

    .product-quickview .modal-content {
        max-width: 740px
    }

    .cart-container.is-payment {
        max-width: 500px
    }

    .cart-container .cart-content .cart-summary {
        padding-left: 0 !important;
        display: flex
    }

        .cart-container .cart-content .cart-summary h3 {
            display: none
        }

        .cart-container .cart-content .cart-summary .summary-card {
            width: calc(50% - 16px);
            margin: 0 8px
        }

    .checkout-container {
        flex-direction: column;
        max-width: 500px
    }

        .checkout-container .left, .checkout-container .right {
            width: 100%
        }

            .checkout-container .left .left-header .avatar {
                height: 60px;
                width: 60px
            }

            .checkout-container .left .left-header .separator {
                margin: 0 16px
            }

            .checkout-container .left .left-header .logo {
                display: block;
                max-width: 90px;
                max-height: 28px
            }

        .checkout-container .right {
            margin-top: 20px
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .shop-wrapper {
        overflow-x: hidden
    }

        .shop-wrapper .store-sections .store-tab-pane .columns .column .product-card {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-height: 318px
        }

        .shop-wrapper .cart-container .cart-content .cart-summary {
            padding-left: 0 !important
        }
}

.landing-hero-wrapper {
    position: relative;
    background-color: #fff;
    background-image: -webkit-linear-gradient(40deg, #fff 50%, #6ba4e9 50%)
}

    .landing-hero-wrapper #particles-js {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0
    }

    .landing-hero-wrapper .landing-caption h2 {
        font-family: "Montserrat",sans-serif;
        font-size: 5rem;
        font-weight: bold;
        color: #fcfcfc;
        line-height: 1;
        text-shadow: 5px 5px #3180e1,10px 10px #3180e1
    }

    .landing-hero-wrapper .landing-caption h3 {
        font-family: "Montserrat",sans-serif;
        font-size: 1.8rem;
        font-weight: 300;
        color: #fcfcfc;
        padding: 0 10px;
        text-shadow: 2px 2px #3180e1,5px 5px #3180e1
    }

    .landing-hero-wrapper .landing-caption .button {
        margin: 20px 10px;
        height: 48px;
        text-transform: uppercase;
        font-size: .95rem;
        min-width: 190px;
        color: #3d70b2
    }

        .landing-hero-wrapper .landing-caption .button:hover {
            box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
        }

.header-logo {
    height: 44px;
    width: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #3d70b2;
    box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important;
    background: #3d70b2;
    margin: 10px auto
}

    .header-logo img {
        display: block;
        height: 32px;
        width: 32px
    }

.landing-wrapper.is-grey {
    background: #fafafa
}

.landing-wrapper .made-with {
    max-width: 640px;
    margin: 0 auto 3rem auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .landing-wrapper .made-with .made-block {
        width: calc(25% - 10px);
        margin: 10px
    }

        .landing-wrapper .made-with .made-block .block-icon {
            height: 90px;
            width: 90px;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #e8e8e8;
            border-radius: 50%;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

            .landing-wrapper .made-with .made-block .block-icon img {
                display: block;
                max-width: 60px
            }

        .landing-wrapper .made-with .made-block .block-title {
            text-align: center;
            margin-top: 12px
        }

            .landing-wrapper .made-with .made-block .block-title h3 {
                font-family: "Montserrat",sans-serif;
                font-weight: 600;
                color: #393a4f
            }

.landing-wrapper .screen-wrapper {
    border-bottom: 1.4px solid #e8e8e8
}

    .landing-wrapper .screen-wrapper.is-spaced {
        margin: 5rem 0
    }

    .landing-wrapper .screen-wrapper.has-plant {
        position: relative
    }

        .landing-wrapper .screen-wrapper.has-plant .plant-1 {
            position: absolute;
            bottom: -1rem;
            right: -5rem;
            max-height: 250px;
            max-width: 170px
        }

        .landing-wrapper .screen-wrapper.has-plant .plant-2 {
            position: absolute;
            bottom: -1rem;
            left: -4rem;
            max-height: 250px;
            max-width: 170px
        }

    .landing-wrapper .screen-wrapper img:not(.plant) {
        display: block;
        border-radius: 8px 8px 0 0;
        border: 1px solid #e8e8e8;
        border-bottom: none;
        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
        width: 100%;
        max-width: 940px;
        margin: 0 auto
    }

.landing-wrapper .landing-icon-box {
    text-align: center;
    margin-bottom: 20px
}

    .landing-wrapper .landing-icon-box svg {
        height: 30px;
        width: 30px;
        stroke-width: 1.4px;
        margin: 0 auto
    }

    .landing-wrapper .landing-icon-box img {
        display: block;
        height: 54px;
        width: 54px;
        margin: 0 auto 4px auto
    }

    .landing-wrapper .landing-icon-box h3 {
        font-family: "Montserrat",sans-serif;
        color: #393a4f;
        font-weight: 500;
        font-size: .95rem
    }

    .landing-wrapper .landing-icon-box p {
        font-size: .9rem;
        color: #999
    }

.section.is-grey {
    background: #fafafa
}

.side-feature h3 {
    font-family: "Montserrat",sans-serif;
    font-weight: bold;
    color: #393a4f;
    font-size: 2rem
}

.side-feature p {
    color: #999;
    font-size: 1rem;
    max-width: 440px
}

.side-feature img {
    display: block;
    max-width: 460px;
    margin: 0 auto
}

.demo-section {
    margin-bottom: 100px
}

    .demo-section .demo-section-title {
        display: flex;
        align-items: center;
        margin-bottom: 30px
    }

        .demo-section .demo-section-title img {
            display: block;
            width: 100%;
            max-width: 100px
        }

        .demo-section .demo-section-title .title-meta {
            margin-left: 12px;
            line-height: 1.2
        }

            .demo-section .demo-section-title .title-meta h3 {
                font-family: "Montserrat",sans-serif;
                font-weight: 500;
                font-size: 1.25rem;
                text-transform: capitalize;
                color: #393a4f;
                margin-bottom: .25rem;
                padding: 0
            }

            .demo-section .demo-section-title .title-meta p {
                font-family: "Roboto",sans-serif;
                font-size: .9rem;
                color: #a2a5b9
            }

.demo-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
}

    .demo-wrapper:hover .circle-overlay {
        transform: scale(35)
    }

    .demo-wrapper:hover .demo-title {
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0 !important
    }

    .demo-wrapper:hover .demo-link {
        color: #fff;
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0 !important
    }

    .demo-wrapper .new-tag {
        position: absolute;
        bottom: 10px;
        right: 10px;
        background: red;
        color: #fff;
        font-family: "Roboto",sans-serif;
        padding: 6px 16px;
        border-radius: 8px;
        text-transform: uppercase;
        font-size: .8rem;
        z-index: 8
    }

    .demo-wrapper img {
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        display: block
    }

    .demo-wrapper .circle-overlay {
        position: absolute;
        top: -60px;
        left: -60px;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #3d70b2;
        transform: scale(1);
        transition: all .5s;
        z-index: 1
    }

    .demo-wrapper .demo-info {
        position: absolute;
        margin: 0 auto;
        top: 35%;
        left: 0;
        right: 0;
        z-index: 2;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .demo-wrapper .demo-title {
        color: #fff;
        font-family: "Montserrat",sans-serif;
        font-size: 1.5rem;
        font-weight: 600;
        padding-bottom: 0;
        opacity: 0;
        transform: translateY(20px);
        transition: all .3s;
        transition-delay: .1s
    }

    .demo-wrapper .demo-link {
        opacity: 0;
        transform: translateY(20px);
        transition: all .3s;
        transition-delay: .2s
    }

        .demo-wrapper .demo-link a {
            color: #fff;
            font-size: 1rem
        }

            .demo-wrapper .demo-link a i {
                position: relative;
                top: 8px;
                opacity: 0;
                transform: translateX(0);
                transition: all .3s ease-out
            }

            .demo-wrapper .demo-link a svg {
                position: relative;
                top: 5px;
                height: 20px;
                width: 20px;
                opacity: 0;
                transform: translateX(0);
                transition: all .3s ease-out
            }

            .demo-wrapper .demo-link a:hover i, .demo-wrapper .demo-link a:hover svg {
                opacity: 1;
                transform: translateX(5px)
            }

.demos-wrapper {
    background: #fafafa
}

    .demos-wrapper .demos-title h3 {
        font-family: "Montserrat",sans-serif;
        font-weight: bold;
        font-size: 1.6rem;
        color: #393a4f
    }

    .demos-wrapper .demos-list {
        padding: 80px 0
    }

        .demos-wrapper .demos-list .demo-item {
            position: relative;
            display: block;
            overflow: hidden
        }

            .demos-wrapper .demos-list .demo-item:hover img {
                filter: grayscale(0);
                opacity: 1;
                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
            }

            .demos-wrapper .demos-list .demo-item:hover .go-arrow {
                transform: translate(0, 0)
            }

            .demos-wrapper .demos-list .demo-item .go-arrow {
                position: absolute;
                bottom: -20px;
                right: -20px;
                height: 80px;
                width: 80px;
                background: #3f88e3;
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-items: center;
                transform: translate(80px, 80px);
                box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important;
                transition: all .3s;
                z-index: 2
            }

                .demos-wrapper .demos-list .demo-item .go-arrow:hover {
                    background: #3d70b2;
                    box-shadow: 0 14px 26px -12px rgba(61,112,178,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(61,112,178,.2) !important
                }

                .demos-wrapper .demos-list .demo-item .go-arrow svg {
                    position: relative;
                    top: -6px;
                    left: -6px;
                    height: 22px;
                    width: 22px;
                    stroke: #fff
                }

            .demos-wrapper .demos-list .demo-item img {
                display: block;
                border: 1px solid #e8e8e8;
                filter: grayscale(0.8);
                opacity: .85;
                transition: all .3s
            }

        .demos-wrapper .demos-list h3 {
            padding: 16px 0;
            color: #393a4f;
            text-transform: uppercase;
            font-weight: 500;
            font-size: .8rem;
            font-family: "Montserrat",sans-serif;
            transition: color .3s
        }

.cta-wrapper .cta-title {
    text-align: center
}

    .cta-wrapper .cta-title h3 {
        font-family: "Montserrat",sans-serif;
        font-weight: bold;
        font-size: 1.6rem;
        color: #393a4f
    }

    .cta-wrapper .cta-title .custom-button {
        display: flex;
        align-items: center;
        margin: 10px auto;
        max-width: 200px;
        border: 2px solid #d3f4ed;
        border-radius: 100px;
        transition: all .3s
    }

        .cta-wrapper .cta-title .custom-button:hover {
            background: #d3f4ed;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

            .cta-wrapper .cta-title .custom-button:hover span {
                color: #393a4f
            }

        .cta-wrapper .cta-title .custom-button img {
            display: block;
            height: 50px;
            width: 50px
        }

        .cta-wrapper .cta-title .custom-button span {
            display: block;
            font-family: "Montserrat",sans-serif;
            font-weight: 500;
            font-size: 1rem;
            color: #8edfcf;
            margin-left: 12px;
            transition: color .3s
        }

.cta-wrapper .people-img {
    display: block;
    max-width: 480px;
    margin: 0 auto
}

@media(max-width: 767px) {
    .landing-hero-wrapper .landing-caption {
        text-align: center
    }

        .landing-hero-wrapper .landing-caption h2 {
            margin-top: 40px;
            font-size: 2.6rem;
            color: #3d70b2;
            text-shadow: 5px 5px #fff,10px 10px #fff
        }

        .landing-hero-wrapper .landing-caption h3 {
            color: #3d70b2;
            text-shadow: 2px 2px #fff,4px 4px #fff
        }

        .landing-hero-wrapper .landing-caption .buttons .button {
            margin-left: auto !important;
            margin-right: auto !important
        }

    .side-feature img {
        max-width: 340px
    }

    .landing-wrapper .made-with {
        flex-wrap: wrap
    }

        .landing-wrapper .made-with .made-block {
            width: calc(45% - 10px)
        }

    .landing-wrapper .screen-wrapper.has-plant .plant-1, .landing-wrapper .screen-wrapper.has-plant .plant-2 {
        max-height: 160px;
        max-width: 110px
    }

    .landing-wrapper .screen-wrapper.has-plant .plant-1 {
        right: -2rem
    }

    .landing-wrapper .screen-wrapper.has-plant .plant-2 {
        left: -2rem
    }

    .landing-wrapper .screen-wrapper img {
        max-width: 100%
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .landing-hero-wrapper .landing-caption {
        text-align: center
    }

        .landing-hero-wrapper .landing-caption img {
            max-width: 580px
        }

        .landing-hero-wrapper .landing-caption h2 {
            color: #3d70b2;
            text-shadow: 5px 5px #fff,10px 10px #fff
        }

        .landing-hero-wrapper .landing-caption h3 {
            color: #3d70b2;
            text-shadow: 2px 2px #fff,4px 4px #fff
        }

        .landing-hero-wrapper .landing-caption .buttons .button {
            margin-left: auto !important;
            margin-right: auto !important
        }

    .landing-wrapper.icons-section .columns {
        display: flex
    }

    .landing-wrapper .screen-wrapper img {
        max-width: 100%
    }

    .side-feature h3, .side-feature p {
        text-align: center;
        margin: 0 auto
    }

    .side-feature img {
        max-width: 450px;
        margin: 0 auto;
        display: block
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .cta-wrapper .people-img {
        max-width: 600px
    }

    #tour-start {
        display: none !important
    }
}

.fake-nav {
    height: 55px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff
}
/*
    .fake-nav img {
        max-width: 48px
    }*/

.signup-wrapper {
    min-height: 100vh;
    position: relative
}

    .signup-wrapper .process-bar-wrap {
        padding: 30px 0 0 0
    }

    .signup-wrapper .process-bar {
        height: 18px;
        background: #fff;
        border-radius: 100px;
        max-width: 520px;
        margin: 0 auto;
        display: flex;
        align-items: center
    }

        .signup-wrapper .process-bar .progress-wrap {
            position: relative;
            margin: 0 12px;
            width: calc(100% - 24px);
            height: 6px;
            border-radius: 100px
        }

            .signup-wrapper .process-bar .progress-wrap .track, .signup-wrapper .process-bar .progress-wrap .bar {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                border-radius: 100px
            }

            .signup-wrapper .process-bar .progress-wrap .track {
                background: #eaeaea;
                width: 100%
            }

            .signup-wrapper .process-bar .progress-wrap .bar {
                background: #3d70b2;
                width: 0;
                transition: width .4s
            }

            .signup-wrapper .process-bar .progress-wrap .dot {
                position: absolute;
                top: calc(50% - 19px);
                height: 38px;
                width: 38px;
                background: #fff;
                border-radius: 50%;
                border: 1.4px solid #e8e8e8;
                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
                display: flex;
                justify-content: center;
                align-items: center;
                pointer-events: none
            }

                .signup-wrapper .process-bar .progress-wrap .dot.is-first {
                    left: -19px
                }

                .signup-wrapper .process-bar .progress-wrap .dot.is-second {
                    left: calc(25% - 19px)
                }

                .signup-wrapper .process-bar .progress-wrap .dot.is-third {
                    left: calc(50% - 19px)
                }

                .signup-wrapper .process-bar .progress-wrap .dot.is-fourth {
                    left: calc(75% - 19px)
                }

                .signup-wrapper .process-bar .progress-wrap .dot.is-fifth {
                    right: -19px
                }

                .signup-wrapper .process-bar .progress-wrap .dot.is-active {
                    border-color: #3d70b2;
                    box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
                }

                    .signup-wrapper .process-bar .progress-wrap .dot.is-active svg {
                        stroke: #3d70b2
                    }

                .signup-wrapper .process-bar .progress-wrap .dot.is-current {
                    border-color: #3d70b2;
                    box-shadow: 0 14px 26px -12px rgba(61,112,178,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(61,112,178,.2) !important
                }

                    .signup-wrapper .process-bar .progress-wrap .dot.is-current svg {
                        stroke: #3d70b2
                    }

                .signup-wrapper .process-bar .progress-wrap .dot svg {
                    height: 16px;
                    width: 16px;
                    stroke: #cecece;
                    transition: stroke .3s
                }

    .signup-wrapper .outer-panel {
        display: flex;
        align-items: center;
        min-height: calc(100vh - 133px)
    }

        .signup-wrapper .outer-panel .outer-panel-inner {
            width: 100%
        }

    .signup-wrapper .process-title {
        max-width: 840px;
        margin: 30px auto;
        text-align: center
    }

        .signup-wrapper .process-title h2 {
            font-family: "Montserrat",sans-serif;
            font-weight: 400 !important;
            font-size: 1.2rem
        }

        .signup-wrapper .process-title .step-title {
            animation: fadeInUp .5s;
            display: none
        }

            .signup-wrapper .process-title .step-title.is-active {
                display: block
            }

    .signup-wrapper .process-panel-wrap {
        display: none;
        animation: fadeInLeft .5s;
        max-width: 1040px;
        margin: 0 auto;
        padding: 20px 0
    }

        .signup-wrapper .process-panel-wrap.is-active {
            display: block
        }

        .signup-wrapper .process-panel-wrap.is-narrow {
            max-width: 540px
        }

        .signup-wrapper .process-panel-wrap .account-type {
            width: 100%;
            background: #fff;
            border: 1px solid #e8e8e8;
            border-radius: 8px;
            padding: 30px;
            text-align: center
        }

            .signup-wrapper .process-panel-wrap .account-type .type-image {
                position: relative
            }

                .signup-wrapper .process-panel-wrap .account-type .type-image .type-bg {
                    margin-top: -5%
                }

                .signup-wrapper .process-panel-wrap .account-type .type-image .type-illustration {
                    position: absolute;
                    top: -15%;
                    left: 0;
                    transform: scale(1.25)
                }

            .signup-wrapper .process-panel-wrap .account-type > img {
                margin: 0 auto 20px auto;
                max-height: 140px
            }

            .signup-wrapper .process-panel-wrap .account-type h3 {
                font-family: "Montserrat",sans-serif;
                font-weight: 600 !important;
                font-size: 1rem;
                padding: .5rem 0
            }

            .signup-wrapper .process-panel-wrap .account-type p {
                color: #a2a5b9;
                font-size: .9rem
            }

            .signup-wrapper .process-panel-wrap .account-type .button {
                margin-top: 20px;
                border-width: 1.4px;
                min-height: 42px;
                color: #999
            }

                .signup-wrapper .process-panel-wrap .account-type .button:hover, .signup-wrapper .process-panel-wrap .account-type .button.is-loading {
                    border-color: #3d70b2;
                    background: #3d70b2;
                    color: #fff;
                    box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
                }

        .signup-wrapper .process-panel-wrap .form-panel {
            width: 100%;
            background: #fff;
            border: 1px solid #e8e8e8;
            border-radius: 8px;
            padding: 30px
        }

            .signup-wrapper .process-panel-wrap .form-panel .field {
                border: 1px solid #e8e8e8;
                padding: 4px 8px 8px 8px;
                border-radius: 6px;
                background: #fcfcfc;
                margin-bottom: 20px
            }

                .signup-wrapper .process-panel-wrap .form-panel .field:last-child {
                    margin-bottom: 0
                }

                .signup-wrapper .process-panel-wrap .form-panel .field label {
                    text-transform: uppercase;
                    font-size: .7rem;
                    font-weight: 500;
                    color: #757a91;
                    padding-left: 8px
                }

                .signup-wrapper .process-panel-wrap .form-panel .field .control input {
                    border: none;
                    height: 30px;
                    background: #fcfcfc
                }

                .signup-wrapper .process-panel-wrap .form-panel .field .control select {
                    border: none;
                    border-radius: 5px;
                    height: 30px;
                    background: #fcfcfc;
                }
                .signup-wrapper .process-panel-wrap .form-panel .field .control select.full {
                    width: 100%;
                }

            .signup-wrapper .process-panel-wrap .form-panel .success-image {
                display: block;
                max-width: 120px;
                margin: 0 auto
            }

            .signup-wrapper .process-panel-wrap .form-panel .success-text {
                text-align: center;
                margin: 12px auto;
                max-width: 370px
            }

                .signup-wrapper .process-panel-wrap .form-panel .success-text h3 {
                    font-weight: 500;
                    color: #393a4f
                }

                .signup-wrapper .process-panel-wrap .form-panel .success-text p {
                    font-size: .9rem;
                    color: #999
                }

                .signup-wrapper .process-panel-wrap .form-panel .success-text .button {
                    margin: 20px auto 0 auto;
                    max-width: 280px;
                    border: 1.4px solid #3d70b2;
                    color: #3d70b2
                }

                    .signup-wrapper .process-panel-wrap .form-panel .success-text .button:hover, .signup-wrapper .process-panel-wrap .form-panel .success-text .button.is-loading {
                        border-color: #3d70b2;
                        background: #3d70b2;
                        color: #fff;
                        box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
                    }

        .signup-wrapper .process-panel-wrap .photo-upload .preview {
            position: relative;
            height: 120px;
            width: 120px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            border: 1.4px solid #cecece;
            margin: 0 auto
        }

            .signup-wrapper .process-panel-wrap .photo-upload .preview img {
                display: block;
                height: 100px;
                width: 100px;
                border-radius: 50%
            }

            .signup-wrapper .process-panel-wrap .photo-upload .preview .upload-button {
                position: absolute;
                top: 0;
                right: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 36px;
                width: 36px;
                border-radius: 50%;
                border: 3px solid #fff;
                background: #cecece;
                transition: all .3s
            }

                .signup-wrapper .process-panel-wrap .photo-upload .preview .upload-button:hover {
                    background: #3d70b2
                }

                .signup-wrapper .process-panel-wrap .photo-upload .preview .upload-button svg {
                    height: 14px;
                    width: 14px;
                    stroke: #fff;
                    stroke-width: 3px
                }

        .signup-wrapper .process-panel-wrap .photo-upload .limitation {
            margin-top: 20px;
            text-align: center
        }

            .signup-wrapper .process-panel-wrap .photo-upload .limitation small {
                color: #999
            }

        .signup-wrapper .process-panel-wrap .buttons {
            padding: 20px 0;
            display: flex;
            align-items: center;
            justify-content: flex-end
        }

            .signup-wrapper .process-panel-wrap .buttons .button {
                min-width: 90px
            }

                .signup-wrapper .process-panel-wrap .buttons .button.is-next:hover {
                    border-color: #3d70b2;
                    background: #3d70b2;
                    color: #fcfcfc;
                    box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
                }

.crop-modal .modal-card {
    max-width: 100%
}

.crop-modal .modal-card-head h3 {
    font-family: "Montserrat",sans-serif;
    font-size: 1rem;
    font-weight: 600
}

.crop-modal .modal-card-head .close-wrap {
    height: 30px;
    width: 30px;
    margin-left: auto
}

    .crop-modal .modal-card-head .close-wrap .close-modal {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        border: none;
        background: transparent;
        cursor: pointer;
        transition: background .3s
    }

        .crop-modal .modal-card-head .close-wrap .close-modal:hover {
            background: #e8e8e8
        }

        .crop-modal .modal-card-head .close-wrap .close-modal svg {
            height: 18px;
            width: 18px;
            stroke: #757a91
        }

.crop-modal .modal-card-body {
    position: relative;
    min-height: 330px;
    overflow: hidden
}

    .crop-modal .modal-card-body .cropper-wrapper {
        margin: 0 auto
    }

        .crop-modal .modal-card-body .cropper-wrapper .button {
            min-width: 70px;
            height: 34px;
            border-radius: 100px;
            outline: none !important;
            background: #3d70b2;
            border-color: #3d70b2;
            color: #fff
        }

@media(max-width: 767px) {
    .signup-wrapper .outer-panel .outer-panel-inner {
        max-width: 330px;
        margin: 0 auto
    }

        .signup-wrapper .outer-panel .outer-panel-inner .account-type {
            position: relative;
            text-align: left
        }

            .signup-wrapper .outer-panel .outer-panel-inner .account-type img {
                display: none
            }

            .signup-wrapper .outer-panel .outer-panel-inner .account-type .button {
                position: absolute;
                top: 0;
                left: 0;
                margin: 0;
                height: 100%;
                width: 100%;
                opacity: 0
            }

    .signup-wrapper .process-bar-wrap {
        max-width: 320px;
        margin: 0 auto
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .signup-wrapper .outer-panel .outer-panel-inner {
        max-width: 740px;
        margin: 0 auto
    }

        .signup-wrapper .outer-panel .outer-panel-inner .columns {
            display: flex
        }

            .signup-wrapper .outer-panel .outer-panel-inner .columns .account-type {
                padding: 20px
            }

                .signup-wrapper .outer-panel .outer-panel-inner .columns .account-type img {
                    height: 110px
                }
}

.login-wrapper .hero.is-login {
    position: relative;
    background: #3d70b2;
    background: linear-gradient(180deg, #9cc2f0, #3d70b2);
    background-size: 400% 400%;
    animation: gradientShift 12s ease infinite
}

    .login-wrapper .hero.is-login .left-caption {
        max-width: 400px;
        margin: 0 auto
    }

        .login-wrapper .hero.is-login .left-caption h2 {
            font-family: "Montserrat",sans-serif;
            font-weight: bold;
            font-size: 3.2rem;
            color: #fcfcfc;
            line-height: 1.3;
            text-shadow: 4px 4px #3180e1,8px 8px #3180e1
        }

.login-wrapper .hero.form-hero {
    position: relative
}

    .login-wrapper .hero.form-hero .logo-wrap {
        position: absolute;
        top: calc(50% - 50px);
        left: -50px;
        height: 100px;
        width: 100px;
        border-radius: 50%;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: rotate(32deg)
    }

        .login-wrapper .hero.form-hero .logo-wrap .wrap-inner {
            height: 86px;
            width: 86px;
            border-radius: 50%;
            background: #3d70b2;
            background: linear-gradient(180deg, #9cc2f0, #3d70b2);
            background-size: 400% 400%;
            animation: gradientShift 45s ease infinite;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .login-wrapper .hero.form-hero .logo-wrap .wrap-inner img {
                display: block;
                max-width: 54px
            }

.login-wrapper .form-wrapper {
    max-width: 540px;
    min-width: 380px;
    margin: 0 auto
}

    .login-wrapper .form-wrapper .avatar {
        position: relative;
        height: 110px;
        width: 110px;
        border-radius: 50%;
        margin: 0 auto 20px auto;
        border: 1.4px solid #cecece;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .login-wrapper .form-wrapper .avatar .badge {
            position: absolute;
            top: 0;
            right: 0;
            height: 32px;
            width: 32px;
            border-radius: 50%;
            border: 3px solid #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #1ce589
        }

            .login-wrapper .form-wrapper .avatar .badge svg {
                height: 14px;
                width: 14px;
                stroke: #fff;
                stroke-width: 4px
            }

        .login-wrapper .form-wrapper .avatar img {
            display: block;
            height: 94px;
            width: 94px;
            border-radius: 50%
        }

    .login-wrapper .form-wrapper .login-form .field .control {
        position: relative
    }

        .login-wrapper .form-wrapper .login-form .field .control .input {
            height: 40px;
            padding-left: 40px
        }

            .login-wrapper .form-wrapper .login-form .field .control .input:focus {
                border-color: #3d70b2
            }

                .login-wrapper .form-wrapper .login-form .field .control .input:focus + .input-icon svg {
                    stroke: #3d70b2
                }

        .login-wrapper .form-wrapper .login-form .field .control .input-icon {
            position: absolute;
            top: 0;
            left: 0;
            height: 40px;
            width: 40px;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .login-wrapper .form-wrapper .login-form .field .control .input-icon svg {
                height: 18px;
                width: 18px;
                stroke: #cecece;
                transition: stroke .3s
            }

        .login-wrapper .form-wrapper .login-form .field .control button, .login-wrapper .form-wrapper .login-form .field .control .button {
            height: 46px;
            font-size: .95rem
        }

    .login-wrapper .form-wrapper .forgot-password {
        padding: 1.5rem !important
    }

        .login-wrapper .form-wrapper .forgot-password a {
            color: #999;
            font-size: .9rem
        }

            .login-wrapper .form-wrapper .forgot-password a:hover {
                color: #3d70b2
            }

.login-container {
    height: calc(100vh - 100px);
    padding: 20px
}

    .login-container.is-centered {
        padding-top: 5rem
    }

        .login-container.is-centered .login-form {
            margin: 0 auto
        }

    .login-container .login-image {
        max-width: 620px;
        margin: 0 auto
    }

    .login-container .form-title {
        font-family: "Roboto",sans-serif;
        font-size: 1.5rem;
        color: #393a4f;
        font-weight: 300
    }

    .login-container .form-subtitle {
        font-family: "Roboto",sans-serif;
        font-size: .9rem;
        color: #a2a5b9;
        margin-bottom: 1rem
    }

    .login-container .login-form {
        max-width: 380px
    }

        .login-container .login-form .columns {
            padding-top: 1rem
        }

            .login-container .login-form .columns .column {
                padding-top: .35rem;
                padding-bottom: .35rem
            }

        .login-container .login-form .field.is-flex {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px 0 16px 0
        }

            .login-container .login-form .field.is-flex .switch-block {
                display: flex;
                align-items: center
            }

                .login-container .login-form .field.is-flex .switch-block .f-switch {
                    transform: scale(0.9)
                }

                .login-container .login-form .field.is-flex .switch-block .meta {
                    margin-left: 6px
                }

                    .login-container .login-form .field.is-flex .switch-block .meta p {
                        font-size: .9rem;
                        color: #999
                    }

            .login-container .login-form .field.is-flex a {
                font-family: "Roboto",sans-serif;
                font-size: .9rem;
                color: #a2a5b9;
                transition: color .3s
            }

                .login-container .login-form .field.is-flex a:hover {
                    color: #3d70b2
                }

        .login-container .login-form .account-link a {
            font-family: "Roboto",sans-serif;
            font-size: .8rem;
            color: #a2a5b9;
            transition: color .3s
        }

            .login-container .login-form .account-link a:hover {
                color: #3d70b2
            }
.login-container.is-centered .login-form.login-bordered{
    padding: 30px;
    border-radius: .65rem;
    background-color: #fff;
}
@media(max-width: 767px) {
    .login-wrapper .logo-wrap {
        display: none !important
    }

    .login-wrapper .form-wrapper {
        min-width: 320px !important
    }

    .login-container .image-column {
        display: none
    }

    .login-container .form-title, .login-container .form-subtitle {
        text-align: center
    }

    .login-container .form-title {
        padding-top: 60px
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
    .login-wrapper .hero.is-login .left-caption h2 {
        font-size: 2.5rem
    }

    .login-container .columns {
        padding-top: 60px
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .login-wrapper .logo-wrap {
        display: none !important
    }

    .login-container .image-column {
        display: none
    }

    .login-container .column {
        min-width: 50%
    }

    .login-container .form-title, .login-container .form-subtitle {
        text-align: center
    }

    .login-container .form-title {
        padding-top: 60px
    }

    .login-container .login-form {
        max-width: 360px;
        margin: 0 auto
    }
}

.settings-sidebar {
    position: fixed;
    top: 57px;
    left: 0;
    height: calc(100% - 56px);
    background: #fafafa;
    border-right: 1px solid #e8e8e8;
    transform: translateX(-100%);
    z-index: 10;
    transition: all .3s
}

    .settings-sidebar.is-active {
        transform: translateX(0)
    }

    .settings-sidebar .settings-sidebar-inner {
        position: relative;
        height: 100%;
        width: 100%
    }

        .settings-sidebar .settings-sidebar-inner .user-block {
            position: relative;
            margin: 20px 20px 0 20px;
            border-bottom: 1px solid #dedede;
            text-align: center;
            height: 140px
        }

            .settings-sidebar .settings-sidebar-inner .user-block .close-settings-sidebar {
                position: absolute;
                top: -12px;
                right: -10px;
                width: 32px;
                height: 32px;
                border-radius: 50%;
                display: none;
                align-items: center;
                justify-content: center;
                transition: all .3s
            }

                .settings-sidebar .settings-sidebar-inner .user-block .close-settings-sidebar:hover {
                    background: #fff
                }

                    .settings-sidebar .settings-sidebar-inner .user-block .close-settings-sidebar:hover svg {
                        stroke: #393a4f
                    }

                .settings-sidebar .settings-sidebar-inner .user-block .close-settings-sidebar svg {
                    height: 20px;
                    width: 20px;
                    color: #999;
                    transition: stroke .3s
                }

            .settings-sidebar .settings-sidebar-inner .user-block .avatar-wrap {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 74px;
                height: 74px;
                min-width: 74px;
                border: 1.4px solid #d8d8d8;
                border-radius: 50%;
                margin: 0 auto 6px auto
            }

                .settings-sidebar .settings-sidebar-inner .user-block .avatar-wrap img {
                    display: block;
                    width: 58px;
                    height: 58px;
                    min-width: 58px;
                    border-radius: 50%
                }

                .settings-sidebar .settings-sidebar-inner .user-block .avatar-wrap .badge {
                    position: absolute;
                    bottom: 2px;
                    right: -3px;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%;
                    border: 2px solid #fcfcfc;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: #1ce589
                }

                    .settings-sidebar .settings-sidebar-inner .user-block .avatar-wrap .badge svg {
                        height: 10px;
                        width: 10px;
                        stroke: #fcfcfc;
                        stroke-width: 4px
                    }

            .settings-sidebar .settings-sidebar-inner .user-block h4 {
                font-family: "Montserrat",sans-serif;
                font-weight: 700;
                font-size: .9rem;
                color: #393a4f
            }

            .settings-sidebar .settings-sidebar-inner .user-block p {
                font-size: .8rem;
                color: #999
            }

            .settings-sidebar .settings-sidebar-inner .user-block .user-stats {
                display: flex;
                align-items: center;
                justify-content: space-around;
                padding: 20px 0
            }

                .settings-sidebar .settings-sidebar-inner .user-block .user-stats .stat-block {
                    text-align: center
                }

                    .settings-sidebar .settings-sidebar-inner .user-block .user-stats .stat-block span {
                        display: block
                    }

                        .settings-sidebar .settings-sidebar-inner .user-block .user-stats .stat-block span:first-child {
                            text-transform: uppercase;
                            font-weight: 600;
                            font-size: .65rem;
                            color: #393a4f
                        }

                        .settings-sidebar .settings-sidebar-inner .user-block .user-stats .stat-block span:last-child {
                            font-size: .8rem;
                            color: #999
                        }

        .settings-sidebar .settings-sidebar-inner .user-menu {
            position: absolute;
            top: 140px;
            left: 0;
            width: 100%;
            height: calc(100% - 140px)
        }

            .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner {
                position: relative;
                height: 100%;
                max-height: 100%;
                width: 100%;
                overflow-y: auto
            }

                .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .separator {
                    margin: 0 30px;
                    border-bottom: 1px solid #dedede
                }

                .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block {
                    padding: 20px 0
                }

                    .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li {
                        display: flex;
                        align-items: center;
                        padding: 14px 40px;
                        border-left: 4px solid transparent
                    }

                        .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li.is-active {
                            border-color: #3d70b2
                        }

                            .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li.is-active a span {
                                color: #0971b7;
                            }
                            .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li.is-active a svg {
                                stroke: #0971b7;
                            }
                        .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a {
                            display: flex;
                            align-items: center
                        }

                            .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a span {
                                display: block;
                                color: #393a4f;
                                font-family: "Montserrat",sans-serif;
                                font-size: .8rem;
                                font-weight: 600;
                                transition: color .3s
                            }

                            .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a svg {
                                height: 18px;
                                width: 18px;
                                stroke: #cecece;
                                margin-right: 20px
                            }

.settings-wrapper {
    padding: 30px;
    width: calc(100% - 280px);
    margin-left: 280px
}

    .settings-wrapper.is-full {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0
    }

    .settings-wrapper .settings-section {
        display: none;
        animation: fadeInLeft .5s
    }

        .settings-wrapper .settings-section.is-active {
            display: block
        }

        .settings-wrapper .settings-section .settings-panel {
            background: #fff;
            padding: 30px;
            border: 1px solid #e0e0e0;
            border-radius: 6px
        }

            .settings-wrapper .settings-section .settings-panel .title-wrap {
                display: flex;
                align-items: center
            }

                .settings-wrapper .settings-section .settings-panel .title-wrap .mobile-sidebar-trigger {
                    z-index: 9;
                    width: 32px;
                    height: 32px;
                    border-radius: 50%;
                    margin-right: 12px;
                    display: none;
                    align-items: center;
                    justify-content: center;
                    transition: all .3s
                }

                    .settings-wrapper .settings-section .settings-panel .title-wrap .mobile-sidebar-trigger svg {
                        height: 20px;
                        width: 20px;
                        color: #999;
                        transition: stroke .3s
                    }

            .settings-wrapper .settings-section .settings-panel h2 {
                font-family: "Montserrat",sans-serif;
                font-size: 1.2rem;
                font-weight: 500;
                color: #999
            }

            .settings-wrapper .settings-section .settings-panel .settings-form-wrapper {
                display: flex
            }

                .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .illustration {
                    padding: 40px;
                    flex-grow: 2
                }

                    .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .illustration img {
                        display: block;
                        max-width: 200px;
                        margin: 0 auto
                    }

                    .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .illustration p {
                        max-width: 280px;
                        color: #7f80a2;
                        font-size: .8rem;
                        margin: 20px auto
                    }

                        .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .illustration p a {
                            text-decoration: underline
                        }

            .settings-wrapper .settings-section .settings-panel .settings-form {
                padding-top: 20px;
                width: 100%;
                max-width: 680px
            }
            .settings-wrapper .settings-section .settings-panel .settings-form.is-full{
                max-width: 100%
            }

                .settings-wrapper .settings-section .settings-panel .settings-form .field-group {
                    border-radius: 6px;
                    border: 1px solid #e0e0e0
                }

                    .settings-wrapper .settings-section .settings-panel .settings-form .field-group label {
                        text-transform: uppercase;
                        font-size: .65rem;
                        color: #999;
                        padding-left: 6px
                    }

                    .settings-wrapper .settings-section .settings-panel .settings-form .field-group .input, .settings-wrapper .settings-section .settings-panel .settings-form .field-group .textarea {
                        border: none !important;
                        font-family: "Roboto",sans-serif;
                        padding-top: 0;
                        color: #5b5d7e;
                        border-radius: 8px
                    }
                    .settings-wrapper .settings-section .settings-panel .settings-form .field-group .select{
                        border: none !important;
                        font-family: "Roboto",sans-serif;
                        padding-top: 0;
                        color: #5b5d7e;
                        border-radius: 8px;
                        padding-left: 40px;
                        width: 100%;
                        background-color: #fff;
                    }
                    .settings-wrapper .settings-section .settings-panel .settings-form .field-group .form-icon {
                        left: 10px;
                        height: 26px;
                        width: 26px
                    }

                        .settings-wrapper .settings-section .settings-panel .settings-form .field-group .form-icon svg {
                            height: 17px;
                            width: 17px
                        }

                .settings-wrapper .settings-section .settings-panel .settings-form .sub-heading {
                    text-transform: uppercase;
                    font-size: .75rem;
                    color: #999;
                    padding: 16px 0
                }

                .settings-wrapper .settings-section .settings-panel .settings-form .spaced-field {
                    padding-bottom: 10px
                }

                .settings-wrapper .settings-section .settings-panel .settings-form .switch-block {
                    display: flex;
                    align-items: center
                }

                    .settings-wrapper .settings-section .settings-panel .settings-form .switch-block .f-switch {
                        transform: scale(0.9)
                    }

                    .settings-wrapper .settings-section .settings-panel .settings-form .switch-block .meta {
                        margin-left: 10px
                    }

                        .settings-wrapper .settings-section .settings-panel .settings-form .switch-block .meta h4 {
                            font-family: "Montserrat",sans-serif;
                            font-weight: 600;
                            font-size: .8rem;
                            color: #393a4f
                        }

                        .settings-wrapper .settings-section .settings-panel .settings-form .switch-block .meta p {
                            font-size: .8rem;
                            color: #999
                        }

                .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink {
                    display: flex;
                    align-items: center;
                    padding: 16px;
                    border: 1px solid #e0e0e0;
                    border-radius: 6px;
                    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                }

                    .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink:hover .link-content .link-icon {
                        background: #fff;
                        border-color: #e0e0e0;
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                    }

                        .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink:hover .link-content .link-icon svg {
                            stroke: #3d70b2
                        }

                    .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink:hover .link-content h4 {
                        color: #3d70b2
                    }

                    .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink .link-content .link-icon {
                        height: 36px;
                        width: 36px;
                        border-radius: 50%;
                        border: 1px solid transparent;
                        background: #f5f5f5;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        margin-bottom: .75rem;
                        transition: all .3s
                    }

                        .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink .link-content .link-icon svg {
                            height: 18px;
                            width: 18px;
                            stroke: #6f7592;
                            stroke-width: 1.2px;
                            transition: stroke .3s
                        }

                    .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink .link-content h4 {
                        margin-top: 4px;
                        font-size: .8rem;
                        font-family: "Roboto",sans-serif;
                        font-weight: 500;
                        color: #393a4f;
                        line-height: 1;
                        transition: color .3s
                    }

                    .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink .link-content p {
                        color: #999;
                        font-size: .75rem
                    }

                .settings-wrapper .settings-section .settings-panel .settings-form .form-text p {
                    color: #64668a;
                    font-size: .9rem;
                    max-width: 450px
                }

                .settings-wrapper .settings-section .settings-panel .settings-form .form-button {
                    height: 44px;
                    min-width: 160px
                }

@media(min-width: 1301px) {
    .settings-sidebar {
        width: 280px
    }

    .settings-wrapper .inner-wrapper {
        width: calc(100% - 280px);
        margin-left: 280px
    }
}

@media(max-width: 1300px) {
    .settings-sidebar {
        width: 250px
    }

    .settings-wrapper {
        width: calc(100% - 250px);
        margin-left: 250px
    }
}

@media(max-width: 767px) {
    .settings-sidebar .settings-sidebar-inner .user-block .close-settings-sidebar {
        display: flex !important
    }

    .settings-wrapper {
        width: 100%;
        margin-left: 0;
        padding: 10px
    }

        .settings-wrapper .settings-section .settings-panel .title-wrap .mobile-sidebar-trigger {
            display: flex
        }

        .settings-wrapper .settings-section .settings-panel .settings-form-wrapper {
            flex-direction: column
        }

            .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .buttons .button {
                min-width: 140px
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .settings-sidebar .settings-sidebar-inner .user-block .close-settings-sidebar {
        display: flex !important
    }

    .settings-wrapper {
        width: 100%;
        margin-left: 0;
        padding: 10px
    }

        .settings-wrapper .settings-section .settings-panel .title-wrap .mobile-sidebar-trigger {
            display: flex
        }

        .settings-wrapper .settings-section .settings-panel .settings-form-wrapper {
            flex-direction: column
        }

            .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .columns.flex-portrait {
                display: flex
            }

                .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .columns.flex-portrait .column.is-4 {
                    min-width: 33.33%
                }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .illustration {
        display: none
    }
}

.dashboard-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem
}

@media only screen and (max-width: 767px) {
    .dashboard-container {
        padding-top: 80px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .dashboard-container {
        padding-top: 80px
    }
}

.dashboard-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem
}

    .dashboard-toolbar .title {
        font-weight: 300;
        margin-bottom: 0
    }

    .dashboard-toolbar .actions {
        display: flex;
        align-items: center
    }

        .dashboard-toolbar .actions .buttons {
            margin-left: .5rem
        }

            .dashboard-toolbar .actions .buttons .live-button {
                color: #f71416 !important;
                border-color: #f71416 !important
            }

@media only screen and (max-width: 767px) {
    .dashboard-toolbar {
        flex-direction: column
    }

        .dashboard-toolbar .title {
            margin-bottom: 1rem
        }

        .dashboard-toolbar .actions {
            flex-direction: column
        }

            .dashboard-toolbar .actions .buttons {
                margin-top: 1rem;
                margin-left: 0
            }
}

.dashboard-box {
    background: #fff;
    padding: 1.5rem;
    border: 1px solid #e3e3e3;
    border-radius: .75rem
}

    .dashboard-box:not(:last-child) {
        margin-bottom: 1.5rem
    }

    .dashboard-box.is-compact {
        padding: 2rem
    }

    .dashboard-box > .title {
        margin-bottom: .75rem
    }

    .dashboard-box .topheading {
        font-family: "Roboto",sans-serif;
        color: #393a4f;
        font-weight: 500;
        font-size: .95rem
    }

    .dashboard-box .small, .dashboard-box .subheading {
        font-family: "Roboto",sans-serif;
        font-size: .85rem;
        color: #a2a5b9
    }

    .dashboard-box .box-media {
        display: block;
        margin-bottom: .75rem
    }

        .dashboard-box .box-media img {
            display: block;
            border-radius: .75rem
        }

    .dashboard-box .positive {
        color: #1ce589
    }

    .dashboard-box .negative {
        color: #f71416
    }

    .dashboard-box .stat-block {
        margin-bottom: .75rem;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid #e3e3e3
    }

        .dashboard-box .stat-block .stat-title {
            display: block;
            font-family: "Roboto",sans-serif;
            font-size: .85rem;
            color: #a2a5b9
        }

        .dashboard-box .stat-block .stat-value {
            display: block;
            font-family: "Roboto",sans-serif;
            font-weight: 700;
            font-size: 2rem;
            color: #393a4f;
            line-height: 1.2
        }

        .dashboard-box .stat-block .stat-subtitle {
            display: block;
            font-family: "Roboto",sans-serif;
            font-size: .85rem;
            color: #a2a5b9
        }

    .dashboard-box .help-block img {
        max-width: 80px;
        margin: 0 auto 20px auto
    }

    .dashboard-box .help-block h4 {
        font-family: "Montserrat",sans-serif;
        font-weight: 600;
        color: #393a4f;
        font-size: .9rem
    }

    .dashboard-box .help-block p {
        font-size: .9rem;
        color: #999
    }

    .dashboard-box .box-content .box-lines {
        padding: .75rem 0
    }

    .dashboard-box .box-content .box-line {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .25rem 0
    }

        .dashboard-box .box-content .box-line .left, .dashboard-box .box-content .box-line .right {
            display: block
        }

        .dashboard-box .box-content .box-line .left {
            font-family: "Roboto",sans-serif;
            font-size: .9rem;
            color: #393a4f
        }

        .dashboard-box .box-content .box-line .right {
            font-family: "Roboto",sans-serif;
            font-size: .9rem;
            color: #a2a5b9
        }

    .dashboard-box .box-content .box-comments {
        padding: 1rem 0
    }

        .dashboard-box .box-content .box-comments .box-comment {
            display: flex
        }

            .dashboard-box .box-content .box-comments .box-comment + .box-comment {
                margin-top: 1rem;
                padding-top: 1rem;
                border-top: 1px solid #e3e3e3
            }

            .dashboard-box .box-content .box-comments .box-comment .comment-avatar {
                display: block;
                height: 32px;
                width: 32px;
                min-width: 32px;
                border-radius: 50%;
                margin-right: .75rem
            }

            .dashboard-box .box-content .box-comments .box-comment .comment-meta .meta-title {
                display: block;
                font-family: "Roboto",sans-serif;
                font-size: .8rem;
                color: #a2a5b9
            }

            .dashboard-box .box-content .box-comments .box-comment .comment-meta .meta-content {
                display: block;
                font-family: "Roboto",sans-serif;
                font-size: .9rem;
                color: #393a4f
            }

            .dashboard-box .box-content .box-comments .box-comment .comment-end {
                margin-left: auto
            }

                .dashboard-box .box-content .box-comments .box-comment .comment-end .end-thumbnail {
                    display: block;
                    height: 40px;
                    width: 40px;
                    min-width: 40px;
                    border-radius: .5rem;
                    -o-object-fit: cover;
                    object-fit: cover
                }

    .dashboard-box .box-content .box-subscribers {
        padding: 1rem 0
    }

        .dashboard-box .box-content .box-subscribers .box-subscriber {
            display: flex
        }

            .dashboard-box .box-content .box-subscribers .box-subscriber + .box-subscriber {
                margin-top: 1rem;
                padding-top: 1rem;
                border-top: 1px solid #e3e3e3
            }

            .dashboard-box .box-content .box-subscribers .box-subscriber .subscriber-avatar {
                display: block;
                height: 42px;
                width: 42px;
                min-width: 42px;
                border-radius: 50%;
                margin-right: .75rem
            }

            .dashboard-box .box-content .box-subscribers .box-subscriber .subscriber-meta .meta-title {
                display: block;
                font-weight: 500;
                font-family: "Roboto",sans-serif;
                font-size: .9rem;
                color: #393a4f
            }

            .dashboard-box .box-content .box-subscribers .box-subscriber .subscriber-meta .meta-content {
                display: block;
                font-family: "Roboto",sans-serif;
                font-size: .8rem;
                color: #a2a5b9
            }

    .dashboard-box .box-content .button-wrap .button {
        height: 44px
    }

    .dashboard-box .box-content .link-wrap {
        margin-top: .5rem
    }

        .dashboard-box .box-content .link-wrap .link {
            display: flex;
            align-items: center;
            font-family: "Roboto",sans-serif;
            font-size: .9rem;
            color: #3d70b2
        }

            .dashboard-box .box-content .link-wrap .link:hover svg {
                transform: translateX(5px)
            }

            .dashboard-box .box-content .link-wrap .link svg {
                height: 16px;
                width: 16px;
                margin-left: .25rem;
                transition: transform .3s
            }

.video-collection .collection-header {
    display: flex
}

    .video-collection .collection-header > a {
        margin-right: 30px;
        font-family: "Montserrat",sans-serif;
        font-size: .85rem;
        font-weight: 600;
        color: #cecece;
        padding-bottom: 5px;
        border-bottom: 2px solid transparent;
        transition: all .3s
    }

        .video-collection .collection-header > a.is-active {
            color: #393a4f;
            border-color: #3d70b2
        }

    .video-collection .collection-header .search-button {
        height: 36px;
        width: 36px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        cursor: pointer
    }

        .video-collection .collection-header .search-button:hover svg {
            stroke: #393a4f
        }

        .video-collection .collection-header .search-button svg {
            position: relative;
            top: 2px;
            height: 16px;
            width: 16px;
            stroke: #cecece;
            transition: stroke .3s
        }

.video-collection .collections-wrap {
    display: none;
    animation: fadeInLeft .5s;
    padding: 30px 0
}

    .video-collection .collections-wrap.is-active {
        display: block
    }

    .video-collection .collections-wrap .collection:not(:first-child) {
        padding-top: 1rem
    }

    .video-collection .collections-wrap .collection .header {
        display: flex;
        align-items: center
    }

        .video-collection .collections-wrap .collection .header h4 {
            font-family: "Montserrat",sans-serif;
            font-size: 1rem;
            font-weight: 700;
            color: #393a4f
        }

        .video-collection .collections-wrap .collection .header a {
            padding: 0 24px;
            color: #999;
            font-size: .8rem
        }

    .video-collection .collections-wrap .collection .video-collection {
        display: flex;
        flex-wrap: wrap;
        padding: 10px 0 20px 0;
        margin-left: -10px;
        margin-right: -10px
    }

        .video-collection .collections-wrap .collection .video-collection .episode {
            margin: 10px;
            width: calc(25% - 20px)
        }

            .video-collection .collections-wrap .collection .video-collection .episode .episode-thumbnail {
                position: relative
            }

                .video-collection .collections-wrap .collection .video-collection .episode .episode-thumbnail:hover .episode-overlay {
                    background: rgba(57,58,79,.4)
                }

                .video-collection .collections-wrap .collection .video-collection .episode .episode-thumbnail:hover .play-button {
                    opacity: 1;
                    transform: scale(1) rotate(0)
                }

                .video-collection .collections-wrap .collection .video-collection .episode .episode-thumbnail .episode-overlay {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    border-radius: 6px;
                    background: rgba(57,58,79,0);
                    transition: all .3s;
                    z-index: 1
                }

                .video-collection .collections-wrap .collection .video-collection .episode .episode-thumbnail .episode-duration {
                    position: absolute;
                    bottom: 10px;
                    left: 10px;
                    padding: 3px 6px;
                    background: #000;
                    border-radius: 4px;
                    color: #fcfcfc;
                    font-size: .7rem;
                    z-index: 2
                }

                .video-collection .collections-wrap .collection .video-collection .episode .episode-thumbnail .play-button {
                    position: absolute;
                    top: calc(50% - 20px);
                    left: calc(50% - 20px);
                    height: 40px;
                    width: 40px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    z-index: 3;
                    opacity: 0;
                    transform: scale(0.7) rotate(-180deg);
                    transition: all .3s
                }

                    .video-collection .collections-wrap .collection .video-collection .episode .episode-thumbnail .play-button svg {
                        height: 38px;
                        width: 38px;
                        stroke-width: 1px;
                        stroke: #fcfcfc
                    }

                .video-collection .collections-wrap .collection .video-collection .episode .episode-thumbnail img {
                    display: block;
                    border-radius: 6px
                }

            .video-collection .collections-wrap .collection .video-collection .episode .episode-meta {
                display: flex;
                margin-top: 8px
            }

                .video-collection .collections-wrap .collection .video-collection .episode .episode-meta img {
                    display: block;
                    height: 32px;
                    width: 32px;
                    min-width: 32px;
                    border-radius: 50%
                }

                .video-collection .collections-wrap .collection .video-collection .episode .episode-meta .info {
                    margin-left: 8px
                }

                    .video-collection .collections-wrap .collection .video-collection .episode .episode-meta .info span {
                        display: block;
                        line-height: 1.2
                    }

                        .video-collection .collections-wrap .collection .video-collection .episode .episode-meta .info span:first-child {
                            font-family: "Montserrat",sans-serif;
                            font-weight: 600;
                            font-size: .85rem;
                            color: #393a4f
                        }

                        .video-collection .collections-wrap .collection .video-collection .episode .episode-meta .info span:last-child {
                            font-family: "Roboto",sans-serif;
                            font-size: .8rem;
                            color: #999
                        }

@media only screen and (max-width: 767px) {
    .video-collection .collections-wrap .collection .video-collection .episode {
        width: calc(100% - 20px)
    }
}

.elements-sidebar {
    position: fixed;
    top: 58px;
    left: 0;
    width: 300px;
    height: calc(100% - 58px);
    background: #fff;
    border-right: 1px solid #e8e8e8
}

    .elements-sidebar .header {
        height: 60px;
        display: flex;
        align-items: center;
        padding: 0 20px
    }

        .elements-sidebar .header h3 {
            text-transform: uppercase
        }

    .elements-sidebar .elements-list {
        position: relative;
        height: calc(100% - 60px);
        overflow-y: auto
    }

        .elements-sidebar .elements-list .element-menu {
            border-top: 1px solid #e8e8e8
        }

            .elements-sidebar .elements-list .element-menu .menu-trigger {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 20px
            }

                .elements-sidebar .elements-list .element-menu .menu-trigger:hover, .elements-sidebar .elements-list .element-menu .menu-trigger.is-active {
                    background: #f5f5f5
                }

                    .elements-sidebar .elements-list .element-menu .menu-trigger:hover span, .elements-sidebar .elements-list .element-menu .menu-trigger.is-active span {
                        color: #393a4f
                    }

                    .elements-sidebar .elements-list .element-menu .menu-trigger:hover svg, .elements-sidebar .elements-list .element-menu .menu-trigger.is-active svg {
                        stroke: #393a4f
                    }

                    .elements-sidebar .elements-list .element-menu .menu-trigger.is-active svg {
                        transform: rotate(90deg)
                    }

                .elements-sidebar .elements-list .element-menu .menu-trigger span {
                    display: block;
                    color: #999;
                    transition: color .3s
                }

                .elements-sidebar .elements-list .element-menu .menu-trigger svg {
                    height: 16px;
                    width: 16px;
                    stroke: #999;
                    transition: all .3s
                }

            .elements-sidebar .elements-list .element-menu .submenu-wrap {
                display: none;
                padding: 10px 20px
            }

                .elements-sidebar .elements-list .element-menu .submenu-wrap ul {
                    padding-left: 30px
                }

                    .elements-sidebar .elements-list .element-menu .submenu-wrap ul li a {
                        display: flex;
                        padding: 6px 0;
                        color: #999;
                        font-size: .9rem
                    }

                        .elements-sidebar .elements-list .element-menu .submenu-wrap ul li a.is-active {
                            color: #3d70b2
                        }

.elements-wrap {
    width: calc(100% - 300px);
    min-height: 100vh;
    margin-left: 300px;
    padding: 56px 30px 30px 30px
}

    .elements-wrap .element-block {
        margin-top: 30px;
        width: 100%;
        padding: 30px;
        background: #fff;
        border: 1px solid #e8e8e8;
        border-radius: 8px
    }

        .elements-wrap .element-block h3 {
            font-family: "Montserrat",sans-serif;
            font-weight: bold;
            font-size: 1.1rem;
            color: #393a4f
        }

        .elements-wrap .element-block p {
            margin: 10px 0;
            font-size: .9rem;
            color: #999
        }

        .elements-wrap .element-block .ui-elements {
            margin-top: 20px
        }

    .elements-wrap .code-block {
        margin-top: 30px;
        width: 100%;
        background: #344258;
        border: 1px solid #344258;
        border-radius: 8px
    }

@media(max-width: 767px) {
    .elements-sidebar {
        display: none
    }

    .elements-wrap {
        width: 100%;
        margin-left: 0
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .elements-sidebar {
        display: none
    }

    .elements-wrap {
        width: 100%;
        margin-left: 0
    }
}

body.is-dark {
    background: #2f3b50
}

    body.is-dark .light-image {
        display: none !important
    }

    body.is-dark .dark-image {
        display: block !important
    }

    body.is-dark .light-image-inline {
        display: none !important
    }

    body.is-dark .dark-image-inline {
        display: inline-block !important
    }

body .light-image {
    display: block
}

body .dark-image {
    display: none !important
}

body .light-image-inline {
    display: inline-block
}

body .dark-image-inline {
    display: none !important
}

body.is-dark .filters-panel {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .filters-panel .panel-inner .panel-title {
        color: #fafafa;
        border-color: #2f3b50
    }

    body.is-dark .filters-panel .panel-inner .filter-block {
        border-color: #2f3b50
    }

        body.is-dark .filters-panel .panel-inner .filter-block label {
            color: #a2a5b9
        }

        body.is-dark .filters-panel .panel-inner .filter-block .is-combo .combo-label {
            color: #a2a5b9
        }

body.is-dark .navbar {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .navbar .navbar-item .control .input {
        background: #283143;
        border-color: #283143;
        color: #fafafa
    }

        body.is-dark .navbar .navbar-item .control .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .navbar .navbar-item .control .input::placeholder {
            color: #4e6183
        }

        body.is-dark .navbar .navbar-item .control .input:focus ~ .search-icon svg {
            stroke: #3d70b2 !important
        }

    body.is-dark .navbar .navbar-item .control .search-icon svg {
        stroke: #4e6183
    }

body.is-dark .tipue-drop-content .tipue_drop_box {
    background: #171c26 !important;
    border-color: #2f3b50 !important
}

    body.is-dark .tipue-drop-content .tipue_drop_box:before {
        border-bottom-color: #2f3b50 !important
    }

    body.is-dark .tipue-drop-content .tipue_drop_box:after {
        border-bottom-color: #171c26 !important
    }

    body.is-dark .tipue-drop-content .tipue_drop_box .tipue_drop_item {
        background: #171c26 !important;
        border-color: #2f3b50 !important;
        transition: all .3s !important
    }

        body.is-dark .tipue-drop-content .tipue_drop_box .tipue_drop_item:hover {
            background: #2b3649 !important
        }

        body.is-dark .tipue-drop-content .tipue_drop_box .tipue_drop_item .tipue_drop_right {
            color: #e1e1e1
        }

body.is-dark .explorer-menu {
    background: #181f29;
    border-color: #181f29
}

    body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header h3 {
        color: #e1e1e1
    }

    body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header .control .input {
        background: #283143;
        border-color: #283143;
        color: #fafafa
    }

        body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header .control .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header .control .input::placeholder {
            color: #4e6183
        }

        body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header .control .input:focus ~ .form-icon svg {
            stroke: #3d70b2 !important
        }

    body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header .control .form-icon svg {
        stroke: #4e6183
    }

    body.is-dark .explorer-menu .explorer-inner .explorer-container .explore-list .explore-item:hover {
        background: #283143;
        border-color: #283143
    }

    body.is-dark .explorer-menu .explorer-inner .explorer-container .explore-list .explore-item h4 {
        color: #a2a5b9
    }

    body.is-dark .explorer-menu .explorer-inner .explorer-container .explore-list .explore-item .coming-soon {
        background: #3d70b2;
        color: #f5f5f5
    }

body.is-dark .mobile-navbar .navbar-menu {
    background: #181f29;
    border-color: #181f29
}

    body.is-dark .mobile-navbar .navbar-menu .navbar-item .navbar-link {
        border-color: #2b3649
    }

        body.is-dark .mobile-navbar .navbar-menu .navbar-item .navbar-link:hover {
            background: #1e2633
        }

        body.is-dark .mobile-navbar .navbar-menu .navbar-item .navbar-link span.is-heading {
            color: #fafafa
        }

    body.is-dark .mobile-navbar .navbar-menu .navbar-item .navbar-dropdown .navbar-item .menu-badge {
        background: #3d70b2;
        color: #fafafa
    }

body.is-dark .options-nav {
    background: #1c2330;
    border-color: #1c2330
}

    body.is-dark .options-nav .nav-inner.is-friends .nav-item.is-icon svg {
        stroke: #a2a5b9
    }

    body.is-dark .options-nav .nav-inner.is-friends .option-tabs.is-friends .option-tab:not(.is-active) span {
        color: #4e6183
    }

    body.is-dark .options-nav .nav-inner.is-friends .option-tabs.is-friends .option-tab.is-active span {
        color: #fafafa
    }

    body.is-dark .options-nav .nav-inner.is-friends .option-tabs.is-friends .option-naver {
        background: #3d70b2
    }

    body.is-dark .options-nav .nav-inner.is-friends .end-group .is-friend-count {
        color: #a2a5b9
    }

    body.is-dark .options-nav .nav-inner.is-friends .end-group .is-icon, body.is-dark .options-nav .nav-inner.is-friends .end-group .is-search {
        border-color: #37445c
    }

body.is-dark .navbar-v2 .top-nav {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .navbar-v2 .top-nav .left .brand .navbar-logo {
        border-color: #313d53 !important
    }

    body.is-dark .navbar-v2 .top-nav .left .control .input {
        background: #283143;
        border-color: #283143;
        color: #fafafa
    }

        body.is-dark .navbar-v2 .top-nav .left .control .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .navbar-v2 .top-nav .left .control .input::placeholder {
            color: #4e6183
        }

        body.is-dark .navbar-v2 .top-nav .left .control .input:focus ~ .search-icon svg {
            stroke: #3d70b2 !important
        }

    body.is-dark .navbar-v2 .top-nav .left .control .search-icon svg {
        stroke: #4e6183
    }

body.is-dark .navbar-v2 .sub-nav {
    background: #1a212c;
    border-bottom-color: #262f40 !important
}

    body.is-dark .navbar-v2 .sub-nav .sub-nav-tabs ul li:not(.is-active) a {
        opacity: .6
    }

body.is-dark .sidebar-v1 {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .sidebar-v1 .top-section .close-button {
        color: #3d70b2
    }

    body.is-dark .sidebar-v1 .top-section .field .control .input {
        background: #1c2330;
        border-color: #1c2330
    }

        body.is-dark .sidebar-v1 .top-section .field .control .input:focus {
            background: #262f40;
            border-color: #262f40
        }

    body.is-dark .sidebar-v1 .top-section .user-block .meta span:first-child {
        color: #fafafa
    }

    body.is-dark .sidebar-v1 .bottom-section ul li:hover {
        background: #1c2330
    }

    body.is-dark .sidebar-v1 .bottom-section ul li a:not(.is-active) span {
        color: #8b8ea7
    }

.is-dark .dashboard-aside {
    background: #151a23;
    border-color: #151a23
}

    .is-dark .dashboard-aside .dashboard-aside-link {
        color: #a2a5b9
    }

        .is-dark .dashboard-aside .dashboard-aside-link.is-active {
            color: #3d70b2
        }

body.is-dark .toolbar-v1 h1 {
    color: #fff
}

body.is-dark .toolbar-v1-fixed-wrap .toolbar-v1 {
    background: #151a23;
    border-color: #151a23
}

body.is-dark .navbar-item.is-icon:not(:hover):not(.is-active) .icon-link svg {
    stroke: #a2a5b9
}

body.is-dark .navbar-item.is-icon:not(:hover):not(.is-active) .icon-link .mdi {
    color: #a2a5b9
}

body.is-dark .navbar-item.is-icon .icon-link.is-active svg {
    stroke: #fff !important
}

body.is-dark .navbar-item.is-icon .icon-link.is-active .mdi {
    color: #fff !important
}

body.is-dark .navbar-item.is-icon .icon-link.is-active .indicator {
    border-color: #151a23 !important
}

body.is-dark .navbar-item.is-account .user-image .indicator {
    border-color: #151a23
}

body.is-dark .navbar-item.is-cart .cart-button .cart-count {
    border-color: #151a23
}

body.is-dark .navbar-item.is-cart .shopping-cart {
    background: #171c26 !important;
    border-color: #2f3b50 !important
}

    body.is-dark .navbar-item.is-cart .shopping-cart:after {
        border-bottom-color: #171c26
    }

    body.is-dark .navbar-item.is-cart .shopping-cart:before {
        border-bottom-color: #2f3b50
    }

    body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .navbar-cart-loader {
        background: #171c26 !important
    }

    body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .shopping-cart-header {
        border-color: #2f3b50 !important
    }

        body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .shopping-cart-header .cart-link {
            border-color: #3d70b2;
            color: #3d70b2
        }

            body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .shopping-cart-header .cart-link:hover {
                background: #3d70b2;
                color: #fff
            }

        body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .shopping-cart-header .shopping-cart-total .main-color-text {
            color: #e1e1e1
        }

    body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .shopping-cart-items .cart-row {
        border-color: #2f3b50 !important
    }

        body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .shopping-cart-items .cart-row .item-meta .item-name {
            color: #e1e1e1
        }

body.is-dark .navbar-item .nav-drop {
    background: #171c26 !important;
    border-color: #2f3b50 !important
}

    body.is-dark .navbar-item .nav-drop:after {
        border-bottom-color: #171c26 !important
    }

    body.is-dark .navbar-item .nav-drop:before {
        border-bottom-color: #171c26 !important
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-header, body.is-dark .navbar-item .nav-drop .nav-drop-footer {
        background: #171c26 !important;
        border-bottom-color: #242d3c
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-header {
        border-color: #2b3649 !important
    }

        body.is-dark .navbar-item .nav-drop .nav-drop-header .theme-toggle .toggler {
            background: #202836 !important
        }

    body.is-dark .navbar-item .nav-drop .nav-drop-body.account-items .account-item:hover {
        background: #2b3649
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-body.account-items .account-item .media .media-content h3 {
        color: #e1e1e1
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-body.is-friend-requests .media .media-content a, body.is-dark .navbar-item .nav-drop .nav-drop-body.is-notifications .media .media-content a, body.is-dark .navbar-item .nav-drop .nav-drop-body.is-messages .media .media-content a {
        color: #3d70b2
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-body.is-friend-requests .media .media-content .time, body.is-dark .navbar-item .nav-drop .nav-drop-body.is-notifications .media .media-content .time, body.is-dark .navbar-item .nav-drop .nav-drop-body.is-messages .media .media-content .time {
        color: #e1e1e1
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-body.is-friend-requests .media .media-right .button, body.is-dark .navbar-item .nav-drop .nav-drop-body.is-notifications .media .media-right .button, body.is-dark .navbar-item .nav-drop .nav-drop-body.is-messages .media .media-right .button {
        background: #2b3649 !important;
        border-color: #2b3649 !important
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-body .media {
        border-color: #2b3649 !important
    }

        body.is-dark .navbar-item .nav-drop .nav-drop-body .media .media-content a {
            color: #d6d6d6
        }

            body.is-dark .navbar-item .nav-drop .nav-drop-body .media .media-content a:hover {
                color: #3d70b2
            }

    body.is-dark .navbar-item .nav-drop .nav-drop-body .account-divider {
        background: #2b3649 !important
    }

body.is-dark .pageloader, body.is-dark .infraloader {
    background: #2f3b50
}

body.is-dark .button:not(.primary-button):not(.accent-button):not(.secondary-button):not(.blue-button):not(.green-button):not(.red-button) {
    background: #151a23;
    border-color: #283143;
    color: #fff
}

body.is-dark .dropdown > div .button {
    background: transparent !important
}

body.is-dark .load-more-button {
    background-color: #181f29;
    border-color: #283143;
    color: #757a91 !important
}

    body.is-dark .load-more-button:focus {
        border-color: #283143
    }

    body.is-dark .load-more-button:hover {
        background-color: #181f29
    }

    body.is-dark .load-more-button.loading {
        border-color: #242d3c #242d3c #242d3c #a2a5b9;
        background: #181f29
    }

body.is-dark .field > label {
    color: #a2a5b9
}

body.is-dark .input, body.is-dark .textarea {
    background: #283143;
    border-color: #2b3649;
    color: #fafafa
}

    body.is-dark .input::-moz-placeholder, body.is-dark .textarea::-moz-placeholder {
        color: #4e6183
    }

    body.is-dark .input::placeholder, body.is-dark .textarea::placeholder {
        color: #4e6183
    }

    body.is-dark .input:focus, body.is-dark .textarea:focus {
        border-color: #3b4963
    }

body.is-dark .select select {
    background: #242d3c;
    border-color: #242d3c;
    color: #fafafa
}

    body.is-dark .select select::-moz-placeholder {
        color: #4e6183
    }

    body.is-dark .select select::placeholder {
        color: #4e6183
    }

body.is-dark .datepicker-container {
    background: #181f29;
    border-color: #283143
}

    body.is-dark .datepicker-container:before {
        border-bottom-color: #283143
    }

    body.is-dark .datepicker-container:after {
        border-bottom-color: #181f29
    }

    body.is-dark .datepicker-container .datepicker-panel {
        background: #181f29
    }

        body.is-dark .datepicker-container .datepicker-panel ul.days li:not(.picked):not(.highlighted):hover {
            color: #fff !important;
            background: #283143 !important
        }

        body.is-dark .datepicker-container .datepicker-panel ul.days li:hover {
            color: #fff !important;
            background: #283143 !important
        }

        body.is-dark .datepicker-container .datepicker-panel ul li {
            color: #fafafa !important
        }

            body.is-dark .datepicker-container .datepicker-panel ul li:not(.picked):not(.highlighted) {
                background: #181f29
            }

            body.is-dark .datepicker-container .datepicker-panel ul li:hover {
                color: #fff !important;
                background: #283143 !important
            }

            body.is-dark .datepicker-container .datepicker-panel ul li.muted {
                color: #37445c !important
            }

            body.is-dark .datepicker-container .datepicker-panel ul li.highlighted {
                background: #283143 !important
            }

body.is-dark .combo-box, body.is-dark .image-combo-box, body.is-dark .stacked-combo-box {
    background: #242d3c;
    border-color: #2f3b50
}

    body.is-dark .combo-box.is-active, body.is-dark .image-combo-box.is-active, body.is-dark .stacked-combo-box.is-active {
        border-color: #334056
    }

    body.is-dark .combo-box .box-inner, body.is-dark .image-combo-box .box-inner, body.is-dark .stacked-combo-box .box-inner {
        color: #fafafa
    }

        body.is-dark .combo-box .box-inner .combo-item .selected-item, body.is-dark .image-combo-box .box-inner .combo-item .selected-item, body.is-dark .stacked-combo-box .box-inner .combo-item .selected-item {
            color: #fafafa
        }

    body.is-dark .combo-box .box-chevron svg, body.is-dark .image-combo-box .box-chevron svg, body.is-dark .stacked-combo-box .box-chevron svg {
        stroke: #a2a5b9
    }

    body.is-dark .combo-box .box-dropdown .dropdown-inner, body.is-dark .image-combo-box .box-dropdown .dropdown-inner, body.is-dark .stacked-combo-box .box-dropdown .dropdown-inner {
        background: #181f29;
        border-color: #283143
    }

        body.is-dark .combo-box .box-dropdown .dropdown-inner ul li:hover, body.is-dark .image-combo-box .box-dropdown .dropdown-inner ul li:hover, body.is-dark .stacked-combo-box .box-dropdown .dropdown-inner ul li:hover {
            background: #283143
        }

        body.is-dark .combo-box .box-dropdown .dropdown-inner ul li span, body.is-dark .image-combo-box .box-dropdown .dropdown-inner ul li span, body.is-dark .stacked-combo-box .box-dropdown .dropdown-inner ul li span {
            color: #a2a5b9;
            font-weight: 400
        }

body.is-dark .f-switch.is-primary input:checked + i {
    background-color: #3d70b2 !important
}

    body.is-dark .f-switch.is-primary input:checked + i:after {
        background: #fff !important
    }

body.is-dark .f-switch.is-accent input:checked + i {
    background-color: #3d70b2 !important
}

    body.is-dark .f-switch.is-accent input:checked + i:after {
        background: #fff !important
    }

body.is-dark .f-switch.is-blue input:checked + i {
    background-color: #039be5 !important
}

    body.is-dark .f-switch.is-blue input:checked + i:after {
        background: #fff !important
    }

body.is-dark .f-switch.is-red input:checked + i {
    background-color: #f71416 !important
}

    body.is-dark .f-switch.is-red input:checked + i:after {
        background: #fff !important
    }

body.is-dark .f-switch i {
    background: #334056
}

    body.is-dark .f-switch i:before {
        background: #202836 !important
    }

    body.is-dark .f-switch i:after {
        background: #3b4963 !important
    }

body.is-dark .f-switch input:checked + i {
    background-color: #1ce589
}

    body.is-dark .f-switch input:checked + i:after {
        background: #fff !important
    }

body.is-dark .material-radio .radio-label {
    color: #a2a5b9
}

body.is-dark .material-radio input:not(:checked) {
    border-color: #3e4e69
}

body.is-dark .round-checkbox input:not(:checked) + label {
    background: #2b3649;
    border-color: #3e4e69
}

body.is-dark .basic-checkbox .styled-checkbox:not(:checked) + label:before {
    background: #2b3649;
    border-color: #3e4e69
}

body.is-dark .modal .card .card-heading, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-heading {
    border-color: #2f3b50
}

    body.is-dark .modal .card .card-heading h3, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-heading h3 {
        color: #fafafa
    }

    body.is-dark .modal .card .card-heading .close-wrap .close-modal:hover, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .close-wrap .close-modal:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-heading .close-wrap .close-modal:hover {
        background: #283143
    }

body.is-dark .modal .card .subheading, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .subheading, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .subheading {
    border-color: #2f3b50 !important
}

    body.is-dark .modal .card .subheading .group-avatar .add-photo, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .subheading .group-avatar .add-photo, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .subheading .group-avatar .add-photo {
        background: #2d394c
    }

    body.is-dark .modal .card .subheading .control input, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .subheading .control input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .subheading .control input {
        background: #202836;
        border-color: #202836;
        color: #fafafa
    }

        body.is-dark .modal .card .subheading .control input::-moz-placeholder, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .subheading .control input::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .subheading .control input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .modal .card .subheading .control input::placeholder, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .subheading .control input::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .subheading .control input::placeholder {
            color: #4e6183
        }

body.is-dark .modal .card .card-body .content-block .help-text h3, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .content-block .help-text h3, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-body .content-block .help-text h3 {
    color: #fafafa
}

body.is-dark .modal .card .card-body .content-block .help-text p, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .content-block .help-text p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-body .content-block .help-text p {
    color: #a2a5b9
}

body.is-dark .modal .card .card-body .slide-dots .dot:not(.is-active), body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .slide-dots .dot:not(.is-active), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-body .slide-dots .dot:not(.is-active) {
    background: #11151c
}

body.is-dark .modal .card .card-footer, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-footer {
    border-color: #2f3b50
}

    body.is-dark .modal .card .card-footer .grey-button, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .grey-button, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-footer .grey-button {
        background: #181f29;
        border-color: #181f29;
        color: #fafafa
    }

    body.is-dark .modal .card .card-footer .dropdown > div .button, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .dropdown > div .button, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-footer .dropdown > div .button {
        background: #171c26;
        border-color: #283143;
        color: #a2a5b9
    }

body.is-dark .create-group-modal .card-body .inner .left-section .search-subheader {
    border-color: #2f3b50 !important
}

    body.is-dark .create-group-modal .card-body .inner .left-section .search-subheader .control input {
        background: #202836;
        border-color: #202836;
        color: #fafafa
    }

        body.is-dark .create-group-modal .card-body .inner .left-section .search-subheader .control input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .create-group-modal .card-body .inner .left-section .search-subheader .control input::placeholder {
            color: #4e6183
        }

body.is-dark .create-group-modal .card-body .inner .left-section .user-list .friend-block:hover {
    background: #2b3649
}

body.is-dark .create-group-modal .card-body .inner .left-section .user-list .friend-block .round-checkbox input:not(:checked) + label {
    background: #171c26;
    border-color: #283143
}

body.is-dark .create-group-modal .card-body .inner .left-section .user-list .friend-block .friend-name {
    color: #a2a5b9
}

body.is-dark .create-group-modal .card-body .inner .right-section {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .create-group-modal .card-body .inner .right-section .selected-count span:first-child {
        color: #a2a5b9
    }

    body.is-dark .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .image-wrapper .checked-badge {
        border-color: #202836
    }

    body.is-dark .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .friend-name {
        color: #fafafa
    }

body.is-dark .albums-modal .card-body .left-section {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .albums-modal .card-body .left-section .album-form .control .input, body.is-dark .albums-modal .card-body .left-section .album-form .control .textarea {
        background: #283143;
        border-color: #334056;
        color: #fafafa
    }

        body.is-dark .albums-modal .card-body .left-section .album-form .control .input::-moz-placeholder, body.is-dark .albums-modal .card-body .left-section .album-form .control .textarea::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .albums-modal .card-body .left-section .album-form .control .input::placeholder, body.is-dark .albums-modal .card-body .left-section .album-form .control .textarea::placeholder {
            color: #4e6183
        }

    body.is-dark .albums-modal .card-body .left-section .album-date .head h4, body.is-dark .albums-modal .card-body .left-section .tagged-in-album .head h4, body.is-dark .albums-modal .card-body .left-section .shared-album .head h4 {
        color: #fafafa
    }

    body.is-dark .albums-modal .card-body .left-section .album-date .head .button, body.is-dark .albums-modal .card-body .left-section .tagged-in-album .head .button, body.is-dark .albums-modal .card-body .left-section .shared-album .head .button {
        background: #181f29;
        border-color: #283143
    }

    body.is-dark .albums-modal .card-body .left-section .album-date .head .basic-checkbox .styled-checkbox:not(:checked) + label:before, body.is-dark .albums-modal .card-body .left-section .tagged-in-album .head .basic-checkbox .styled-checkbox:not(:checked) + label:before, body.is-dark .albums-modal .card-body .left-section .shared-album .head .basic-checkbox .styled-checkbox:not(:checked) + label:before {
        background: #181f29;
        border-color: #283143
    }

    body.is-dark .albums-modal .card-body .left-section .album-date > p, body.is-dark .albums-modal .card-body .left-section .tagged-in-album > p, body.is-dark .albums-modal .card-body .left-section .shared-album > p {
        color: #a2a5b9
    }

    body.is-dark .albums-modal .card-body .left-section .album-date .control .input, body.is-dark .albums-modal .card-body .left-section .tagged-in-album .control .input, body.is-dark .albums-modal .card-body .left-section .shared-album .control .input {
        background: #283143;
        border-color: #334056;
        color: #fafafa
    }

        body.is-dark .albums-modal .card-body .left-section .album-date .control .input::-moz-placeholder, body.is-dark .albums-modal .card-body .left-section .tagged-in-album .control .input::-moz-placeholder, body.is-dark .albums-modal .card-body .left-section .shared-album .control .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .albums-modal .card-body .left-section .album-date .control .input::placeholder, body.is-dark .albums-modal .card-body .left-section .tagged-in-album .control .input::placeholder, body.is-dark .albums-modal .card-body .left-section .shared-album .control .input::placeholder {
            color: #4e6183
        }

body.is-dark .albums-modal .card-body .right-section .modal-uploader #actions .button {
    background: #151a23;
    border-color: #283143;
    color: #fff
}

body.is-dark .albums-modal .card-body .right-section .modal-uploader #actions .file-count {
    color: #a2a5b9
}

body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box {
    background: #151a23
}

    body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .remove-button {
        border-color: #202836;
        background: #151a23
    }

    body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .preview-body {
        border-color: #283143
    }

        body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .preview-body .item-meta * {
            color: #a2a5b9
        }

        body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .preview-body .upload-item-description .control .textarea {
            background: #151a23;
            border-color: #151a23;
            color: #fafafa
        }

            body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .preview-body .upload-item-description .control .textarea::-moz-placeholder {
                color: #4e6183
            }

            body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .preview-body .upload-item-description .control .textarea::placeholder {
                color: #4e6183
            }

body.is-dark .videos-modal .card .card-body .inner .right-section, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section {
    border-color: #334056
}

    body.is-dark .videos-modal .card .card-body .inner .right-section .header .user-meta span:first-child, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .header .user-meta span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .header .user-meta span:first-child {
        color: #fafafa
    }

        body.is-dark .videos-modal .card .card-body .inner .right-section .header .user-meta span:first-child small, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .header .user-meta span:first-child small, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .header .user-meta span:first-child small {
            color: #a2a5b9
        }

    body.is-dark .videos-modal .card .card-body .inner .right-section .header .user-meta span:nth-child(2), body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .header .user-meta span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .header .user-meta span:nth-child(2) {
        color: #a2a5b9
    }

    body.is-dark .videos-modal .card .card-body .inner .right-section .header > .button, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .header > .button, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .header > .button {
        background: #151a23;
        border-color: #283143;
        color: #fff
    }

    body.is-dark .videos-modal .card .card-body .inner .right-section .header .dropdown > div .button svg, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .header .dropdown > div .button svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .header .dropdown > div .button svg {
        stroke: #a2a5b9
    }

    body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .control .input, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .control .input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .control .input {
        background: #151a23;
        border-color: #151a23;
        color: #fafafa
    }

        body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .control .input::-moz-placeholder, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .control .input::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .control .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .control .input::placeholder, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .control .input::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .control .input::placeholder {
            color: #4e6183
        }

    body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .live-stats, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .live-stats, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .live-stats {
        border-color: #334056
    }

    body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .actions .action:not(:hover) span, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .actions .action:not(:hover) span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .actions .action:not(:hover) span {
        color: #a2a5b9
    }

    body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .actions .dropdown > div .avatar-button svg, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .actions .dropdown > div .avatar-button svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .actions .dropdown > div .avatar-button svg {
        fill: #fafafa
    }

    body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tabs ul, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tabs ul, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tabs ul {
        border-color: #334056
    }

        body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tabs ul li:not(.is-active) a, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tabs ul li:not(.is-active) a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tabs ul li:not(.is-active) a {
            border-color: #334056
        }

    body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tab-content, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content {
        background: #151a23
    }

        body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content {
            background: #262f40
        }

            body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content .username, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content .username, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content .username {
                color: #fafafa
            }

            body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content p, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content p {
                color: #a2a5b9
            }

            body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content .comment-actions span, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content .comment-actions span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content .comment-actions span {
                color: #a2a5b9
            }

    body.is-dark .videos-modal .card .card-body .inner .right-section .comment-controls, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .comment-controls, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .comment-controls {
        background: #202836;
        border-color: #334056
    }

        body.is-dark .videos-modal .card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea {
            background: #151a23;
            border-color: #151a23;
            color: #fafafa
        }

            body.is-dark .videos-modal .card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::-moz-placeholder, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::-moz-placeholder {
                color: #4e6183
            }

            body.is-dark .videos-modal .card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::placeholder, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::placeholder {
                color: #4e6183
            }

body.is-dark .share-modal .card .card-heading .share-dropdown:not(.is-active) > div .button, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .share-dropdown:not(.is-active) > div .button, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-heading .share-dropdown:not(.is-active) > div .button {
    background: #151a23;
    border-color: #283143;
    color: #a2a5b9
}

body.is-dark .share-modal .card .card-heading .share-dropdown .dropdown-menu .dropdown-content, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .share-dropdown .dropdown-menu .dropdown-content, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-heading .share-dropdown .dropdown-menu .dropdown-content {
    background: #151a23;
    border-color: #283143
}

    body.is-dark .share-modal .card .card-heading .share-dropdown .dropdown-menu .dropdown-content .dropdown-item:hover, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .share-dropdown .dropdown-menu .dropdown-content .dropdown-item:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-heading .share-dropdown .dropdown-menu .dropdown-content .dropdown-item:hover {
        background: #242d3c
    }

    body.is-dark .share-modal .card .card-heading .share-dropdown .dropdown-menu .dropdown-content .dropdown-item .media .media-content small, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .share-dropdown .dropdown-menu .dropdown-content .dropdown-item .media .media-content small, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-heading .share-dropdown .dropdown-menu .dropdown-content .dropdown-item .media .media-content small {
        color: #a2a5b9
    }

body.is-dark .share-modal .card .card-body > .control .textarea, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body > .control .textarea, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body > .control .textarea {
    background: #202836;
    border-color: #202836;
    color: #fafafa
}

    body.is-dark .share-modal .card .card-body > .control .textarea::-moz-placeholder, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body > .control .textarea::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body > .control .textarea::-moz-placeholder {
        color: #4e6183
    }

    body.is-dark .share-modal .card .card-body > .control .textarea::placeholder, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body > .control .textarea::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body > .control .textarea::placeholder {
        color: #4e6183
    }

body.is-dark .share-modal .card .card-body .shared-publication .publication-meta, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-meta, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-meta {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .share-modal .card .card-body .shared-publication .publication-meta .inner-flex p, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-meta .inner-flex p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-meta .inner-flex p {
        color: #a2a5b9
    }

        body.is-dark .share-modal .card .card-body .shared-publication .publication-meta .inner-flex p:before, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-meta .inner-flex p:before, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-meta .inner-flex p:before, body.is-dark .share-modal .card .card-body .shared-publication .publication-meta .inner-flex p:after, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-meta .inner-flex p:after, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-meta .inner-flex p:after {
            display: none !important
        }

body.is-dark .share-modal .card .card-body .shared-publication .publication-footer .stats .stat-block i, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-footer .stats .stat-block i, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-footer .stats .stat-block i, body.is-dark .share-modal .card .card-body .shared-publication .publication-footer .stats .stat-block small, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-footer .stats .stat-block small, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-footer .stats .stat-block small {
    color: #a2a5b9
}

body.is-dark .share-modal .card .card-body .shared-publication .publication-footer .publication-origin i, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-footer .publication-origin i, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-footer .publication-origin i, body.is-dark .share-modal .card .card-body .shared-publication .publication-footer .publication-origin small, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-footer .publication-origin small, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-footer .publication-origin small {
    color: #a2a5b9
}

body.is-dark .share-modal .card .bottom-share-inputs .control, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .bottom-share-inputs .control, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .bottom-share-inputs .control {
    border-color: #334056
}

    body.is-dark .share-modal .card .bottom-share-inputs .control .input-heading, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .bottom-share-inputs .control .input-heading, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .bottom-share-inputs .control .input-heading {
        background: #171c26
    }

body.is-dark .share-modal .card .card-footer, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-footer {
    background: #202836
}

    body.is-dark .share-modal .card .card-footer .action-wrap .footer-action:hover, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .action-wrap .footer-action:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-footer .action-wrap .footer-action:hover, body.is-dark .share-modal .card .card-footer .action-wrap .footer-action.is-active, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .action-wrap .footer-action.is-active, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-footer .action-wrap .footer-action.is-active {
        background: #293446
    }

        body.is-dark .share-modal .card .card-footer .action-wrap .footer-action:hover i, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .action-wrap .footer-action:hover i, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-footer .action-wrap .footer-action:hover i, body.is-dark .share-modal .card .card-footer .action-wrap .footer-action.is-active i, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .action-wrap .footer-action.is-active i, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-footer .action-wrap .footer-action.is-active i {
            color: #fafafa
        }

    body.is-dark .share-modal .card .card-footer .button-wrap .button:not(.primary-button), body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .button-wrap .button:not(.primary-button), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-footer .button-wrap .button:not(.primary-button) {
        background: #171c26;
        border-color: #171c26;
        color: #a2a5b9
    }

body.is-dark .change-cover-modal .card-body .selection-placeholder .selection-box, body.is-dark .change-profile-pic-modal .card-body .selection-placeholder .selection-box, body.is-dark .new-story-modal .card-body .selection-placeholder .selection-box {
    background: #2f3b50;
    border-color: #37445c
}

    body.is-dark .change-cover-modal .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child, body.is-dark .change-profile-pic-modal .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child, body.is-dark .new-story-modal .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child {
        color: #3d70b2
    }

    body.is-dark .change-cover-modal .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child, body.is-dark .change-profile-pic-modal .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child, body.is-dark .new-story-modal .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child {
        color: #fafafa
    }

    body.is-dark .change-cover-modal .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2), body.is-dark .change-profile-pic-modal .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2), body.is-dark .new-story-modal .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2) {
        color: #a2a5b9
    }

body.is-dark .user-photos-modal .card .card-body .nav-tabs-wrapper .tabs ul li.is-active, body.is-dark .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .nav-tabs-wrapper .tabs ul li.is-active, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .user-photos-modal .summary-card .card-body .nav-tabs-wrapper .tabs ul li.is-active {
    background: #3d70b2;
    border-color: #3d70b2
}

    body.is-dark .user-photos-modal .card .card-body .nav-tabs-wrapper .tabs ul li.is-active a, body.is-dark .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .nav-tabs-wrapper .tabs ul li.is-active a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .user-photos-modal .summary-card .card-body .nav-tabs-wrapper .tabs ul li.is-active a {
        color: #fff
    }

body.is-dark .user-photos-modal .card .card-body .album-wrapper, body.is-dark .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .user-photos-modal .summary-card .card-body .album-wrapper {
    background: #334056;
    border-color: #3e4e69
}

    body.is-dark .user-photos-modal .card .card-body .album-wrapper .album-meta .album-title span:first-child, body.is-dark .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .album-title span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .album-title span:first-child {
        color: #fafafa;
        font-weight: 500
    }

    body.is-dark .user-photos-modal .card .card-body .album-wrapper .album-meta .album-title span:nth-child(2), body.is-dark .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .album-title span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .album-title span:nth-child(2) {
        color: #a2a5b9
    }

    body.is-dark .user-photos-modal .card .card-body .album-wrapper .album-meta .image-count span, body.is-dark .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .image-count span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .image-count span {
        color: #a2a5b9
    }

body.is-dark .upload-crop-profile-modal .card .card-body .profile-uploader-box, body.is-dark .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box, body.is-dark .upload-crop-profile-modal .card .card-body .cover-uploader-box, body.is-dark .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box, body.is-dark .upload-crop-cover-modal .card .card-body .profile-uploader-box, body.is-dark .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box, body.is-dark .upload-crop-cover-modal .card .card-body .cover-uploader-box, body.is-dark .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box {
    border-color: #425370
}

body.is-dark .upload-crop-profile-modal .card .card-body .upload-demo-wrap .upload-help .cover-reset, body.is-dark .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-demo-wrap .upload-help .cover-reset, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .upload-crop-profile-modal .summary-card .card-body .upload-demo-wrap .upload-help .cover-reset, body.is-dark .upload-crop-cover-modal .card .card-body .upload-demo-wrap .upload-help .cover-reset, body.is-dark .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-demo-wrap .upload-help .cover-reset, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .upload-crop-cover-modal .summary-card .card-body .upload-demo-wrap .upload-help .cover-reset {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

body.is-dark .video-story-modal .card .card-body .story-meta > p, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta > p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta > p, body.is-dark .image-story-modal .card .card-body .story-meta > p, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta > p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta > p {
    color: #a2a5b9
}

body.is-dark .video-story-modal .card .card-body .story-meta .field .control.buttons .button:not(.accent-button), body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control.buttons .button:not(.accent-button), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control.buttons .button:not(.accent-button), body.is-dark .image-story-modal .card .card-body .story-meta .field .control.buttons .button:not(.accent-button), body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control.buttons .button:not(.accent-button), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control.buttons .button:not(.accent-button) {
    background: #181f29;
    border-color: #283143;
    color: #fafafa
}

body.is-dark .video-story-modal .card .card-body .story-meta .field .control .input, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .input, body.is-dark .video-story-modal .card .card-body .story-meta .field .control .textarea, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .textarea, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .input, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .input, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .textarea, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .textarea {
    background: #283143;
    border-color: #334056;
    color: #fafafa
}

    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .input::-moz-placeholder, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .input::-moz-placeholder, body.is-dark .video-story-modal .card .card-body .story-meta .field .control .textarea::-moz-placeholder, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .textarea::-moz-placeholder, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .input::-moz-placeholder, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .input::-moz-placeholder, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .textarea::-moz-placeholder, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .textarea::-moz-placeholder {
        color: #4e6183
    }

    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .input::placeholder, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .input::placeholder, body.is-dark .video-story-modal .card .card-body .story-meta .field .control .textarea::placeholder, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .textarea::placeholder, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .input::placeholder, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .input::placeholder, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .textarea::placeholder, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .textarea::placeholder {
        color: #4e6183
    }

body.is-dark .video-story-modal .card .card-body .story-meta .field .control .tokenize, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .tokenize, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .tokenize, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .tokenize {
    background: #283143;
    border-color: #334056
}

    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .tokenize .token, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .token, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .tokenize .token, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .tokenize .token, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .token, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .tokenize .token {
        background: #202836;
        border-color: #202836;
        color: #fafafa
    }

    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .tokenize .token-search, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .token-search, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .tokenize .token-search, body.is-dark .video-story-modal .card .card-body .story-meta .field .control .tokenize .placeholder, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .tokenize .placeholder, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .tokenize .token-search, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .token-search, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .tokenize .token-search, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .tokenize .placeholder, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .tokenize .placeholder {
        border: none
    }

        body.is-dark .video-story-modal .card .card-body .story-meta .field .control .tokenize .token-search input, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .token-search input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .tokenize .token-search input, body.is-dark .video-story-modal .card .card-body .story-meta .field .control .tokenize .placeholder input, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .placeholder input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .tokenize .placeholder input, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .tokenize .token-search input, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .token-search input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .tokenize .token-search input, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .tokenize .placeholder input, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .placeholder input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .tokenize .placeholder input {
            border: none;
            color: #fafafa
        }

body.is-dark .video-story-modal .card .card-body .story-upload .input-block input, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-upload .input-block input, body.is-dark .image-story-modal .card .card-body .story-upload .input-block input, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-upload .input-block input {
    background: #283143;
    border-color: #334056;
    color: #a2a5b9
}

    body.is-dark .video-story-modal .card .card-body .story-upload .input-block input::-webkit-file-upload-button, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block input::-webkit-file-upload-button, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-upload .input-block input::-webkit-file-upload-button, body.is-dark .image-story-modal .card .card-body .story-upload .input-block input::-webkit-file-upload-button, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block input::-webkit-file-upload-button, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-upload .input-block input::-webkit-file-upload-button {
        background: #181f29;
        border-color: #283143;
        color: #fafafa
    }

body.is-dark .end-tour-modal .card .card-body .image-wrap, body.is-dark .end-tour-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-wrap, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .end-tour-modal .summary-card .card-body .image-wrap {
    background: #334056
}

body.is-dark .end-tour-modal .card .card-body h3, body.is-dark .end-tour-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body h3, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .end-tour-modal .summary-card .card-body h3 {
    color: #fafafa
}

body.is-dark .end-tour-modal .card .card-body p, body.is-dark .end-tour-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .end-tour-modal .summary-card .card-body p {
    color: #a2a5b9
}

body.is-dark .fancybox-bg {
    background: #181f29
}

body.is-dark .fancybox-confirm {
    padding: 2.5rem !important;
    background: #11151c
}

    body.is-dark .fancybox-confirm .title {
        color: #fff
    }

    body.is-dark .fancybox-confirm p {
        color: #a2a5b9
    }

body.is-dark .webui-popover {
    background: #151a23 !important;
    color: #a2a5b9 !important
}

    body.is-dark .webui-popover.top .webui-arrow {
        border-top-color: #151a23 !important
    }

    body.is-dark .webui-popover.right .webui-arrow {
        border-top-color: transparent !important;
        border-right-color: #151a23 !important
    }

        body.is-dark .webui-popover.right .webui-arrow:after {
            border-right-color: #151a23 !important
        }

    body.is-dark .webui-popover.left .webui-arrow:after {
        border-left-color: #151a23 !important
    }

    body.is-dark .webui-popover.bottom .webui-arrow:after {
        border-bottom-color: #151a23 !important
    }

    body.is-dark .webui-popover.bottom-right .webui-arrow:after, body.is-dark .webui-popover.bottom-left .webui-arrow:after {
        border-bottom-color: #151a23 !important
    }

    body.is-dark .webui-popover.top-right .webui-arrow:after {
        border-top-color: #151a23 !important
    }

    body.is-dark .webui-popover.top-left .webui-arrow {
        border-top-color: #151a23 !important
    }

    body.is-dark .webui-popover .webui-popover-content .popover-flex-block .icon-block svg {
        stroke: #a2a5b9
    }

    body.is-dark .webui-popover .webui-popover-content .popover-flex-block .content-block span:first-child {
        color: #fafafa
    }

    body.is-dark .webui-popover .webui-popover-content .popover-flex-block .content-block span:nth-child(2) {
        color: #a2a5b9
    }

body.is-dark .profile-popover-block .profile-popover-wrapper .popover-cover .popover-avatar .avatar {
    border-color: #151a23 !important
}

body.is-dark .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .username, body.is-dark .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .pagename, body.is-dark .profile-popover-block .profile-popover-wrapper .popover-meta span.page-meta .username, body.is-dark .profile-popover-block .profile-popover-wrapper .popover-meta span.page-meta .pagename {
    color: #fafafa
}

body.is-dark .profile-popover-block .loader-overlay {
    background: #151a23 !important
}

body.is-dark .ql-tooltip {
    background: #151a23 !important
}

    body.is-dark .ql-tooltip .ql-tooltip-arrow {
        border-bottom-color: #151a23 !important
    }

    body.is-dark .ql-tooltip .ql-picker-options {
        background: #151a23 !important
    }

body.is-dark .flex-table .flex-table-header span {
    color: #a2a5b9
}

body.is-dark .flex-table .flex-table-item {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .flex-table .flex-table-item > div {
        border-color: #3b4963
    }

    body.is-dark .flex-table .flex-table-item .product span {
        color: #fafafa
    }

    body.is-dark .flex-table .flex-table-item .quantity.has-spinner .spinner {
        background: #181f29;
        border-color: #283143
    }

        body.is-dark .flex-table .flex-table-item .quantity.has-spinner .spinner .remove:hover svg, body.is-dark .flex-table .flex-table-item .quantity.has-spinner .spinner .add:hover svg {
            stroke: #3d70b2
        }

        body.is-dark .flex-table .flex-table-item .quantity.has-spinner .spinner .value {
            color: #fafafa
        }

    body.is-dark .flex-table .flex-table-item .price .has-price, body.is-dark .flex-table .flex-table-item .discount .has-price, body.is-dark .flex-table .flex-table-item .total .has-price {
        color: #fafafa
    }

body.is-dark .schedule {
    background: #202836;
    border-color: #334056
}

    body.is-dark .schedule .schedule-day-container .day-content {
        background: #202836;
        border-color: #334056
    }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .meta-block > i {
            color: #a2a5b9
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .meta-block .meta span:first-child {
            color: #fafafa;
            font-weight: 500
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .meta-block .meta span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap label {
            color: #fafafa
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img {
            border-color: #202836
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .event-description label {
            color: #fafafa
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .event-description p {
            color: #a2a5b9
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap hr {
            height: 1px;
            background: #2f3b50
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .button-wrap .button {
            background: #171c26;
            border-color: #171c26;
            color: #a2a5b9
        }

            body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .button-wrap .button:hover {
                background: #3d70b2;
                border-color: #3d70b2;
                color: #fff
            }

    body.is-dark .schedule .schedule-header .nav-icon:hover, body.is-dark .schedule .schedule-header .month:hover {
        background: #2f3b50
    }

    body.is-dark .schedule .schedule-header .month {
        color: #fafafa
    }

    body.is-dark .schedule .schedule-divider {
        background: #334056
    }

    body.is-dark .schedule .schedule-calendar .calendar-row .day.day-name {
        color: #a2a5b9
    }

    body.is-dark .schedule .schedule-calendar .calendar-row .day {
        color: #a2a5b9
    }

        body.is-dark .schedule .schedule-calendar .calendar-row .day:not(.event):hover {
            background: #293446
        }

    body.is-dark .schedule .schedule-calendar .next-fab {
        background: #293446;
        border-color: #334056
    }

        body.is-dark .schedule .schedule-calendar .next-fab:hover {
            background: #242d3c
        }

        body.is-dark .schedule .schedule-calendar .next-fab svg {
            stroke: #a2a5b9
        }

    body.is-dark .schedule .schedule-events {
        background: #202836;
        border-color: #334056
    }

        body.is-dark .schedule .schedule-events .schedule-events-title {
            color: #fafafa
        }

        body.is-dark .schedule .schedule-events .schedule-event .event-title span:first-child {
            color: #fafafa;
            font-weight: 500
        }

        body.is-dark .schedule .schedule-events .schedule-event .event-title span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .schedule .schedule-events .button-wrap .button {
            background: #171c26;
            border-color: #171c26;
            color: #a2a5b9
        }

            body.is-dark .schedule .schedule-events .button-wrap .button:hover {
                background: #3d70b2;
                border-color: #3d70b2;
                color: #fff
            }

body.is-dark .loads {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeload;
    animation-timing-function: linear;
    background: #191c26;
    background: #31374a;
    background: linear-gradient(to right, #31374a 8%, #191c26 18%, #31374a 33%);
    background-size: 1200px 104px;
    position: relative
}

body.is-dark .compose-placeload {
    border-color: #283143;
    background: #202836
}

body.is-dark .post-placeload {
    border-color: #283143 !important;
    background: #202836 !important
}

body.is-dark .stories-placeload, body.is-dark .list-placeload {
    border-color: #283143 !important;
    background: #202836 !important
}

body.is-dark .mini-widget-placeload {
    border-color: #283143 !important;
    background: #202836 !important
}

body.is-dark .weather-widget-placeload {
    border-color: #283143 !important;
    background: #202836 !important
}

body.is-dark .questions-single-placeload.is-card {
    border-color: #2f3b50 !important;
    background: #2f3b50 !important
}

body.is-dark .questions-categories-placeload .is-tile-placeload {
    border-color: #3b4963 !important;
    background: #202836 !important
}

body.is-dark .questions-stats-placeload.is-header {
    border-color: #3b4963 !important;
    background: #202836 !important
}

body.is-dark .questions-stats-placeload.is-carousel .placeload-grid .grid-item {
    border-color: #3b4963 !important;
    background: #202836 !important
}

body.is-dark .questions-side-placeload {
    border-color: #3b4963 !important;
    background: #202836 !important
}

body.is-dark .questions-settings-placeload.is-card {
    border-color: #3b4963 !important;
    background: #202836 !important
}

body.is-dark .fancybox-custom-layout .fancybox-caption {
    background: #202836
}

    body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body {
        background: #202836
    }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .header .user-meta span:first-child {
            color: #fafafa
        }

            body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .header .user-meta span:first-child small {
                color: #a2a5b9
            }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .header .user-meta span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .header > .button {
            background: #151a23;
            border-color: #283143;
            color: #fff
        }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .header .dropdown > div .button svg {
            stroke: #a2a5b9
        }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .inner-content .live-stats {
            border-color: #334056
        }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .inner-content .actions .action:not(:hover) span {
            color: #a2a5b9
        }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .inner-content .actions .dropdown > div .avatar-button svg {
            fill: #fafafa
        }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comments-list {
            background: #151a23
        }

            body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comments-list .media.is-comment .media-content {
                background: #262f40
            }

                body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comments-list .media.is-comment .media-content .username {
                    color: #fafafa
                }

                body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comments-list .media.is-comment .media-content p {
                    color: #a2a5b9
                }

                body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comments-list .media.is-comment .media-content .comment-actions span {
                    color: #a2a5b9
                }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comment-controls {
            background: #202836;
            border-color: #334056
        }

            body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comment-controls .controls-inner .control .textarea {
                background: #151a23;
                border-color: #151a23;
                color: #fafafa
            }

                body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comment-controls .controls-inner .control .textarea::-moz-placeholder {
                    color: #4e6183
                }

                body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comment-controls .controls-inner .control .textarea::placeholder {
                    color: #4e6183
                }

body.is-dark .hopscotch-bubble {
    border-color: #283143 !important;
    background: #151a23 !important
}

    body.is-dark .hopscotch-bubble .hopscotch-bubble-container {
        background: #151a23 !important
    }

        body.is-dark .hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-number {
            background: #151a23 !important
        }

        body.is-dark .hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-content .hopscotch-title {
            color: #fafafa
        }

        body.is-dark .hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-content .hopscotch-content {
            color: #a2a5b9
        }

        body.is-dark .hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button {
            background: #3d70b2 !important;
            border-color: #3d70b2 !important;
            color: #fff !important;
            outline: none !important
        }

        body.is-dark .hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-close {
            background: #151a23 !important
        }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.up .hopscotch-bubble-arrow-border {
        border-bottom-color: #283143 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.up .hopscotch-bubble-arrow {
        border-bottom-color: #151a23 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.down .hopscotch-bubble-arrow-border {
        border-top-color: #283143 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.down .hopscotch-bubble-arrow {
        border-top-color: #151a23 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.right .hopscotch-bubble-arrow-border {
        border-left-color: #283143 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.right .hopscotch-bubble-arrow {
        border-left-color: #151a23 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.left .hopscotch-bubble-arrow-border {
        border-right-color: #283143 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.left .hopscotch-bubble-arrow {
        border-right-color: #151a23 !important
    }

body.is-dark .subloader {
    background: #2f3b50 !important
}

body.is-dark .is-dark-heading {
    color: #ebebeb !important
}

body.is-dark .chat-wrapper .chat-inner .chat-nav, body.is-dark .chat-wrapper .chat-inner .users-sidebar {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username span:first-child {
        color: #fafafa
    }

    body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .control .input {
        background: #283143;
        border-color: #283143;
        color: #fafafa
    }

        body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .control .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .control .input::placeholder {
            color: #4e6183
        }

        body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .control .input:focus ~ .form-icon svg {
            stroke: #3d70b2 !important
        }

    body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .control .form-icon svg {
        stroke: #4e6183
    }

    body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .close-chat:hover {
        background: #283143
    }

    body.is-dark .chat-wrapper .chat-inner .users-sidebar .conversations-list .user-item.is-active {
        background: #242d3c
    }

        body.is-dark .chat-wrapper .chat-inner .users-sidebar .conversations-list .user-item.is-active .avatar-container .user-status {
            border-color: #242d3c
        }

    body.is-dark .chat-wrapper .chat-inner .users-sidebar .conversations-list .user-item:hover {
        background: #283143
    }

        body.is-dark .chat-wrapper .chat-inner .users-sidebar .conversations-list .user-item:hover .avatar-container .user-status {
            border-color: #283143
        }

    body.is-dark .chat-wrapper .chat-inner .users-sidebar .conversations-list .user-item .avatar-container .user-status {
        border-color: #151a23
    }

body.is-dark .chat-wrapper .chat-inner .chat-body, body.is-dark .chat-wrapper .chat-inner .chat-action {
    background: #2f3b50
}

    body.is-dark .chat-wrapper .chat-inner .chat-body .chat-body-inner .date-divider hr {
        background: #425370
    }

    body.is-dark .chat-wrapper .chat-inner .chat-body .chat-body-inner .date-divider span {
        background: #2f3b50;
        color: #c7c7c7
    }

    body.is-dark .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent .message-text {
        background: #222a39
    }

        body.is-dark .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent .message-text:before {
            border-top-color: #222a39
        }

    body.is-dark .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .textarea {
        background: #222a39;
        border-color: #293446;
        color: #fafafa
    }

        body.is-dark .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .textarea:focus {
            border-color: #334056 !important
        }

body.is-dark .chat-wrapper .chat-inner .chat-panel {
    background: #283143;
    border-color: #283143
}

    body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header {
        background: #283143;
        border-color: #283143
    }

        body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header h3 {
            color: #fafafa
        }

        body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header .panel-close:hover {
            background: #37445c
        }

    body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body .panel-body-inner .subheader .action-icon:hover {
        background: #37445c
    }

    body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body .panel-body-inner .details-avatar .call-me {
        border-color: #283143
    }

    body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body .panel-body-inner .user-meta h3 {
        color: #fafafa
    }

    body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body .panel-body-inner .user-about .about-block {
        background: #222a39;
        border-color: #2f3b50
    }

        body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body .panel-body-inner .user-about .about-block .about-text span:first-child {
            color: #fafafa
        }

        body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body .panel-body-inner .user-about .about-block .about-text span:nth-child(2) {
            color: #a2a5b9 !important
        }

body.is-dark .add-conversation-modal .modal-content .card .card-heading h3, body.is-dark .add-conversation-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .add-conversation-modal .modal-content .summary-card .card-heading h3 {
    color: #fafafa
}

body.is-dark .add-conversation-modal .modal-content .card .card-heading .close-wrap .close-modal:hover, body.is-dark .add-conversation-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .close-wrap .close-modal:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .add-conversation-modal .modal-content .summary-card .card-heading .close-wrap .close-modal:hover {
    background: #2b3649
}

body.is-dark .card.is-new-content .tabs, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .tabs {
    background: #283143
}

    body.is-dark .card.is-new-content .tabs ul, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs ul, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .tabs ul {
        background: #283143;
        border-color: #283143
    }

    body.is-dark .card.is-new-content .tabs li, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .tabs li {
        background: #283143
    }

        body.is-dark .card.is-new-content .tabs li.close-wrap .close-publish:hover, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.close-wrap .close-publish:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .tabs li.close-wrap .close-publish:hover {
            background: #202836
        }

        body.is-dark .card.is-new-content .tabs li.is-active a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.is-active a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .tabs li.is-active a {
            border-color: transparent !important;
            background: #202836
        }

        body.is-dark .card.is-new-content .tabs li a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .tabs li a {
            background: #283143;
            border-color: #283143 !important
        }

body.is-dark .card.is-new-content .compose, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose {
    border-color: #283143
}

    body.is-dark .card.is-new-content .compose .compose-form .control .textarea, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .compose-form .control .textarea, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose .compose-form .control .textarea {
        border-color: #202836;
        background: #202836;
        color: #fafafa
    }

        body.is-dark .card.is-new-content .compose .compose-form .control .textarea::-moz-placeholder, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .compose-form .control .textarea::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose .compose-form .control .textarea::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .card.is-new-content .compose .compose-form .control .textarea::placeholder, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .compose-form .control .textarea::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose .compose-form .control .textarea::placeholder {
            color: #4e6183
        }

    body.is-dark .card.is-new-content .compose .feed-upload .upload-wrap .remove-file, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .feed-upload .upload-wrap .remove-file, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose .feed-upload .upload-wrap .remove-file {
        background: #181f29
    }

    body.is-dark .card.is-new-content .compose .options-summary, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .options-summary, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose .options-summary {
        background: #283143
    }

body.is-dark .card.is-new-content .compose-options, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose-options {
    background: #202836
}

    body.is-dark .card.is-new-content .compose-options .compose-option, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose-options .compose-option {
        background: #2b3649
    }

        body.is-dark .card.is-new-content .compose-options .compose-option:hover svg, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose-options .compose-option:hover svg {
            stroke: #fafafa
        }

body.is-dark .card.is-new-content .hidden-options, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options {
    background: #202836;
    border-color: #283143
}

    body.is-dark .card.is-new-content .hidden-options .target-channels .channel:hover, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel:hover {
        background: #2b3649
    }

    body.is-dark .card.is-new-content .hidden-options .target-channels .channel .round-checkbox input:not(:checked) + label, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .round-checkbox input:not(:checked) + label, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .round-checkbox input:not(:checked) + label {
        background: #171c26;
        border-color: #283143
    }

    body.is-dark .card.is-new-content .hidden-options .target-channels .channel .channel-icon, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .channel-icon, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .channel-icon, body.is-dark .card.is-new-content .hidden-options .target-channels .channel .story-icon, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon {
        background: #171c26;
        border-color: #283143
    }

        body.is-dark .card.is-new-content .hidden-options .target-channels .channel .channel-icon .plus-icon, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .channel-icon .plus-icon, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .channel-icon .plus-icon, body.is-dark .card.is-new-content .hidden-options .target-channels .channel .story-icon .plus-icon, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon .plus-icon, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon .plus-icon {
            border-color: #171c26
        }

    body.is-dark .card.is-new-content .hidden-options .target-channels .channel .channel-name, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .channel-name, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .channel-name {
        color: #a2a5b9
    }

    body.is-dark .card.is-new-content .hidden-options .target-channels .channel .dropdown > div .button, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown > div .button, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown > div .button {
        background: #171c26;
        border-color: #283143;
        color: #a2a5b9
    }

    body.is-dark .card.is-new-content .hidden-options .friends-list, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list {
        background: #202836;
        border-color: #283143
    }

        body.is-dark .card.is-new-content .hidden-options .friends-list .list-header .control .input, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input {
            background: #283143;
            border-color: #283143;
            color: #fafafa
        }

            body.is-dark .card.is-new-content .hidden-options .friends-list .list-header .control .input::-moz-placeholder, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input::-moz-placeholder {
                color: #4e6183
            }

            body.is-dark .card.is-new-content .hidden-options .friends-list .list-header .control .input::placeholder, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input::placeholder {
                color: #4e6183
            }

            body.is-dark .card.is-new-content .hidden-options .friends-list .list-header .control .input:focus ~ .form-icon svg, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input:focus ~ .form-icon svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input:focus ~ .form-icon svg {
                stroke: #3d70b2 !important
            }

        body.is-dark .card.is-new-content .hidden-options .friends-list .list-body .friend-block .round-checkbox input:not(:checked) + label, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block .round-checkbox input:not(:checked) + label, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block .round-checkbox input:not(:checked) + label {
            background: #171c26;
            border-color: #283143
        }

        body.is-dark .card.is-new-content .hidden-options .friends-list .list-body .friend-block .friend-name, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block .friend-name, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block .friend-name {
            color: #a2a5b9
        }

body.is-dark .card.is-new-content .more-wrap, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .more-wrap {
    background: #202836;
    border-color: #283143
}

    body.is-dark .card.is-new-content .more-wrap .button.is-more, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap .button.is-more, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .more-wrap .button.is-more {
        background: #171c26;
        border-color: #283143;
        color: #a2a5b9
    }

body.is-dark .card.is-post .card-heading .user-block .user-info a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-heading .user-block .user-info a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-heading .user-block .user-info a {
    color: #fafafa
}

    body.is-dark .card.is-post .card-heading .user-block .user-info a:hover, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-heading .user-block .user-info a:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-heading .user-block .user-info a:hover {
        color: #3d70b2
    }

body.is-dark .card.is-post .card-heading .user-block .user-info span, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-heading .user-block .user-info span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-heading .user-block .user-info span {
    color: #a2a5b9
}

body.is-dark .card.is-post .card-body .post-text p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .post-text p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .post-text p {
    color: #a2a5b9
}

    body.is-dark .card.is-post .card-body .post-text p a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .post-text p a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .post-text p a {
        color: #3d70b2
    }

body.is-dark .card.is-post .card-body .post-link, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .post-link, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .post-link {
    background: #293446;
    border-color: #37445c
}

    body.is-dark .card.is-post .card-body .post-link .link-content h4 a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .post-link .link-content h4 a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .post-link .link-content h4 a {
        color: #6e84a9
    }

    body.is-dark .card.is-post .card-body .post-link .link-content p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .post-link .link-content p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .post-link .link-content p {
        color: #a2a5b9
    }

body.is-dark .card.is-post .card-body .like-wrapper .like-button, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .like-wrapper .like-button, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .like-wrapper .like-button {
    background: #425370
}

    body.is-dark .card.is-post .card-body .like-wrapper .like-button i, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .like-wrapper .like-button i, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .like-wrapper .like-button i {
        color: #fafafa
    }

body.is-dark .card.is-post .card-footer .likers-group img, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .likers-group img, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .likers-group img {
    border-color: #202836
}

body.is-dark .card.is-post .card-footer .likers-text p:first-child a:not(:hover), body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .likers-text p:first-child a:not(:hover), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .likers-text p:first-child a:not(:hover) {
    color: #fafafa
}

body.is-dark .card.is-post .card-footer .post-comment .media-content .field .control .textarea, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea {
    background: #283143;
    border-color: #334056;
    color: #fafafa
}

    body.is-dark .card.is-post .card-footer .post-comment .media-content .field .control .textarea::-moz-placeholder, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea::-moz-placeholder {
        color: #4e6183
    }

    body.is-dark .card.is-post .card-footer .post-comment .media-content .field .control .textarea::placeholder, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea::placeholder {
        color: #4e6183
    }

body.is-dark .card.is-post .card-footer .post-comment .media-content .actions, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .post-comment .media-content .actions, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .post-comment .media-content .actions {
    border-color: #334056
}

body.is-dark .card.is-post .comments-wrap .comments-heading .close-comments:hover, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-heading .close-comments:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-heading .close-comments:hover {
    background: #283143
}

body.is-dark .card.is-post .comments-wrap .comments-body .media.is-comment, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .media.is-comment, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-body .media.is-comment {
    border-color: #334056
}

    body.is-dark .card.is-post .comments-wrap .comments-body .media.is-comment .media-content a:not(:hover), body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content a:not(:hover), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content a:not(:hover) {
        color: #fafafa
    }

    body.is-dark .card.is-post .comments-wrap .comments-body .media.is-comment .media-content p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content p {
        color: #a2a5b9
    }

    body.is-dark .card.is-post .comments-wrap .comments-body .media.is-comment .media-content .media.is-comment .media-left:before, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content .media.is-comment .media-left:before, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content .media.is-comment .media-left:before {
        background: #2f3b50;
        border-color: #37445c
    }

    body.is-dark .card.is-post .comments-wrap .comments-body .media.is-comment .media-content .media.is-comment .media-left:after, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content .media.is-comment .media-left:after, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content .media.is-comment .media-left:after {
        background: #2f3b50;
        border-color: #37445c
    }

    body.is-dark .card.is-post .comments-wrap .comments-body .media.is-comment .media-right .dropdown > div .button, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-right .dropdown > div .button, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-right .dropdown > div .button {
        background: #202836;
        border-color: #283143;
        color: #a2a5b9
    }

body.is-dark .is-autocomplete.is-suboption .tag-list .tag-control .tags .tag:first-child {
    background: #1a212c !important
}

body.is-dark .is-autocomplete.is-suboption .tag-list .tag-control .tags .tag:nth-child(2) {
    background: #2b3649 !important
}

body.is-dark .is-autocomplete .control .input {
    background: #2b3649;
    border-color: #37445c
}

body.is-dark .is-autocomplete .control .easy-autocomplete-container ul {
    background: #2b3649 !important;
    border-color: #37445c !important
}

    body.is-dark .is-autocomplete .control .easy-autocomplete-container ul li {
        border-color: #37445c !important
    }

        body.is-dark .is-autocomplete .control .easy-autocomplete-container ul li.selected {
            background: #283143
        }

        body.is-dark .is-autocomplete .control .easy-autocomplete-container ul li .eac-item .template-wrapper .avatar-wrapper .avatar-badge {
            border-color: #2b3649
        }

        body.is-dark .is-autocomplete .control .easy-autocomplete-container ul li .eac-item .template-wrapper .entry-text {
            color: #fafafa
        }

            body.is-dark .is-autocomplete .control .easy-autocomplete-container ul li .eac-item .template-wrapper .entry-text span {
                color: #a2a5b9
            }

body.is-dark .is-suboption .is-gif-wrapper .gif-dropdown {
    background: #2b3649 !important;
    border-color: #37445c !important
}

body.is-dark .feed-menu-v1 .main-menu li.is-active a > svg {
    stroke: #3d70b2
}

body.is-dark .feed-menu-v1 .main-menu li.is-active a span {
    color: #fff
}

body.is-dark .feed-menu-v1 .main-menu li.is-active a .close-icon {
    background: #242d3c;
    border-color: #334056
}

    body.is-dark .feed-menu-v1 .main-menu li.is-active a .close-icon svg {
        stroke: #a2a5b9
    }

body.is-dark .feed-menu-v1 .main-menu li:hover a .close-icon {
    background: #242d3c
}

    body.is-dark .feed-menu-v1 .main-menu li:hover a .close-icon svg {
        stroke: #a2a5b9
    }

body.is-dark .feed-menu-v1 .main-menu li a span {
    color: #a2a5b9
}

body.is-dark .feed-menu-v1 .main-menu li a .close-icon span {
    color: #a2a5b9
}

body.is-dark .feed-menu-v1 .main-menu li .submenu li.is-subactive a {
    color: #fafafa
}

body.is-dark .stories-list .container-inner .story .story-avatar {
    background: #3e4e69;
    border-color: #3e4e69
}

    body.is-dark .stories-list .container-inner .story .story-avatar:hover {
        border-color: #3d70b2
    }

body.is-dark .posts-feed-wrapper .post-feed-item {
    background: transparent !important
}

    body.is-dark .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar {
        background: #3e4e69 !important;
        border-color: #3e4e69 !important
    }

    body.is-dark .posts-feed-wrapper .post-feed-item .card-content .media .media-content span:first-child {
        color: #fafafa
    }

    body.is-dark .posts-feed-wrapper .post-feed-item .card-content .media .media-right > span {
        color: #a2a5b9
    }

    body.is-dark .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button {
        background: #2f3b50
    }

        body.is-dark .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button:not(.is-liked) svg {
            stroke: #a2a5b9
        }

        body.is-dark .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button:hover {
            background: #37445c;
            border-color: #3e4e69
        }

body.is-dark .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper > .button {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

    body.is-dark .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper > .button:hover {
        background: #3d70b2;
        border-color: #3d70b2
    }

        body.is-dark .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper > .button:hover svg {
            stroke: #fff
        }

body.is-dark .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .avatar-wrap {
    border-color: #425370
}

    body.is-dark .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .avatar-wrap .badge {
        border-color: #2f3b50
    }

body.is-dark .feed-profile-wrapper .profile-wrapper .user-stats .stat-block span:first-child {
    color: #fafafa;
    font-weight: 500
}

body.is-dark .feed-profile-wrapper .profile-wrapper .user-stats .stat-block span:nth-child(2) {
    color: #a2a5b9
}

body.is-dark .feed-profile-wrapper .profile-wrapper .connections .connection .connection-avatar {
    background: #3e4e69;
    border-color: #4e6183
}

body.is-dark .feed-slider-wrapper .feed-slider-inner .slick-custom:hover i {
    color: #fafafa
}

body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item {
    background: transparent !important
}

    body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left .post-avatar {
        background: #3e4e69;
        border-color: #3e4e69
    }

    body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content span:first-child {
        color: #fafafa
    }

    body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right > span {
        color: #a2a5b9
    }

    body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button {
        background: #2f3b50
    }

        body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button:not(.is-liked) svg {
            stroke: #a2a5b9
        }

        body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button:hover {
            background: #37445c;
            border-color: #3e4e69
        }

    body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .liked-by span span {
        color: #3d70b2
    }

body.is-dark .cover-bg .avatar .pop-button:not(#chat-pop) {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

body.is-dark .profile-menu .button:not(.is-active) {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

body.is-dark .profile-menu .button.is-active {
    background: #3d70b2 !important;
    border-color: #3d70b2 !important;
    color: #fff !important
}

body.is-dark .profile-subheader .subheader-start h2, body.is-dark .profile-subheader .subheader-middle h2 {
    color: #fafafa;
    font-weight: 500
}

body.is-dark .profile-subheader .subheader-start span:first-child, body.is-dark .profile-subheader .subheader-middle span:first-child {
    color: #fafafa;
    font-weight: 500
}

body.is-dark .profile-subheader .subheader-start span:nth-child(2), body.is-dark .profile-subheader .subheader-middle span:nth-child(2) {
    color: #a2a5b9
}

body.is-dark .profile-subheader .subheader-end .button {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

body.is-dark .box-heading {
    background: #202836;
    border-color: #334056
}

    body.is-dark .box-heading h4 {
        color: #fafafa
    }

    body.is-dark .box-heading .button-wrap .button:first-child {
        background: #202836;
        border-color: #3d70b2 !important;
        color: #3d70b2 !important
    }

        body.is-dark .box-heading .button-wrap .button:first-child:hover {
            background: #3d70b2 !important;
            color: #fff !important
        }

    body.is-dark .box-heading .button-wrap .button:nth-child(2) {
        background: #171c26;
        border-color: #293446;
        color: #a2a5b9
    }

    body.is-dark .box-heading .dropdown > div .button {
        border: none;
        background: #202836;
        border-color: #202836;
        color: #fafafa
    }

    body.is-dark .box-heading .heading-search .input {
        background: #283143;
        border-color: #334056;
        color: #fafafa
    }

        body.is-dark .box-heading .heading-search .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .box-heading .heading-search .input::placeholder {
            color: #4e6183
        }

body.is-dark .profile-timeline .profile-post .time .img-container {
    background: #293446
}

    body.is-dark .profile-timeline .profile-post .time .img-container:after {
        background: #425370
    }

body.is-dark .basic-infos-wrapper .card.is-profile-info .info-row, body.is-dark .basic-infos-wrapper .shop-wrapper .cart-container .cart-content .cart-summary .is-profile-info.summary-card .info-row, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .basic-infos-wrapper .is-profile-info.summary-card .info-row {
    border-color: #334056
}

    body.is-dark .basic-infos-wrapper .card.is-profile-info .info-row > div span, body.is-dark .basic-infos-wrapper .shop-wrapper .cart-container .cart-content .cart-summary .is-profile-info.summary-card .info-row > div span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .basic-infos-wrapper .is-profile-info.summary-card .info-row > div span {
        color: #fafafa
    }

    body.is-dark .basic-infos-wrapper .card.is-profile-info .info-row > div a, body.is-dark .basic-infos-wrapper .shop-wrapper .cart-container .cart-content .cart-summary .is-profile-info.summary-card .info-row > div a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .basic-infos-wrapper .is-profile-info.summary-card .info-row > div a {
        color: #a2a5b9
    }

        body.is-dark .basic-infos-wrapper .card.is-profile-info .info-row > div a:hover, body.is-dark .basic-infos-wrapper .shop-wrapper .cart-container .cart-content .cart-summary .is-profile-info.summary-card .info-row > div a:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .basic-infos-wrapper .is-profile-info.summary-card .info-row > div a:hover {
            color: #3d70b2
        }

    body.is-dark .basic-infos-wrapper .card.is-profile-info .info-row > i, body.is-dark .basic-infos-wrapper .shop-wrapper .cart-container .cart-content .cart-summary .is-profile-info.summary-card .info-row > i, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .basic-infos-wrapper .is-profile-info.summary-card .info-row > i {
        color: #a2a5b9
    }

body.is-dark .friend-cards-list .card.is-friend-card .friend-item, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .friend-item, body.is-dark .friend-cards-list .card.is-friend-card .trip-item, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .trip-item, body.is-dark .friend-cards-list .card.is-trip-card .friend-item, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .friend-item, body.is-dark .friend-cards-list .card.is-trip-card .trip-item, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .trip-item, body.is-dark .trip-cards-list .card.is-friend-card .friend-item, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .friend-item, body.is-dark .trip-cards-list .card.is-friend-card .trip-item, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .trip-item, body.is-dark .trip-cards-list .card.is-trip-card .friend-item, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .friend-item, body.is-dark .trip-cards-list .card.is-trip-card .trip-item, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .trip-item {
    border-color: #334056
}

    body.is-dark .friend-cards-list .card.is-friend-card .friend-item .text-content span, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item .text-content span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .friend-item .text-content span, body.is-dark .friend-cards-list .card.is-friend-card .trip-item .text-content span, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item .text-content span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .trip-item .text-content span, body.is-dark .friend-cards-list .card.is-trip-card .friend-item .text-content span, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item .text-content span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .friend-item .text-content span, body.is-dark .friend-cards-list .card.is-trip-card .trip-item .text-content span, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item .text-content span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .trip-item .text-content span, body.is-dark .trip-cards-list .card.is-friend-card .friend-item .text-content span, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item .text-content span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .friend-item .text-content span, body.is-dark .trip-cards-list .card.is-friend-card .trip-item .text-content span, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item .text-content span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .trip-item .text-content span, body.is-dark .trip-cards-list .card.is-trip-card .friend-item .text-content span, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item .text-content span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .friend-item .text-content span, body.is-dark .trip-cards-list .card.is-trip-card .trip-item .text-content span, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item .text-content span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .trip-item .text-content span {
        color: #fafafa
    }

    body.is-dark .friend-cards-list .card.is-friend-card .friend-item .text-content a, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item .text-content a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .friend-item .text-content a, body.is-dark .friend-cards-list .card.is-friend-card .trip-item .text-content a, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item .text-content a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .trip-item .text-content a, body.is-dark .friend-cards-list .card.is-trip-card .friend-item .text-content a, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item .text-content a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .friend-item .text-content a, body.is-dark .friend-cards-list .card.is-trip-card .trip-item .text-content a, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item .text-content a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .trip-item .text-content a, body.is-dark .trip-cards-list .card.is-friend-card .friend-item .text-content a, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item .text-content a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .friend-item .text-content a, body.is-dark .trip-cards-list .card.is-friend-card .trip-item .text-content a, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item .text-content a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .trip-item .text-content a, body.is-dark .trip-cards-list .card.is-trip-card .friend-item .text-content a, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item .text-content a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .friend-item .text-content a, body.is-dark .trip-cards-list .card.is-trip-card .trip-item .text-content a, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item .text-content a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .trip-item .text-content a {
        color: #a2a5b9
    }

        body.is-dark .friend-cards-list .card.is-friend-card .friend-item .text-content a:hover, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item .text-content a:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .friend-item .text-content a:hover, body.is-dark .friend-cards-list .card.is-friend-card .trip-item .text-content a:hover, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item .text-content a:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .trip-item .text-content a:hover, body.is-dark .friend-cards-list .card.is-trip-card .friend-item .text-content a:hover, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item .text-content a:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .friend-item .text-content a:hover, body.is-dark .friend-cards-list .card.is-trip-card .trip-item .text-content a:hover, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item .text-content a:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .trip-item .text-content a:hover, body.is-dark .trip-cards-list .card.is-friend-card .friend-item .text-content a:hover, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item .text-content a:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .friend-item .text-content a:hover, body.is-dark .trip-cards-list .card.is-friend-card .trip-item .text-content a:hover, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item .text-content a:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .trip-item .text-content a:hover, body.is-dark .trip-cards-list .card.is-trip-card .friend-item .text-content a:hover, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item .text-content a:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .friend-item .text-content a:hover, body.is-dark .trip-cards-list .card.is-trip-card .trip-item .text-content a:hover, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item .text-content a:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .trip-item .text-content a:hover {
            color: #3d70b2
        }

body.is-dark .card.is-community h4, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card h4, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card h4, body.is-dark .card.is-about h4, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card h4, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card h4, body.is-dark .card.is-friendkit h4, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card h4, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card h4 {
    color: #fafafa
}

body.is-dark .card.is-community > p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card > p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card > p, body.is-dark .card.is-about > p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card > p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card > p, body.is-dark .card.is-friendkit > p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card > p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card > p {
    color: #a2a5b9
}

body.is-dark .card.is-community .flex-block svg, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .flex-block svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .flex-block svg, body.is-dark .card.is-community .created svg, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .created svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .created svg, body.is-dark .card.is-about .flex-block svg, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .flex-block svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .flex-block svg, body.is-dark .card.is-about .created svg, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .created svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .created svg, body.is-dark .card.is-friendkit .flex-block svg, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .flex-block svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .flex-block svg, body.is-dark .card.is-friendkit .created svg, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .created svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .created svg {
    stroke: #a2a5b9
}

body.is-dark .card.is-community .flex-block p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .flex-block p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .flex-block p, body.is-dark .card.is-community .flex-block span, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .flex-block span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .flex-block span, body.is-dark .card.is-community .created p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .created p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .created p, body.is-dark .card.is-community .created span, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .created span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .created span, body.is-dark .card.is-about .flex-block p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .flex-block p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .flex-block p, body.is-dark .card.is-about .flex-block span, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .flex-block span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .flex-block span, body.is-dark .card.is-about .created p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .created p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .created p, body.is-dark .card.is-about .created span, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .created span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .created span, body.is-dark .card.is-friendkit .flex-block p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .flex-block p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .flex-block p, body.is-dark .card.is-friendkit .flex-block span, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .flex-block span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .flex-block span, body.is-dark .card.is-friendkit .created p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .created p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .created p, body.is-dark .card.is-friendkit .created span, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .created span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .created span {
    color: #a2a5b9
}

    body.is-dark .card.is-community .flex-block p a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .flex-block p a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .flex-block p a, body.is-dark .card.is-community .flex-block span a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .flex-block span a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .flex-block span a, body.is-dark .card.is-community .created p a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .created p a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .created p a, body.is-dark .card.is-community .created span a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .created span a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .created span a, body.is-dark .card.is-about .flex-block p a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .flex-block p a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .flex-block p a, body.is-dark .card.is-about .flex-block span a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .flex-block span a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .flex-block span a, body.is-dark .card.is-about .created p a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .created p a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .created p a, body.is-dark .card.is-about .created span a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .created span a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .created span a, body.is-dark .card.is-friendkit .flex-block p a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .flex-block p a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .flex-block p a, body.is-dark .card.is-friendkit .flex-block span a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .flex-block span a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .flex-block span a, body.is-dark .card.is-friendkit .created p a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .created p a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .created p a, body.is-dark .card.is-friendkit .created span a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .created span a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .created span a {
        color: #3d70b2
    }

body.is-dark .profile-about .left-menu .left-menu-inner .menu-item:not(.is-active) .menu-icon i, body.is-dark .profile-about .left-menu .left-menu-inner .menu-item:not(.is-active) .menu-icon span {
    color: #a2a5b9
}

body.is-dark .profile-about .right-content .content-section .flex-block {
    background: #202836;
    border-color: #334056
}

    body.is-dark .profile-about .right-content .content-section .flex-block .flex-block-meta span:first-child {
        color: #fafafa;
        font-weight: 500
    }

        body.is-dark .profile-about .right-content .content-section .flex-block .flex-block-meta span:first-child a {
            color: #3d70b2
        }

    body.is-dark .profile-about .right-content .content-section .flex-block .flex-block-meta span:nth-child(2) {
        color: #a2a5b9
    }

body.is-dark .profile-about .right-content .content-section .about-summary {
    background: #202836;
    border-color: #334056
}

    body.is-dark .profile-about .right-content .content-section .about-summary .content h3 {
        color: #fafafa
    }

    body.is-dark .profile-about .right-content .content-section .about-summary .content p {
        color: #a2a5b9
    }

body.is-dark .profile-about .about-card {
    background: #202836;
    border-color: #334056
}

    body.is-dark .profile-about .about-card .header .icon-title h3 {
        color: #fafafa
    }

    body.is-dark .profile-about .about-card .header .actions .button-wrapper .button, body.is-dark .profile-about .about-card .header .actions .dropdown > div .button {
        background: #171c26;
        border-color: #171c26;
        color: #a2a5b9
    }

    body.is-dark .profile-about .about-card .header .actions .button-wrapper .indicator, body.is-dark .profile-about .about-card .header .actions .dropdown > div .indicator {
        border-color: #202836
    }

    body.is-dark .profile-about .about-card .body .friend-small-card {
        background: #2b3649;
        border-color: #37445c
    }

        body.is-dark .profile-about .about-card .body .friend-small-card .meta span:first-child {
            color: #fafafa;
            font-weight: 500
        }

            body.is-dark .profile-about .about-card .body .friend-small-card .meta span:first-child a {
                color: #3d70b2
            }

        body.is-dark .profile-about .about-card .body .friend-small-card .meta span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .profile-about .about-card .body .friend-small-card .dropdown > div .button {
            background: #171c26;
            border-color: #171c26;
            color: #a2a5b9
        }

    body.is-dark .profile-about .about-card .body .photo-list .photo-wrapper .small-like:not(.is-active) .inner svg {
        stroke: #556a90
    }

    body.is-dark .profile-about .about-card .body .photo-list .photo-wrapper .small-like .inner {
        background: #2f3b50
    }

    body.is-dark .profile-about .about-card .body .place-list .place-wrapper {
        background: #2b3649;
        border-color: #37445c
    }

        body.is-dark .profile-about .about-card .body .place-list .place-wrapper .foot a {
            color: #fafafa
        }

            body.is-dark .profile-about .about-card .body .place-list .place-wrapper .foot a:hover {
                color: #3d70b2
            }

        body.is-dark .profile-about .about-card .body .place-list .place-wrapper .foot .rating svg:not(.is-checked) {
            fill: #151a23;
            stroke: #151a23
        }

body.is-dark .profile-about .slider-timeline .timeline-item {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .profile-about .slider-timeline .timeline-item .image-container .logo-container {
        background: #202836
    }

    body.is-dark .profile-about .slider-timeline .timeline-item h3 {
        color: #fafafa
    }

    body.is-dark .profile-about .slider-timeline .timeline-item > p, body.is-dark .profile-about .slider-timeline .timeline-item .date {
        color: #a2a5b9
    }

body.is-dark .profile-about .glider-dots .glider-dot:not(.active) {
    background: #151a23
}

body.is-dark .page-about-card .card-title h4 {
    color: #fafafa
}

body.is-dark .page-about-card .card-title .button {
    background: #3d70b2 !important;
    border-color: #3d70b2 !important;
    color: #fff !important
}

body.is-dark .page-about-card .about-body .about-block .block-header {
    border-color: #2f3b50
}

    body.is-dark .page-about-card .about-body .about-block .block-header h4 {
        color: #fafafa
    }

body.is-dark .page-about-card .about-body .about-block .block-content .flex-inner.has-meta i {
    color: #a2a5b9
}

body.is-dark .page-about-card .about-body .about-block .block-content .flex-inner.has-meta .meta span:first-child {
    color: #fafafa
}

body.is-dark .page-about-card .about-body .about-block .block-content .flex-inner.has-meta .meta span:nth-child(2) {
    color: #a2a5b9
}

body.is-dark .page-about-card .about-body .about-block .block-content .flex-inner svg {
    stroke: #a2a5b9
}

body.is-dark .page-about-card .about-body .about-block .block-content .flex-inner span {
    color: #a2a5b9
}

    body.is-dark .page-about-card .about-body .about-block .block-content .flex-inner span a {
        color: #3d70b2
    }

body.is-dark .page-about-card .about-body .about-block .block-content .history-block .date {
    color: #3d70b2
}

body.is-dark .page-about-card .about-body .about-block .block-content .history-block .timeline ul li {
    color: #a2a5b9
}

body.is-dark .community-content .community-info .page-followers {
    background: #202836;
    border-color: #37445c
}

    body.is-dark .community-content .community-info .page-followers .header h3 {
        color: #fafafa
    }

    body.is-dark .community-content .community-info .page-followers .more-followers a {
        background: #151a23;
        border-color: #283143;
        color: #fff
    }

body.is-dark .community-content .community-widgets .page-counts {
    background: #202836;
    border-color: #37445c
}

    body.is-dark .community-content .community-widgets .page-counts > div {
        border-color: #37445c !important
    }

        body.is-dark .community-content .community-widgets .page-counts > div span:first-child {
            color: #fafafa
        }

        body.is-dark .community-content .community-widgets .page-counts > div span:nth-child(2) {
            color: #a2a5b9
        }

body.is-dark .community-content .community-widgets .page-invites {
    background: #202836;
    border-color: #37445c
}

    body.is-dark .community-content .community-widgets .page-invites .header h3 {
        color: #fafafa
    }

    body.is-dark .community-content .community-widgets .page-invites .header .control .input:focus {
        border-color: #3e4e69 !important
    }

    body.is-dark .community-content .community-widgets .page-invites .suggestions .suggestion {
        border-color: #37445c !important
    }

        body.is-dark .community-content .community-widgets .page-invites .suggestions .suggestion .meta span {
            color: #a2a5b9
        }

        body.is-dark .community-content .community-widgets .page-invites .suggestions .suggestion .button {
            background: #334056;
            border-color: #3e4e69;
            color: #fff
        }

            body.is-dark .community-content .community-widgets .page-invites .suggestions .suggestion .button:hover {
                background: #3d70b2;
                border-color: #3d70b2;
                color: #fff
            }

body.is-dark .friends-grid .friend-item {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .friends-grid .friend-item .avatar-wrap .chat-button {
        border-color: #202836
    }

    body.is-dark .friends-grid .friend-item .avatar-wrap .circle {
        border-color: #3b4963
    }

    body.is-dark .friends-grid .friend-item > h3 {
        color: #fafafa
    }

    body.is-dark .friends-grid .friend-item > p {
        color: #a2a5b9
    }

body.is-dark .image-grid-wrap .image-grid .image-row .has-background-image .photo-like:not(.is-liked) .inner svg {
    stroke: #556a90
}

body.is-dark .image-grid-wrap .image-grid .image-row .has-background-image .photo-like .inner {
    background: #2f3b50
}

body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side {
    background: #2b3649
}

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-loader {
        background: #2b3649
    }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span:first-child {
        color: #fafafa
    }

        body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span:first-child small {
            color: #a2a5b9
        }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span:nth-child(2) {
        color: #a2a5b9
    }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .header > .button {
        background: #151a23;
        border-color: #283143;
        color: #fff
    }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .header .dropdown > div .button svg {
        stroke: #a2a5b9
    }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .live-stats {
        border-color: #334056
    }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .actions .action:not(:hover) span {
        color: #a2a5b9
    }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list {
        background: #242d3c
    }

        body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .media.is-comment .media-content {
            background: #2b3649
        }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .media.is-comment .media-content .username {
                color: #fafafa
            }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .media.is-comment .media-content p {
                color: #a2a5b9
            }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .media.is-comment .media-content .comment-actions a {
                color: #3d70b2
            }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .media.is-comment .media-content .comment-actions span {
                color: #a2a5b9
            }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls {
        background: #2b3649;
        border-color: #334056
    }

        body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control .textarea {
            background: #222a39;
            border-color: #222a39;
            color: #fafafa
        }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control .textarea::-moz-placeholder {
                color: #4e6183
            }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control .textarea::placeholder {
                color: #4e6183
            }

body.is-dark .minimal-profile-wrapper .profile-info .left .profile-avatar img {
    border-color: #334056
}

body.is-dark .minimal-profile-wrapper .profile-info .left .button {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

    body.is-dark .minimal-profile-wrapper .profile-info .left .button:hover {
        background: #3d70b2;
        border-color: #3d70b2;
        color: #fff
    }

body.is-dark .minimal-profile-wrapper .profile-info .right .head h2 {
    color: #fafafa
}

body.is-dark .minimal-profile-wrapper .profile-info .right .bio p {
    color: #a2a5b9
}

body.is-dark .stories-wrapper .stories-sidebar {
    background: #1c2330;
    border-color: #283143
}

    body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner {
        border-color: #283143
    }

        body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block {
            border-color: #2f3b50
        }

            body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .avatar-wrap {
                border-color: #425370
            }

                body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .avatar-wrap .badge {
                    border-color: #1c2330
                }

            body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block > h4 {
                color: #fafafa
            }

            body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block > p {
                color: #a2a5b9
            }

        body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-stats .stat-block span:first-child {
            color: #fafafa;
            font-weight: 500
        }

        body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-stats .stat-block span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a span {
            color: #a2a5b9
        }

        body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .separator {
            border-color: #2f3b50
        }

body.is-dark .stories-wrapper .stories-content .section-title h2 {
    color: #fafafa
}

body.is-dark .stories-wrapper .stories-content .section-title .view-all {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

    body.is-dark .stories-wrapper .stories-content .section-title .view-all:hover {
        background: #3d70b2;
        border-color: #3d70b2;
        color: #fff
    }

body.is-dark .stories-wrapper .stories-content .section-title .dropdown:hover > div .button {
    border-color: #293446
}

body.is-dark .stories-wrapper .stories-content .section-title .dropdown > div .button {
    background: #202836;
    border-color: #202836;
    color: #fafafa
}

body.is-dark .stories-wrapper .stories-content .stories-container .container-inner .story .story-avatar {
    background: #3e4e69;
    border-color: #3e4e69
}

    body.is-dark .stories-wrapper .stories-content .stories-container .container-inner .story .story-avatar:hover {
        border-color: #3d70b2
    }

body.is-dark .stories-wrapper .stories-content .stories-feed .story-feed-item .item-meta .user-info span {
    color: #fafafa
}

body.is-dark .stories-wrapper .stories-content .stories-feed .story-feed-item .item-meta .item-stats .stat-item span {
    color: #a2a5b9
}

body.is-dark .stories-wrapper .stories-content .stories-feed .story-feed-item .item-meta .item-stats .stat-item svg {
    stroke: #a2a5b9
}

body.is-dark .story-post-wrapper .story-post .post-title h2 {
    color: #fafafa
}

body.is-dark .story-post-wrapper .story-post .post-title .dropdown:hover > div .button {
    border-color: #293446
}

body.is-dark .story-post-wrapper .story-post .post-title .dropdown > div .button {
    background: #202836;
    border-color: #202836;
    color: #fafafa
}

body.is-dark .story-post-wrapper .story-post .post-meta .post-author .story-avatar {
    background: #3e4e69;
    border-color: #3e4e69
}

body.is-dark .story-post-wrapper .story-post .post-meta .post-author .meta span:first-child {
    color: #fafafa;
    font-weight: 500
}

body.is-dark .story-post-wrapper .story-post .post-meta .post-author .meta span:nth-child(2) {
    color: #a2a5b9
}

body.is-dark .story-post-wrapper .story-post .post-meta .post-stats .stat-item span {
    color: #a2a5b9
}

body.is-dark .story-post-wrapper .story-post .post-meta .post-stats .stat-item svg {
    stroke: #a2a5b9
}

body.is-dark .story-post-wrapper .story-post .post-text p {
    color: #a2a5b9 !important
}

    body.is-dark .story-post-wrapper .story-post .post-text p b {
        font-weight: 500;
        color: #3d70b2
    }

body.is-dark .story-post-wrapper .story-post .post-tags .tags .tag {
    background: #202836;
    border-color: #202836;
    color: #fafafa
}

body.is-dark .story-post-wrapper .story-post .post-compose {
    background: #1c2330;
    border-color: #283143
}

    body.is-dark .story-post-wrapper .story-post .post-compose .control .textarea {
        background: #1c2330;
        border-color: #1c2330;
        color: #fafafa
    }

        body.is-dark .story-post-wrapper .story-post .post-compose .control .textarea::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .story-post-wrapper .story-post .post-compose .control .textarea::placeholder {
            color: #4e6183
        }

    body.is-dark .story-post-wrapper .story-post .post-compose .compose-controls {
        border-color: #334056
    }

        body.is-dark .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action {
            background: #242d3c
        }

            body.is-dark .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action:hover {
                background: #2b3649
            }

                body.is-dark .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action:hover svg {
                    stroke: #3d70b2
                }

body.is-dark .story-post-wrapper .story-post .comments-wrap .comments-count h3 {
    color: #fafafa
}

body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment {
    border-color: #465776
}

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-left .avatar-wrap {
        border-color: #465776
    }

        body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-left .avatar-wrap .badge {
            border-color: #2f3b50
        }

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-meta h4 a {
        color: #fafafa;
        font-weight: 500
    }

        body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-meta h4 a:hover {
            color: #3d70b2
        }

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-meta h4 small {
        color: #a2a5b9
    }

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-meta p {
        color: #a2a5b9
    }

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-stats .stat span {
        color: #a2a5b9
    }

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-stats .stat svg {
        stroke: #a2a5b9
    }

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-actions .comment-action {
        border-color: #3c4c66;
        background: #3c4c66
    }

        body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-actions .comment-action.is-reply:hover svg {
            stroke: #3d70b2
        }

body.is-dark .story-post-sidebar {
    background: #1c2330;
    border-color: #283143
}

    body.is-dark .story-post-sidebar.is-full {
        background: none !important;
        border-color: transparent !important
    }

    body.is-dark .story-post-sidebar .header h2 {
        color: #fafafa
    }

    body.is-dark .story-post-sidebar .related-posts .related-post .meta h3 {
        color: #fafafa
    }

    body.is-dark .story-post-sidebar .related-posts .related-post .meta .user-line span {
        color: #a2a5b9
    }

body.is-dark .card-row-wrap .friend-card {
    border-color: #283143;
    background: #202836
}

    body.is-dark .card-row-wrap .friend-card .star-friend:not(.is-active) svg {
        fill: #2f3b50;
        stroke: #2f3b50
    }

    body.is-dark .card-row-wrap .friend-card .img-container .country {
        border-color: #202836
    }

    body.is-dark .card-row-wrap .friend-card .friend-info h3 {
        color: #fafafa
    }

    body.is-dark .card-row-wrap .friend-card .friend-info p {
        color: #a2a5b9
    }

    body.is-dark .card-row-wrap .friend-card .friend-stats .stat-block {
        border-color: #313d53
    }

        body.is-dark .card-row-wrap .friend-card .friend-stats .stat-block label {
            color: #a2a5b9
        }

        body.is-dark .card-row-wrap .friend-card .friend-stats .stat-block .stat-number {
            color: #fafafa
        }

body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar {
    background: #2f3b50 !important;
    border-color: #293446
}

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .compose .button {
        background: #171c26;
        border-color: #293446;
        color: #fafafa
    }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .left-menu .item:not(.is-active) {
        color: #a2a5b9
    }

body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container {
    background: #242d3c !important;
    border-color: #293446
}

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .action-buttons {
        background: #242d3c !important;
        border-color: #2f3b50
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .action-buttons .control.is-grouped .button {
            background: #334056 !important;
            border-color: #3e4e69
        }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg.is-active {
        background: #334056 !important;
        border-color: #3e4e69
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg.is-active .card-content .msg-subject span {
            opacity: 1
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg.is-active .card-content .msg-snippet {
            opacity: 1
        }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg .card-content .msg-header .msg-from, body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg .card-content .msg-header .msg-timestamp {
        color: #a2a5b9
    }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg .card-content .msg-subject span {
        color: #fafafa;
        opacity: .6
    }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg .card-content .msg-subject svg {
        stroke: #a2a5b9
    }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg .card-content .msg-snippet {
        color: #a2a5b9;
        opacity: .6
    }

body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container {
    background: #1c2330 !important;
    border-color: #262f40
}

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .action-buttons {
        border-color: #2f3b50
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .action-buttons .control.is-grouped .button {
            background: #334056 !important;
            border-color: #3e4e69
        }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview {
        background: #334056 !important;
        border-color: #3e4e69
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta .name {
            color: #fafafa
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta .date {
            color: #a2a5b9
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta-right .tag {
            background: #3d70b2;
            color: #fff
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta-right small {
            color: #a2a5b9
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner hr {
            height: 1px;
            background: #425370
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .content p {
            color: #a2a5b9
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .has-text-right .button {
            background: #2b3649;
            border-color: #37445c;
            color: #fafafa
        }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-header .paperclip {
        background: #334056;
        border-color: #3e4e69
    }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file {
        background: #334056;
        border-color: #3e4e69
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file .box-inner svg {
            stroke: #a2a5b9
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file .box-inner h5 {
            color: #fafafa
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file .actions-group {
            border-color: #3e4e69;
            overflow: hidden
        }

            body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file .actions-group .action {
                border-color: #3e4e69 !important;
                overflow: hidden
            }

                body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file .actions-group .action:hover {
                    background: #2d394c
                }

                    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file .actions-group .action:hover svg {
                        stroke: #fafafa
                    }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-title {
        color: #fafafa
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-title svg {
            stroke: #a2a5b9
        }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner {
        background: #334056;
        border-color: #3e4e69
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .flex-form .control .reply-textarea .ql-editor {
            color: #fafafa
        }

            body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .flex-form .control .reply-textarea .ql-editor:before {
                color: #6279a2
            }

body.is-dark .shop-wrapper .shop-header .header-inner .store-block .store-meta h3 {
    color: #fafafa
}

body.is-dark .shop-wrapper .shop-header .header-inner .store-block .store-meta span {
    color: #a2a5b9
}

body.is-dark .shop-wrapper .shop-header .header-inner .activity-block h3 {
    color: #fafafa
}

body.is-dark .shop-wrapper .shop-header .header-inner .activity-block .inner-wrap .stat-block {
    border-color: #425370
}

    body.is-dark .shop-wrapper .shop-header .header-inner .activity-block .inner-wrap .stat-block .stat-number {
        color: #fafafa
    }

body.is-dark .shop-wrapper .shop-header .header-inner .about-block h3 {
    color: #fafafa
}

body.is-dark .shop-wrapper .shop-header .header-inner .about-block .ellipse-text {
    color: #a2a5b9
}

body.is-dark .shop-wrapper .shop-header .store-tabs .tab-control.is-active {
    color: #fafafa
}

body.is-dark .products-navigation {
    background: #1c2330;
    border-color: #1c2330
}

    body.is-dark .products-navigation .navigation-inner .shop-info h3 {
        color: #fafafa
    }

    body.is-dark .products-navigation .navigation-inner .shop-actions .shop-action {
        background: #293446;
        border-color: #293446
    }

        body.is-dark .products-navigation .navigation-inner .shop-actions .shop-action span {
            color: #a2a5b9
        }

        body.is-dark .products-navigation .navigation-inner .shop-actions .shop-action svg {
            stroke: #a2a5b9
        }

body.is-dark .navigation-panel {
    background: #242d3c;
    border-color: #242d3c
}

    body.is-dark .navigation-panel .navigation-panel-inner .panel-title h3 {
        color: #fafafa
    }

    body.is-dark .navigation-panel .navigation-panel-inner .shop-categories .category-item input:checked + .item-inner {
        background: #2f3b50;
        border-color: #425370
    }

        body.is-dark .navigation-panel .navigation-panel-inner .shop-categories .category-item input:checked + .item-inner h4 {
            color: #fafafa
        }

    body.is-dark .navigation-panel .navigation-panel-inner .shop-categories .category-item .item-inner h4 {
        color: #4e6183
    }

    body.is-dark .navigation-panel .navigation-panel-inner .search-filter .input {
        background: #242d3c;
        border-color: #242d3c;
        color: #fafafa
    }

        body.is-dark .navigation-panel .navigation-panel-inner .search-filter .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .navigation-panel .navigation-panel-inner .search-filter .input::placeholder {
            color: #4e6183
        }

    body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box {
        background: #242d3c;
        border-color: #242d3c
    }

        body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box .box-inner {
            color: #fafafa
        }

            body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box .box-inner .combo-item .selected-item {
                color: #fafafa
            }

        body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box .box-chevron svg {
            stroke: #a2a5b9
        }

        body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box .box-dropdown .dropdown-inner {
            background: #181f29;
            border-color: #283143
        }

            body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box .box-dropdown .dropdown-inner ul li:hover {
                background: #283143
            }

            body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box .box-dropdown .dropdown-inner ul li span {
                color: #a2a5b9;
                font-weight: 400
            }

body.is-dark .store-sections .store-tab-pane .product-card {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .store-sections .store-tab-pane .product-card .quickview-trigger:hover {
        background: #283143
    }

        body.is-dark .store-sections .store-tab-pane .product-card .quickview-trigger:hover svg {
            stroke: #a2a5b9
        }

    body.is-dark .store-sections .store-tab-pane .product-card .product-info h3 {
        color: #fafafa
    }

    body.is-dark .store-sections .store-tab-pane .product-card .product-info p {
        color: #a2a5b9
    }

    body.is-dark .store-sections .store-tab-pane .product-card .product-actions .left span {
        color: #a2a5b9
    }

body.is-dark .store-sections .store-tab-pane .brand-card {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .store-sections .store-tab-pane .brand-card .meta h3 {
        color: #fafafa
    }

    body.is-dark .store-sections .store-tab-pane .brand-card .meta p {
        color: #a2a5b9
    }

    body.is-dark .store-sections .store-tab-pane .brand-card .brand-stats {
        background: #2f3b50;
        border-color: #3b4963
    }

        body.is-dark .store-sections .store-tab-pane .brand-card .brand-stats .brand-stat {
            border-color: #3b4963
        }

            body.is-dark .store-sections .store-tab-pane .brand-card .brand-stats .brand-stat span:first-child {
                color: #fafafa
            }

            body.is-dark .store-sections .store-tab-pane .brand-card .brand-stats .brand-stat span:nth-child(2) {
                color: #a2a5b9
            }

body.is-dark .store-sections .store-tab-pane .follower-block .avatar-container {
    border-color: #425370
}

body.is-dark .store-sections .store-tab-pane .follower-block h3 {
    color: #fafafa
}

body.is-dark .store-sections .store-tab-pane .follower-block p {
    color: #a2a5b9
}

body.is-dark .product-quickview .card, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card {
    overflow: hidden
}

    body.is-dark .product-quickview .card .quickview-loader, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .quickview-loader, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .quickview-loader {
        background: #202836
    }

    body.is-dark .product-quickview .card .left, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .left {
        background: #283143
    }

    body.is-dark .product-quickview .card .right .header .product-info h3, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header .product-info h3, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .header .product-info h3 {
        color: #fafafa
    }

    body.is-dark .product-quickview .card .right .header .product-info p, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header .product-info p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .header .product-info p {
        color: #a2a5b9
    }

    body.is-dark .product-quickview .card .right .header #quickview-price, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header #quickview-price, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .header #quickview-price {
        color: #3d70b2
    }

    body.is-dark .product-quickview .card .right .properties h4, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties h4, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .properties h4 {
        color: #fafafa
    }

    body.is-dark .product-quickview .card .right .properties .property-box, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-box, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .properties .property-box {
        background: #2f3b50;
        border-color: #3b4963
    }

        body.is-dark .product-quickview .card .right .properties .property-box.is-sizes .property-item, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-box.is-sizes .property-item, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .properties .property-box.is-sizes .property-item, body.is-dark .product-quickview .card .right .properties .property-box.is-colors .property-item, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-box.is-colors .property-item, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .properties .property-box.is-colors .property-item {
            border-color: #3b4963 !important
        }

            body.is-dark .product-quickview .card .right .properties .property-box.is-sizes .property-item input:checked + .item-inner span.size-label, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-box.is-sizes .property-item input:checked + .item-inner span.size-label, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .properties .property-box.is-sizes .property-item input:checked + .item-inner span.size-label, body.is-dark .product-quickview .card .right .properties .property-box.is-colors .property-item input:checked + .item-inner span.size-label, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-box.is-colors .property-item input:checked + .item-inner span.size-label, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .properties .property-box.is-colors .property-item input:checked + .item-inner span.size-label {
                color: #3d70b2
            }

    body.is-dark .product-quickview .card .right .content p, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .content p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .content p {
        color: #a2a5b9
    }

    body.is-dark .product-quickview .card .right .quickview-controls .spinner, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .spinner, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .quickview-controls .spinner {
        background: #181f29;
        border-color: #283143
    }

        body.is-dark .product-quickview .card .right .quickview-controls .spinner .remove:hover svg, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .spinner .remove:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .quickview-controls .spinner .remove:hover svg, body.is-dark .product-quickview .card .right .quickview-controls .spinner .add:hover svg, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .spinner .add:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .quickview-controls .spinner .add:hover svg {
            stroke: #3d70b2
        }

        body.is-dark .product-quickview .card .right .quickview-controls .spinner .value, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .spinner .value, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .quickview-controls .spinner .value {
            color: #fafafa
        }

body.is-dark .shop-wrapper .cart-container .cart-header .header-inner h2 {
    color: #fafafa
}

body.is-dark .shop-wrapper .cart-container .cart-header .header-inner .header-actions .buttons .button:not(.accent-button) {
    background: #151a23;
    border-color: #283143;
    color: #fff
}

body.is-dark .shop-wrapper .cart-container .cart-content .continue-shopping a {
    background: #181f29
}

    body.is-dark .shop-wrapper .cart-container .cart-content .continue-shopping a:not(:hover) {
        color: #a2a5b9
    }

body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-header h3 {
    color: #fafafa
}

body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:first-child {
    color: #a2a5b9
}

body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2) {
    color: #fafafa
}

    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2).is-total {
        color: #3d70b2
    }

body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card > h4, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card > h3 {
    color: #fafafa
}

body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card > p {
    color: #a2a5b9 !important
}

body.is-dark .ElementsApp .InputElement, body.is-dark .ElementsApp input {
    color: #fafafa !important
}

body.is-dark #card-errors {
    font-size: .85rem;
    color: #eb1c26
}

body.is-dark .shop-wrapper .cart-container .cart-content .checkout-section .address-box input:checked + .address-box-inner {
    border-color: #3d70b2
}

body.is-dark .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner p {
        color: #a2a5b9
    }

        body.is-dark .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner p:first-child {
            color: #fafafa
        }

body.is-dark .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box input:checked + .shipping-box-inner {
    border-color: #3d70b2
}

body.is-dark .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box .shipping-box-inner {
    background: #202836;
    border-color: #2f3b50
}

body.is-dark .shop-wrapper .checkout-container .left .left-header {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .shop-wrapper .checkout-container .left .left-header .header-inner .title-wrap h3 {
        color: #fafafa
    }

    body.is-dark .shop-wrapper .checkout-container .left .left-header .header-inner .title-wrap p {
        color: #a2a5b9
    }

    body.is-dark .shop-wrapper .checkout-container .left .left-header .header-coupon {
        border-color: #2f3b50
    }

        body.is-dark .shop-wrapper .checkout-container .left .left-header .header-coupon .field .control .input {
            background: #283143;
            border-color: #283143;
            color: #fafafa
        }

            body.is-dark .shop-wrapper .checkout-container .left .left-header .header-coupon .field .control .input::-moz-placeholder {
                color: #4e6183
            }

            body.is-dark .shop-wrapper .checkout-container .left .left-header .header-coupon .field .control .input::placeholder {
                color: #4e6183
            }

    body.is-dark .shop-wrapper .checkout-container .left .left-header .header-foot {
        border-color: #2f3b50
    }

        body.is-dark .shop-wrapper .checkout-container .left .left-header .header-foot .label {
            color: #a2a5b9
        }

        body.is-dark .shop-wrapper .checkout-container .left .left-header .header-foot .amount {
            color: #3d70b2
        }

            body.is-dark .shop-wrapper .checkout-container .left .left-header .header-foot .amount:before {
                color: #a2a5b9
            }

body.is-dark .shop-wrapper .checkout-container .right .payment-form {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .shop-wrapper .checkout-container .right .payment-form .provider-form .form-section .form-section-header h3 {
        color: #fafafa
    }

    body.is-dark .shop-wrapper .checkout-container .right .payment-form .provider-form .form-section .field label {
        color: #a2a5b9
    }

    body.is-dark .shop-wrapper .checkout-container .right .payment-form .provider-form .form-section .field .control #card-element {
        background: #283143;
        border-color: #283143;
        color: #fafafa
    }

        body.is-dark .shop-wrapper .checkout-container .right .payment-form .provider-form .form-section .field .control #card-element::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .shop-wrapper .checkout-container .right .payment-form .provider-form .form-section .field .control #card-element::placeholder {
            color: #4e6183
        }

body.is-dark .shop-wrapper .checkout-container .confirmation-box {
    background: #202836;
    border-color: #37445c
}

    body.is-dark .shop-wrapper .checkout-container .confirmation-box h3 {
        color: #fafafa
    }

    body.is-dark .shop-wrapper .checkout-container .confirmation-box p {
        color: #a2a5b9;
        border-color: #37445c
    }

    body.is-dark .shop-wrapper .checkout-container .confirmation-box .order-summary h4 {
        color: #fafafa
    }

    body.is-dark .shop-wrapper .checkout-container .confirmation-box .order-summary .order-line .item.is-total span, body.is-dark .shop-wrapper .checkout-container .confirmation-box .order-summary .order-line .amount.is-total span {
        color: #3d70b2 !important
    }

body.is-dark .videos-wrapper .videos-sidebar {
    background: #1c2330;
    border-color: #283143
}

    body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner {
        border-color: #283143
    }

        body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block {
            border-color: #2f3b50
        }

            body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .avatar-wrap {
                border-color: #425370
            }

                body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .avatar-wrap .badge {
                    border-color: #1c2330
                }

            body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block > h4 {
                color: #fafafa
            }

            body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block > p {
                color: #a2a5b9
            }

        body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-stats .stat-block span:first-child {
            color: #fafafa;
            font-weight: 500
        }

        body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-stats .stat-block span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a span {
            color: #a2a5b9
        }

        body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .separator {
            border-color: #2f3b50
        }

body.is-dark .videos-wrapper .home-content .collections-header > a.is-active {
    color: #fafafa
}

body.is-dark .videos-wrapper .home-content .collections-wrap .collection .header h4 {
    color: #fafafa
}

body.is-dark .videos-wrapper .home-content .collections-wrap .collection .header a {
    color: #3d70b2
}

body.is-dark .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta .info span:first-child {
    color: #fafafa
}

body.is-dark .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta .info span:nth-child(2) {
    color: #a2a5b9
}

body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box {
    background: #2f3b50
}

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-meta .video-title {
        color: #fafafa
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-meta .video-subtitle .views-count {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-meta .video-subtitle .quick-actions .quick-action:hover {
        background: #262f40
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-meta .video-subtitle .quick-actions .quick-action svg {
        stroke: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-meta .video-owner .meta span:first-child {
        color: #fafafa
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-meta .video-owner .meta span:nth-child(2) {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-description h4 {
        color: #fafafa
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-description p {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-description .additional-description p, body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-description .additional-description ul li {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-description hr {
        height: 1px;
        background: #425370
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-description .video-description-more:not(:hover) {
        color: #a2a5b9
    }

body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .comment-box .media-content .control .button:not(:hover) {
    background: #2f3b50;
    border-color: #3e4e69;
    color: #fafafa
}

body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .comment-box .media-content .control .button:hover {
    background: #3d70b2 !important;
    border-color: #3d70b2 !important
}

body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .comments-count h3 {
    color: #fafafa
}

body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment {
    border-color: #465776
}

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-left .avatar-wrap {
        border-color: #465776
    }

        body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-left .avatar-wrap .badge {
            border-color: #2f3b50
        }

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-meta h4 a {
        color: #fafafa;
        font-weight: 500
    }

        body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-meta h4 a:hover {
            color: #3d70b2
        }

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-meta h4 small {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-meta p {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-stats .stat span {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-stats .stat svg {
        stroke: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-actions .comment-action {
        border-color: #3c4c66;
        background: #3c4c66
    }

        body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-actions .comment-action.is-reply:hover svg {
            stroke: #3d70b2
        }

body.is-dark .videos-wrapper .player-wrapper .related-side .related-list {
    background: #2f3b50
}

    body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .autoplay .autoplay-title {
        color: #fafafa
    }

    body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .autoplay .autoplay-toggle > span {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .related-label {
        border-color: #3c4c66
    }

        body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .related-label h4 {
            color: #fafafa
        }

    body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .related-card .media-content .video-meta > a {
        color: #fafafa
    }

        body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .related-card .media-content .video-meta > a:hover {
            color: #3d70b2
        }

    body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .related-card .media-content .video-meta .submeta .info span {
        color: #a2a5b9
    }

body.is-dark .question-tabs {
    background: #283143;
    border-color: #37445c
}

    body.is-dark .question-tabs ul li:not(.is-active) a {
        color: #a2a5b9
    }

    body.is-dark .question-tabs ul li:not(.is-active):hover a {
        color: #fafafa !important
    }

body.is-dark .questions-wrap .questions-menu li:not(.is-active) a svg, body.is-dark .questions-demo .questions-menu li:not(.is-active) a svg {
    stroke: #a2a5b9
}

body.is-dark .questions-wrap .questions-menu li:not(.is-active) a span, body.is-dark .questions-demo .questions-menu li:not(.is-active) a span {
    color: #a2a5b9
}

body.is-dark .questions-wrap .questions-menu li.is-active a, body.is-dark .questions-demo .questions-menu li.is-active a {
    background: #283143;
    border-color: #37445c
}

body.is-dark .question-content .question-block, body.is-dark .question-content .answer-block {
    border-color: #3c4c66
}

    body.is-dark .question-content .question-block:not(.is-best) .answer-footer .upvote .upvote-icon, body.is-dark .question-content .answer-block:not(.is-best) .answer-footer .upvote .upvote-icon {
        background: #283143;
        border-color: #37445c
    }

    body.is-dark .question-content .question-block .question-title, body.is-dark .question-content .answer-block .question-title {
        color: #fafafa
    }

        body.is-dark .question-content .question-block .question-title.is-link:not(:hover), body.is-dark .question-content .answer-block .question-title.is-link:not(:hover) {
            color: #fafafa
        }

    body.is-dark .question-content .question-block .question-author .meta span:first-child, body.is-dark .question-content .question-block .answer-author .meta span:first-child, body.is-dark .question-content .answer-block .question-author .meta span:first-child, body.is-dark .question-content .answer-block .answer-author .meta span:first-child {
        color: #fafafa
    }

    body.is-dark .question-content .question-block .question-author .meta span:nth-child(2), body.is-dark .question-content .question-block .answer-author .meta span:nth-child(2), body.is-dark .question-content .answer-block .question-author .meta span:nth-child(2), body.is-dark .question-content .answer-block .answer-author .meta span:nth-child(2) {
        color: #a2a5b9
    }

    body.is-dark .question-content .question-block .question-text > p, body.is-dark .question-content .question-block .answer-text > p, body.is-dark .question-content .answer-block .question-text > p, body.is-dark .question-content .answer-block .answer-text > p {
        color: #a2a5b9
    }

        body.is-dark .question-content .question-block .question-text > p.code, body.is-dark .question-content .question-block .answer-text > p.code, body.is-dark .question-content .answer-block .question-text > p.code, body.is-dark .question-content .answer-block .answer-text > p.code {
            background: #283143
        }

    body.is-dark .question-content .question-block .question-text .tags .tag, body.is-dark .question-content .question-block .answer-text .tags .tag, body.is-dark .question-content .answer-block .question-text .tags .tag, body.is-dark .question-content .answer-block .answer-text .tags .tag {
        background: #283143;
        border-color: #37445c;
        color: #fafafa
    }

    body.is-dark .question-content .question-block .question-footer .likes .report-icon, body.is-dark .question-content .question-block .question-footer .report .report-icon, body.is-dark .question-content .question-block .question-footer .upvote .report-icon, body.is-dark .question-content .question-block .answer-footer .likes .report-icon, body.is-dark .question-content .question-block .answer-footer .report .report-icon, body.is-dark .question-content .question-block .answer-footer .upvote .report-icon, body.is-dark .question-content .answer-block .question-footer .likes .report-icon, body.is-dark .question-content .answer-block .question-footer .report .report-icon, body.is-dark .question-content .answer-block .question-footer .upvote .report-icon, body.is-dark .question-content .answer-block .answer-footer .likes .report-icon, body.is-dark .question-content .answer-block .answer-footer .report .report-icon, body.is-dark .question-content .answer-block .answer-footer .upvote .report-icon {
        background: #283143;
        border-color: #37445c;
        color: #fafafa
    }

    body.is-dark .question-content .question-block .question-footer .likes span, body.is-dark .question-content .question-block .question-footer .report span, body.is-dark .question-content .question-block .question-footer .upvote span, body.is-dark .question-content .question-block .answer-footer .likes span, body.is-dark .question-content .question-block .answer-footer .report span, body.is-dark .question-content .question-block .answer-footer .upvote span, body.is-dark .question-content .answer-block .question-footer .likes span, body.is-dark .question-content .answer-block .question-footer .report span, body.is-dark .question-content .answer-block .question-footer .upvote span, body.is-dark .question-content .answer-block .answer-footer .likes span, body.is-dark .question-content .answer-block .answer-footer .report span, body.is-dark .question-content .answer-block .answer-footer .upvote span {
        color: #a2a5b9
    }

    body.is-dark .question-content .question-block .answers-count span, body.is-dark .question-content .answer-block .answers-count span {
        color: #a2a5b9
    }

body.is-dark .question-content .top-single-header .button {
    background: #283143;
    border-color: #37445c;
    color: #fafafa
}

body.is-dark .other-questions .other-title {
    color: #fafafa
}

body.is-dark .other-questions .other-question {
    border-color: #3c4c66
}

    body.is-dark .other-questions .other-question .meta a:not(:hover) {
        color: #fafafa
    }

    body.is-dark .other-questions .other-question .meta span {
        color: #a2a5b9
    }

body.is-dark .questions-nav {
    background: #1c2330;
    border-color: #1c2330
}

    body.is-dark .questions-nav .inner .questions-nav-menu .menu-item.is-active {
        background: #283143
    }

    body.is-dark .questions-nav .inner .questions-nav-menu .menu-item:not(.is-active):not(:hover) span {
        color: #a2a5b9
    }

    body.is-dark .questions-nav .inner .questions-nav-menu .menu-item:not(.is-active):not(:hover) svg {
        stroke: #a2a5b9
    }

    body.is-dark .questions-nav .inner .question-summary .meta h4 {
        color: #fafafa
    }

    body.is-dark .questions-nav .inner .question-summary .meta span {
        color: #a2a5b9
    }

    body.is-dark .questions-nav .inner .question-summary .dropdown:hover > div .button svg {
        stroke: #a2a5b9
    }

    body.is-dark .questions-nav .inner .question-summary .dropdown > div .button {
        background: #1c2330;
        border-color: #2f3b50
    }

body.is-dark .categories-header {
    border-color: #3c4c66
}

    body.is-dark .categories-header h2 {
        color: #fafafa
    }

    body.is-dark .categories-header .control .input:focus {
        border-color: #3b4963
    }

body.is-dark .category-box {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .category-box:hover .box-content h3 {
        color: #3d70b2
    }

    body.is-dark .category-box .box-content h3 {
        color: #fafafa
    }

    body.is-dark .category-box .box-content p {
        color: #a2a5b9
    }

body.is-dark .stats-wrapper .stats-header {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .stats-wrapper .stats-header .avatar-wrapper {
        border-color: #3b4963
    }

        body.is-dark .stats-wrapper .stats-header .avatar-wrapper .badge {
            border-color: #202836
        }

    body.is-dark .stats-wrapper .stats-header .user-info h4 {
        color: #fafafa
    }

    body.is-dark .stats-wrapper .stats-header .user-info p {
        color: #a2a5b9
    }

    body.is-dark .stats-wrapper .stats-header .user-info .button {
        background: #202836
    }

    body.is-dark .stats-wrapper .stats-header .main-stats .stat-block {
        border-color: #425370
    }

        body.is-dark .stats-wrapper .stats-header .main-stats .stat-block h4 {
            color: #a2a5b9
        }

        body.is-dark .stats-wrapper .stats-header .main-stats .stat-block p {
            color: #fafafa
        }

body.is-dark .stats-wrapper .achievements .header h3 {
    color: #fafafa
}

body.is-dark .stats-wrapper .achievements .achievements-carousel-wrap .achievements-loader {
    background: #2f3b50
}

body.is-dark .stats-wrapper .achievements .achievements-carousel-wrap .achievement {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .stats-wrapper .achievements .achievements-carousel-wrap .achievement h3 {
        color: #fafafa
    }

    body.is-dark .stats-wrapper .achievements .achievements-carousel-wrap .achievement p {
        color: #a2a5b9
    }

body.is-dark .stats-wrapper .quick-activity .header {
    border-color: #3b4963
}

    body.is-dark .stats-wrapper .quick-activity .header h3 {
        color: #fafafa
    }

body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item {
    border-color: #3b4963
}

    body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item.is-best .avatar-wrap {
        border-color: #1ce589
    }

        body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item.is-best .avatar-wrap .badge {
            border-color: #2f3b50
        }

    body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item .avatar-wrap {
        border-color: #3b4963
    }

    body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item .meta span:first-child {
        color: #fafafa;
        font-weight: 500
    }

    body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item .meta span:nth-child(2) {
        color: #a2a5b9
    }

        body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item .meta span:nth-child(2) a {
            color: #3d70b2
        }

    body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item .meta small {
        color: #a2a5b9
    }

body.is-dark .questions-side-card {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .questions-side-card h4 {
        color: #fafafa
    }

    body.is-dark .questions-side-card p {
        color: #a2a5b9
    }

body.is-dark .questions-wrap .questions-settings .settings-header {
    border-color: #3c4c66
}

    body.is-dark .questions-wrap .questions-settings .settings-header h2 {
        color: #fafafa
    }

body.is-dark .questions-wrap .questions-settings .settings-body .switch-block span:first-child {
    color: #fafafa
}

body.is-dark .questions-wrap .questions-settings .settings-body .switch-block span:nth-child(2) {
    color: #a2a5b9
}

body.is-dark .events-wrapper .left-panel {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .events-wrapper .left-panel .left-panel-inner .scroll-link {
        border-color: #2f3b50
    }

        body.is-dark .events-wrapper .left-panel .left-panel-inner .scroll-link.is-active {
            background: #262f40
        }

            body.is-dark .events-wrapper .left-panel .left-panel-inner .scroll-link.is-active .date-block .month {
                color: #fafafa
            }

        body.is-dark .events-wrapper .left-panel .left-panel-inner .scroll-link:not(.is-active) .date-block svg {
            stroke: #a2a5b9
        }

        body.is-dark .events-wrapper .left-panel .left-panel-inner .scroll-link:not(.is-active) .date-block .month {
            color: #a2a5b9
        }

        body.is-dark .events-wrapper .left-panel .left-panel-inner .scroll-link .meta-block span {
            color: #a2a5b9
        }

    body.is-dark .events-wrapper .left-panel .left-panel-inner .add-event {
        background: #151a23
    }

        body.is-dark .events-wrapper .left-panel .left-panel-inner .add-event .button:not(:hover) {
            background: #151a23;
            color: #a2a5b9
        }

        body.is-dark .events-wrapper .left-panel .left-panel-inner .add-event .button:hover {
            background: #3d70b2 !important;
            border-color: #3d70b2 !important;
            color: #fff !important
        }

body.is-dark .events-wrapper .right-panel {
    background: #242d3c;
    border-color: #242d3c
}

    body.is-dark .events-wrapper .right-panel .panel-header h3 {
        color: #fafafa
    }

    body.is-dark .events-wrapper .right-panel .panel-body .activity-block .activity-meta p, body.is-dark .events-wrapper .right-panel .panel-body .activity-block .activity-meta span {
        color: #a2a5b9
    }

    body.is-dark .events-wrapper .right-panel .panel-body .activity-block .activity-meta a {
        color: #fafafa
    }

        body.is-dark .events-wrapper .right-panel .panel-body .activity-block .activity-meta a:hover {
            color: #3d70b2
        }

body.is-dark .events-wrapper .wrapper-inner .event-list .event-item {
    background: #2f3b50;
    border-color: #3b4963 !important
}

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-title {
        color: #fafafa
    }

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-subtitle svg {
        stroke: #a2a5b9
    }

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-subtitle h3 {
        color: #a2a5b9
    }

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-options > div .button {
        background: #2f3b50 !important
    }

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-content .event-description p {
        color: #a2a5b9
    }

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-participants .participants-group img {
        border-color: #2f3b50
    }

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-participants .participants-text p {
        color: #a2a5b9
    }

        body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-participants .participants-text p a {
            color: #fafafa
        }

            body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-participants .participants-text p a:hover {
                color: #3d70b2
            }

body.is-dark .event-page-wrapper .event-content .event-head {
    overflow: hidden;
    border-color: #283143;
    background: #202836
}

    body.is-dark .event-page-wrapper .event-content .event-head h2 {
        color: #fafafa
    }

    body.is-dark .event-page-wrapper .event-content .event-head .left .button-separator {
        background: #334056;
        border-color: #425370
    }

    body.is-dark .event-page-wrapper .event-content .event-head .left .info-block .info-body p, body.is-dark .event-page-wrapper .event-content .event-head .left .info-block .info-body a {
        color: #fafafa
    }

        body.is-dark .event-page-wrapper .event-content .event-head .left .info-block .info-body a:hover {
            color: #3d70b2
        }

    body.is-dark .event-page-wrapper .event-content .event-head .right {
        background: #2b3649;
        border-color: #425370
    }

        body.is-dark .event-page-wrapper .event-content .event-head .right .subscribe-block p {
            color: #a2a5b9
        }

body.is-dark .event-page-wrapper .event-content .event-participants .container-inner .participant .participant-avatar {
    background: #3e4e69;
    border-color: #3e4e69
}

    body.is-dark .event-page-wrapper .event-content .event-participants .container-inner .participant .participant-avatar:hover {
        border-color: #3d70b2
    }

body.is-dark .event-page-wrapper .event-content .event-details .left {
    border-color: #425370
}

    body.is-dark .event-page-wrapper .event-content .event-details .left .details-block h3 {
        color: #fafafa
    }

    body.is-dark .event-page-wrapper .event-content .event-details .left .details-block p {
        color: #a2a5b9
    }

body.is-dark .event-page-wrapper .event-content .event-details .right .event-owner .meta span:nth-child(2) {
    color: #fafafa
}

body.is-dark .event-page-wrapper .event-content .event-details .right .side-block .side-body a {
    color: #fafafa
}

    body.is-dark .event-page-wrapper .event-content .event-details .right .side-block .side-body a:hover {
        color: #3d70b2
    }

body.is-dark .news-header .news-hero-menu {
    background: #242d3c;
    border-color: #242d3c
}

    body.is-dark .news-header .news-hero-menu .stories .story {
        border-color: #2f3b50
    }

        body.is-dark .news-header .news-hero-menu .stories .story:before {
            background: #242d3c
        }

        body.is-dark .news-header .news-hero-menu .stories .story:not(.is-active) .avatar-wrap {
            border-color: #3b4963
        }

        body.is-dark .news-header .news-hero-menu .stories .story .meta span:first-child {
            color: #a2a5b9
        }

        body.is-dark .news-header .news-hero-menu .stories .story .meta span:nth-child(2) {
            color: #fafafa
        }

        body.is-dark .news-header .news-hero-menu .stories .story .meta span:nth-child(3) {
            color: #a2a5b9
        }

body.is-dark .news-grid .news-card {
    border-color: #3b4963 !important;
    background: #202836 !important
}

    body.is-dark .news-grid .news-card .tag {
        background: #3d70b2 !important;
        color: #fafafa !important
    }

    body.is-dark .news-grid .news-card .news-content h3 {
        color: #fafafa !important
    }

    body.is-dark .news-grid .news-card .news-content p {
        color: #a2a5b9 !important
    }

    body.is-dark .news-grid .news-card .news-content .button-wrap .button {
        background: #161c25 !important;
        border-color: #161c25 !important;
        color: #fff !important
    }

        body.is-dark .news-grid .news-card .news-content .button-wrap .button:hover {
            background: #3d70b2 !important;
            border-color: #3d70b2 !important
        }

    body.is-dark .news-grid .news-card .news-content .button-wrap .actions .action:hover {
        background: #2c384b !important
    }

        body.is-dark .news-grid .news-card .news-content .button-wrap .actions .action:hover svg {
            stroke: #fcfcfc !important
        }

body.is-dark .groups-grid .grid-header .header-inner h2 {
    color: #fafafa
}

body.is-dark .groups-grid .grid-header .header-inner .header-actions .buttons .button:not(.accent-button) {
    background: #151a23;
    border-color: #283143;
    color: #fff
}

body.is-dark .groups-grid .group-box {
    background-color: #202836;
    border-color: #334056
}

    body.is-dark .groups-grid .group-box:hover .box-info {
        background-color: transparent
    }

    body.is-dark .groups-grid .group-box .box-info {
        background-color: #202836
    }

    body.is-dark .groups-grid .group-box .box-info-hover > svg {
        stroke: #fff
    }

        body.is-dark .groups-grid .group-box .box-info-hover > svg:hover {
            fill: #f71416;
            stroke: #f71416
        }

    body.is-dark .groups-grid .group-box .box-clock {
        stroke: #fff
    }

    body.is-dark .groups-grid .group-box .box-time {
        color: #fff
    }

    body.is-dark .groups-grid .group-box .box-category {
        color: #a2a5b9
    }

    body.is-dark .groups-grid .group-box .box-title {
        color: #fff
    }

body.is-dark .settings-sidebar {
    background: #1c2330;
    border-color: #283143
}

    body.is-dark .settings-sidebar .settings-sidebar-inner {
        border-color: #283143
    }

        body.is-dark .settings-sidebar .settings-sidebar-inner .user-block {
            border-color: #2f3b50
        }

            body.is-dark .settings-sidebar .settings-sidebar-inner .user-block .avatar-wrap {
                border-color: #425370
            }

                body.is-dark .settings-sidebar .settings-sidebar-inner .user-block .avatar-wrap .badge {
                    border-color: #1c2330
                }

            body.is-dark .settings-sidebar .settings-sidebar-inner .user-block > h4 {
                color: #fafafa
            }

            body.is-dark .settings-sidebar .settings-sidebar-inner .user-block > p {
                color: #a2a5b9
            }

        body.is-dark .settings-sidebar .settings-sidebar-inner .user-stats .stat-block span:first-child {
            color: #fafafa;
            font-weight: 500
        }

        body.is-dark .settings-sidebar .settings-sidebar-inner .user-stats .stat-block span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a span {
            color: #a2a5b9
        }

        body.is-dark .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .separator {
            border-color: #2f3b50
        }

body.is-dark .settings-wrapper .settings-section .settings-panel {
    border-color: #283143;
    background: #202836
}

    body.is-dark .settings-wrapper .settings-section .settings-panel .title-wrap h2 {
        color: #fafafa
    }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .field-group {
        background: #242d3c !important;
        border-color: #334056
    }

        body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .field-group > label {
            color: #a2a5b9
        }

        body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .field-group .control .input, body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .field-group .control .textarea {
            background: #242d3c !important;
            color: #fafafa
        }

        body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .field-group .control .easy-autocomplete .input {
            background: #242d3c !important
        }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .setting-sublink {
        background: #293446;
        border-color: #394760
    }

        body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .setting-sublink .link-content .link-icon {
            background: #334056;
            border-color: #425370
        }

        body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .setting-sublink .link-content h4 {
            color: #fafafa
        }

        body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .setting-sublink .link-content p {
            color: #a2a5b9
        }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .switch-block .meta h4 {
        color: #fafafa
    }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .switch-block .meta p {
        color: #a2a5b9
    }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .form-text p {
        color: #a2a5b9
    }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .buttons .button:not(.accent-button) {
        background: #1c2330;
        border-color: #334056;
        color: #fafafa
    }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .illustration p {
        color: #a2a5b9
    }

body.is-dark .login-wrapper .form-hero .logo-wrap {
    background: #2f3b50
}

body.is-dark .login-wrapper .form-wrapper .avatar {
    border-color: #425370
}

    body.is-dark .login-wrapper .form-wrapper .avatar .badge {
        border-color: #2f3b50
    }

body.is-dark .login-wrapper .form-wrapper .login-form .field .control .input {
    background: #283143;
    border-color: #334056;
    color: #fafafa
}

    body.is-dark .login-wrapper .form-wrapper .login-form .field .control .input::-moz-placeholder {
        color: #4e6183
    }

    body.is-dark .login-wrapper .form-wrapper .login-form .field .control .input::placeholder {
        color: #4e6183
    }

body.is-dark .login-wrapper .form-wrapper .forgot-password a {
    color: #a2a5b9
}

    body.is-dark .login-wrapper .form-wrapper .forgot-password a:hover {
        color: #3d70b2
    }

body.is-dark .signup-wrapper .fake-nav {
    background: #1c2330;
    border-color: #1c2330
}

body.is-dark .signup-wrapper .login-container .form-title {
    color: #fafafa
}

body.is-dark .signup-wrapper .login-container .login-form .field.is-flex .switch-block .meta p {
    color: #a2a5b9
}

body.is-dark .signup-wrapper .process-bar {
    background: #3e4e69
}

    body.is-dark .signup-wrapper .process-bar .progress-wrap .track {
        background: #2b3649
    }

    body.is-dark .signup-wrapper .process-bar .progress-wrap .dot {
        background: #242d3c
    }

        body.is-dark .signup-wrapper .process-bar .progress-wrap .dot:not(.is-active) {
            border-color: #334056
        }

body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-title {
    color: #fafafa
}

body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .account-type {
    border-color: #283143;
    background: #202836
}

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .account-type h3 {
        color: #fafafa
    }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .account-type p {
        color: #a2a5b9
    }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .account-type .button:hover, body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .account-type .button.is-loading {
        background: #3d70b2;
        color: #fff
    }

body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel {
    border-color: #283143;
    background: #202836
}

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .field {
        background: #242d3c;
        border-color: #334056
    }

        body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .field > label {
            color: #a2a5b9
        }

        body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .field .control .input {
            background: #242d3c;
            border-color: #242d3c;
            color: #fafafa
        }

        body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .field .control .easy-autocomplete .input {
            background: #242d3c !important
        }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .photo-upload .preview {
        border-color: #334056
    }

        body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .photo-upload .preview .upload-button {
            border-color: #202836
        }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .photo-upload .limitation small {
        color: #a2a5b9
    }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .success-text h3 {
        color: #fafafa
    }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .success-text p {
        color: #a2a5b9
    }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .success-text .button:hover, body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .success-text .button.is-loading {
        background: #3d70b2;
        border-color: #3d70b2
    }

body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .buttons .is-next:hover, body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .buttons .is-next.is-loading {
    background: #3d70b2;
    border-color: #3d70b2;
    color: #fff
}

body.is-dark .crop-modal .modal-card-head {
    background: #202836;
    border-color: #334056
}

    body.is-dark .crop-modal .modal-card-head h3 {
        color: #fafafa
    }

    body.is-dark .crop-modal .modal-card-head .close-wrap .close-modal:hover {
        background: #283143
    }

.is-dark .dashboard-toolbar .title {
    color: #fff
}

.is-dark .dashboard-toolbar .theme-toggle .toggler {
    background: #202836 !important
}

.is-dark .dashboard-box {
    background-color: #202836;
    border-color: #334056
}

    .is-dark .dashboard-box .title, .is-dark .dashboard-box .topheading {
        color: #fafafa
    }

    .is-dark .dashboard-box .stat-block {
        border-bottom-color: #334056
    }

        .is-dark .dashboard-box .stat-block .stat-value {
            color: #fafafa
        }

    .is-dark .dashboard-box .help-block h4 {
        color: #fafafa
    }

    .is-dark .dashboard-box .box-content .box-line .left {
        color: #7c809d
    }

    .is-dark .dashboard-box .box-content .box-comments .box-comment {
        border-top-color: #334056
    }

        .is-dark .dashboard-box .box-content .box-comments .box-comment .comment-meta .meta-content {
            color: #797e9a
        }

    .is-dark .dashboard-box .box-content .box-subscribers .box-subscriber {
        border-top-color: #334056
    }

        .is-dark .dashboard-box .box-content .box-subscribers .box-subscriber .subscriber-meta .meta-title {
            color: #fafafa
        }

.is-dark .video-collection .collection-header > a.is-active {
    color: #fafafa
}

.is-dark .video-collection .collections-wrap .collection .header h4 {
    color: #fafafa
}

.is-dark .video-collection .collections-wrap .collection .header a {
    color: #3d70b2
}

.is-dark .video-collection .collections-wrap .collection .video-collection .episode .episode-meta .info span:first-child {
    color: #fafafa
}

.is-dark .video-collection .collections-wrap .collection .video-collection .episode .episode-meta .info span:nth-child(2) {
    color: #a2a5b9
}

body.is-dark .elements-sidebar {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .elements-sidebar .header {
        border-color: #283143
    }

        body.is-dark .elements-sidebar .header h3 {
            color: #fafafa
        }

    body.is-dark .elements-sidebar .elements-list .element-menu {
        border-color: #283143
    }

        body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger:hover, body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger.is-active {
            background: #1a212c
        }

            body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger:hover span, body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger.is-active span {
                color: #fafafa
            }

            body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger:hover > svg, body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger.is-active > svg {
                stroke: #fff
            }

        body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger span {
            color: #a2a5b9
        }

        body.is-dark .elements-sidebar .elements-list .element-menu .submenu-wrap ul li a {
            color: #a2a5b9
        }

            body.is-dark .elements-sidebar .elements-list .element-menu .submenu-wrap ul li a.is-active {
                color: #3d70b2
            }

            body.is-dark .elements-sidebar .elements-list .element-menu .submenu-wrap ul li a:not(.is-active):hover {
                color: #fafafa
            }

body.is-dark .elements-wrap .element-block {
    border-color: #283143;
    background: #202836
}

    body.is-dark .elements-wrap .element-block h3 {
        color: #fafafa
    }

    body.is-dark .elements-wrap .element-block p {
        color: #a2a5b9
    }

    body.is-dark .elements-wrap .element-block code {
        background: #202836
    }

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url("/assets/fonts/ajax-loader.gif") center center no-repeat
}

@font-face {
    font-family: "slick";
    src: url("/assets/fonts/slick.eot");
    src: url("/assets/fonts/slick.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/slick.woff") format("woff"),url("/assets/fonts/slick.ttf") format("truetype"),url("/assets/fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        outline: none;
        background: transparent;
        color: transparent
    }

        .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
            opacity: 1
        }

    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: .25
    }

    .slick-prev:before, .slick-next:before {
        font-family: "slick";
        font-size: 20px;
        line-height: 1;
        color: #fff;
        opacity: .75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 5px;
            cursor: pointer
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none
            }

                .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                    opacity: 1
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "•";
                width: 20px;
                height: 20px;
                font-family: "slick";
                font-size: 6px;
                line-height: 20px;
                text-align: center;
                color: #000;
                opacity: .25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .slick-dots li.slick-active button:before {
            color: #000;
            opacity: .75
        }

.message-error {
    display: block;
    text-align: center;
    font-size: .9rem;
    color: #e4434b;
}
.username-available-status {
    color: #1ce589 !important;
}
.username-not-available-status {
    color: #f71416 !important;
}
.captcha-box div div {
    margin: 0 auto;
}
.field-validation-error {
    font-family: "Roboto",sans-serif;
    font-size: .9rem;
    color: #f71416;
    margin-bottom: 1rem;
}

.hilight svg{
    fill: red;
}
.hilight .indicator{
    color: red;
} 
.share-post{
    border: solid 1px #999;
padding: 10px;
border-radius: 10px;
}



/**********************************************************************************************************/
/*******************************************FORUM**********************************************************/
.table-wrapper {
	overflow-x: auto;
}
.forum-table{
    min-width: 100%;
    font-size: .9rem;
}
.forum-table th,.forum-table td {
    border-bottom: 1px solid #ddd;
    /*background: #f7f7f7;*/
    padding: 10px;
    white-space: nowrap;
	font-weight: normal;
}
/*.forum-table th.replies,
.forum-table th.views,
.forum-table th.votes,
.forum-table th.latest-post,
.forum-table th.topics,
.forum-table th.posts,
.forum-table td.replies,
.forum-table td.views,
.forum-table td.votes,
.forum-table td.latest-post,
.forum-table td.topics,
.forum-table td.posts{
    display: none;
}*/
.forum-table td.image {
    min-width: 0;
    border: 0;
}
    .cart td,
    .data-table td,
    .forum-table td {
        min-width: 50px;
        /*border-width: 1px;
	border-style: solid;
    border-color: transparent #ddd #ddd;
    background-color: #fff;*/
        padding: 20px;
        /*color: #444;*/
    }
.forum-table td {
	min-width: 90px;
    padding: 10px;
}
.cart a,
.data-table a,
.forum-table a {
	font-weight: normal;
	color: #4ab2f1;
}
.cart a:hover,
.data-table a:hover,
.forum-table a:hover {
	text-decoration: underline;
}
.cart .product,
.data-table .product,
.data-table .message,
.data-table .info,
.data-table .name {
    min-width: 225px;
	text-align: left;
}
.forum-table .forum-details,
.forum-table .topic-details {
	text-align: left;
}



/*** FORUM & PROFILE ***/



.forums-main-page .topic-block {
	margin: 0 0 35px;
	text-align: center;
}
.forums-main-page .topic-block p {
	text-align: center;
}
.forums-main-page .pager {
	display: none;
}

.forum-breadcrumb {
    margin: 0 0 40px;
    background-color: #3d70b2;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
}

/*.forums-header {
	margin: 0 0 50px;
	overflow: hidden;
}
.forums-header:after {
	content: "";
	display: block;
	clear: both;
}
    */
.forums-header .current-time {
	margin: 0 0 15px;
	color: #757a91;
}
.forums-header .search-icon{
    color: #4a4a4a;
}
.forum-search-box .basic {
	overflow: hidden;
	margin: 0 0 10px;
}
.forums-header .advanced {
    margin-top: 2rem;
}
.forum-search-box .advanced a:hover {
	color: #4ab2f1;
}

.forum-search-page .page-title {
	margin: 0 0 -1px;
}
.forum-search-page .search-error,
.forum-search-page .no-result {
	margin: 0 0 15px;
	text-align: center;
	color: #e4434b;
}

.search-content {
    margin: 0 auto;
    background: #fff;
    padding: 30px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
}

.forum-wrap .button-wrap
{
    margin-top:10px;
}

/* forum group */

.forums-table-section {
    position: relative;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #e8e8e8;
    background: #fff;
    box-shadow: none;
    padding: 20px;
}
.forums-table-section + .pager {
	margin: 30px;
}

.pager ul{
	display: flex;
}
.pager ul li{
	padding: 10px;
}
.forums-table-section-title {
	margin: 0 0 15px;
	padding: 0 10px;
}



.forums-table-section .image div {
	width: 38px;
	height: 32px;
	margin: auto;
	background: url('../../Themes/DefaultClean/Content/images/topic-type1.png') center no-repeat;
}
.forums-table-section .image div.sticky {
	background: url('../../Themes/DefaultClean/Content/images/topic-type2.png') center no-repeat;
}
.forums-table-section .image div.announcement {
	background: url('../../Themes/DefaultClean/Content/images/topic-type3.png') center no-repeat;
}

.forums-table-section .forum-title,
.forums-table-section .topic-title {
	margin: 5px 0;
}

.forums-table-section .forum-description,
.forums-table-section .topic-starter {
	margin: 5px 0;
}
.forum-description {
    color: #757a91;
    margin-bottom: 1.5rem;
}
.forums-table-section .latest-post {
	white-space: nowrap;
}
.forums-table-section .latest-post div {
	margin: 5px 0;
}
.forums-table-section .latest-post label {
	color: #777;
}

.forums-table-section .view-all {
	margin: 30px 0 0;
	padding: 0 10px;
}
.forums-table-section .view-all a {
	background-color: #4ab2f1;
	padding: 10px 15px;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
}
.forums-table-section .view-all a:hover {
	background-color: #248ece;
}

/* forum-page, topic page */

.forum-page .forum-info {
	margin: 0 0 30px;
}
.forum-page .forum-name,
.forum-topic-page .topic-name {
	margin: 0 0 25px;
	border-bottom: 1px solid #ddd;
    padding: 0 10px 10px;
}
.forum-page .forum-name h1,
.forum-topic-page .topic-name h1 {
	font-size: 30px;
	font-weight: normal;
}

.forum-actions,
.topic-actions {
	margin: 0 0 30px;
	font-size: 0;
}

.forum-actions .actions a:hover,
.topic-actions .actions a:hover {
	background-color: #e6e6e6;
}
.forum-actions .pager.upper,
.topic-actions .pager.upper {
	display: none;
	margin: 0;
}
.topic-actions.lower .actions {
	display: none;
}

.active-discussions-page .forums-table-section-title {
	margin: 0 0 25px;
	border-bottom: 1px solid #ddd;
    padding: 0 10px 10px;
}
.active-discussions-page .forums-table-section-title strong {
	font-size: 30px;
	font-weight: normal;
}
.active-discussions-page .forums-table-section-body {
	margin: 0 0 20px;
}

/* topic post */

.topic-post {
	margin: 0 0 30px;
	border-top: 1px solid #ddd;
}
.topic-post:last-child {
	border-bottom: 1px solid #ddd;
}
.topic-post:after {
	content: "";
	display: block;
	clear: both;
}
.topic-post .user-stats span,
.profile-info-box .profile-stats span {
	margin: 0 0 0 3px;
	font-weight: bold;
	color: #444;
}
.topic-post .pm-button,
.profile-info-box .pm-button {
	display: inline-block;
	border: none;
	background-color: #888;
	padding: 10px 20px;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
}
.topic-post .pm-button:hover,
.profile-info-box .pm-button:hover {
	background-color: #999;
}

.topic-post .post-time {
	margin: 0 0 15px;
	background-color: #f6f6f6;
	padding: 10px 15px;
	font-size: 13px;
	font-weight: bold;
}


.topic-post .post-text {
	/*topic post-text also gets style from blog post-body*/
	padding: 0 10px 20px;
	line-height: 22px;
    color: #757a91;
    font-size: .9rem;
}

.topic-post .post-vote{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    float: right;
    font-size: .8rem;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    padding: 0 5px;
}

.topic-post .user-posted-image,
.latest-posts .user-posted-image {
    max-width: 100%;
    height: auto;
}
.topic-post .quote,
.latest-posts .quote {
	margin: 10px 0;
    border: 1px dashed #ccc;
    background-color: #f9f9f9;
	padding: 10px;
	color: #777;
}
.topic-post .signature {
	border-top: 1px solid #ddd;
	padding: 20px;
	font-size: 13px;
    font-style: italic;
    clear: both;
}

.topic-post .post-vote span.vote {
	cursor: pointer;
    display: block;
    padding: 10px;
}
.topic-post .vote-count-post {
    display: block;
    font-size: 160%;
}
/* forum edit & send message */

.forum-edit-page .page-title,
.move-topic-page .page-title,
.private-message-send-page .page-title {
	margin: 0 0 -1px;
}
.move-topic-page label {
	white-space: normal;
}
.forum-edit-page .message-error,
.private-message-send-page .message-error {
	margin: 20px 0;
}
.forum-edit-page .inputs strong {
	display: inline-block;
	max-width: 400px;
	font-size: 22px; /*reset zeroing*/
	font-weight: normal;
	color: #444;
	white-space: normal;
}
.forum-edit-page .inputs .topic-subject {
	font-size: 17px;
}
.forum-edit-page .inputs.reversed {
	margin: 0;
}
.forum-edit-page .inputs.reversed label {
	width: auto;
	margin: 5px;
	font-size: 14px; /*reset zeroing*/
	white-space: normal;
}
.bb-code-editor-wrapper .toolbar{
    display:flex;
    margin: 10px 10px 0 10px;
}
.bb-code-editor-wrapper .toolbar .tool{
    display: flex;
    border: solid 1px #c0c0c0;
    padding: 3px;
    border-radius: 5px;
    margin: 5px;
}
.forum-edit-page .bb-code-editor-wrapper,
.private-message-send-page .bb-code-editor-wrapper {
    max-width: 400px;
    margin: 20px auto;
    background-color: #ddd;
    padding: 10px;
}
.forum-edit-page .toolbar .button,
.private-message-send-page .toolbar .button {
    margin: 0 2px 0 0;
    border: #cec6b5 1px solid;
	padding: 2px;
}
.forum-edit-page .toolbar .button:hover,
.private-message-send-page .toolbar .button:hover {
	border: #333 1px solid;
}
.forum-edit-page textarea,
.private-message-send-page textarea {
	display: block;
	margin: auto;
}
.forum-edit-page .buttons input,
.move-topic-page .buttons input,
.private-messages .buttons input {
	min-width: 140px;
    border: none;
	background-color: #999;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
	color: #fff;
    text-transform: uppercase;
}
.forum-edit-page .buttons input:hover,
.move-topic-page .buttons input:hover,
.private-messages .buttons input:hover {
	background-color: #888;
}
.forum-edit-page .buttons .button-1,
.move-topic-page .buttons .button-1,
.private-messages .buttons .button-1 {
	background-color: #4ab2f1;
}
.forum-edit-page .buttons .button-1:hover,
.move-topic-page .buttons .button-1:hover,
.private-messages .buttons .button-1:hover {
	background-color: #248ece;
}
/*** FORUM & PROFILE ***/
.forum{
    font-size: .9rem;
}
/*.forums-header {
position: relative;
margin-bottom: 1.5rem;
border: 1px solid #e8e8e8;
background: #fff;
border-radius: .85rem;
box-shadow: none;
padding: 20px;
}*/
.forum-group .forum-table th.latest-post,
.forum-group .forum-table th.topics,
.forum-group .forum-table th.posts,
.forum-group .forum-table td.latest-post,
.forum-group .forum-table td.topics,
.forum-group .forum-table td.posts {
    display: table-cell;
}

.topic-group .forum-table th.latest-post,
.topic-group .forum-table td.latest-post {
    display: table-cell;
}

.forum-table td.image {
    max-width: 40px;
}

.forum-table td.image div {
    max-width: 100%;
    background-size: contain;
}
.search-content .advanced-search, .search-content .select, .search-content select{
    width: 100%;
}
.topic-modal .control input{
    width: 100%;
}
.topic-modal .column label{
    font-size: .8rem;
}
.topic-modal .column .select, .topic-modal .column select{
    width: 100%;
}
.topic-modal .card-footer {
    align-items: end;
    display: flex;
    justify-content: end;
}
.topic-modal .card-footer .button-wrap {
    margin-top: 10px;
}
.forum-side{
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    padding: 30px;
}
.topic-posts .post-info .user-block{
    display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 10px;
}
.topic-posts .post-info .user-block img{
    width: 42px;
    height: 42px;
    border-radius: 50%;
}
.topic-posts .post-info .user-block a{
    font-size: .9rem;
font-weight: 500;
color: #393a4f;
transition: color .3s;
}
.topic-posts .post-info .user-block .user-info{
    padding: 0 10px;
}
.topic-posts .post-info .user-block span{
font-size: .8rem;
color: #999;
}
.topic-posts .post-actions .button svg{
    width: 15px;
    margin-right: 10px;
}
.panel-moderator {
    border: 1px solid #e8e8e8;
    margin:10px 0;
    padding: 10px;
    border-radius: 10px;
}
.panel-moderator .user-block{
    display: flex;
justify-content: flex-start;
align-items: center;
padding: 5px;
}
.panel-moderator .user-block img{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
    display: flex;
    align-items: center;
}
/*
.topic-content p, .topic-content ol, .topic-content ul, .topic-content li, .topic-content h1, .topic-content h2, .topic-content h3, .topic-content h4, .topic-content h5, .topic-content h6 {
    margin: inherit !important;
    padding: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}
.topic-content ul {
    list-style-type: inherit !important
}
.topic-content ul li{
    list-style: inherit !important;
}
.topic-content h1 {
    font-size: inherit !important;
    font-weight: inherit !important;
    margin: inherit !important;
    padding: inherit !important;
    all: revert;
}*/
.background-primary {
    background-color: #0971b7;
}

.white{
    color: #fff !important;
}
.footer-info {
    font-size: 12px;
    text-align: center;
    color: #808080;
    padding-bottom: 24px;
}
.cookie-modal .card-heading {
    border-bottom: 1px solid #e8e8e8
}
.cookie-modal .card-footer {
    padding: 10px;
    margin: 0 !important;
    justify-content: end !important
}
.pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .file-cta, .file-name, .select select, .textarea, .input, .button {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.5em;
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(0.5em - 1px);
    padding-left: calc(0.75em - 1px);
    padding-right: calc(0.75em - 1px);
    padding-top: calc(0.5em - 1px);
    position: relative;
    vertical-align: top
}

    .pagination-previous:focus, .pagination-next:focus, .pagination-link:focus, .pagination-ellipsis:focus, .file-cta:focus, .file-name:focus, .select select:focus, .textarea:focus, .input:focus, .button:focus, .is-focused.pagination-previous, .is-focused.pagination-next, .is-focused.pagination-link, .is-focused.pagination-ellipsis, .is-focused.file-cta, .is-focused.file-name, .select select.is-focused, .is-focused.textarea, .is-focused.input, .is-focused.button, .pagination-previous:active, .pagination-next:active, .pagination-link:active, .pagination-ellipsis:active, .file-cta:active, .file-name:active, .select select:active, .textarea:active, .input:active, .button:active, .is-active.pagination-previous, .is-active.pagination-next, .is-active.pagination-link, .is-active.pagination-ellipsis, .is-active.file-cta, .is-active.file-name, .select select.is-active, .is-active.textarea, .is-active.input, .is-active.button {
        outline: none
    }

    [disabled].pagination-previous, [disabled].pagination-next, [disabled].pagination-link, [disabled].pagination-ellipsis, [disabled].file-cta, [disabled].file-name, .select select[disabled], [disabled].textarea, [disabled].input, [disabled].button, fieldset[disabled] .pagination-previous, fieldset[disabled] .pagination-next, fieldset[disabled] .pagination-link, fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .file-cta, fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input, fieldset[disabled] .button {
        cursor: not-allowed
    }

.is-unselectable, .tabs, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .breadcrumb, .file, .button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after {
    border: 3px solid transparent;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: .625em;
    margin-top: -0.4375em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    transform-origin: center;
    width: .625em
}

.tabs:not(:last-child), .pagination:not(:last-child), .message:not(:last-child), .level:not(:last-child), .breadcrumb:not(:last-child), .block:not(:last-child), .title:not(:last-child), .subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .progress:not(:last-child), .notification:not(:last-child), .content:not(:last-child), .box:not(:last-child) {
    margin-bottom: 1.5rem
}

.modal-close, .delete {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: rgba(10,10,10,.2);
    border: none;
    border-radius: 9999px;
    cursor: pointer;
    pointer-events: auto;
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 0;
    height: 20px;
    max-height: 20px;
    max-width: 20px;
    min-height: 20px;
    min-width: 20px;
    outline: none;
    position: relative;
    vertical-align: top;
    width: 20px
}

    .modal-close::before, .delete::before, .modal-close::after, .delete::after {
        background-color: #fff;
        content: "";
        display: block;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform-origin: center center
    }

    .modal-close::before, .delete::before {
        height: 2px;
        width: 50%
    }

    .modal-close::after, .delete::after {
        height: 50%;
        width: 2px
    }

    .modal-close:hover, .delete:hover, .modal-close:focus, .delete:focus {
        background-color: rgba(10,10,10,.3)
    }

    .modal-close:active, .delete:active {
        background-color: rgba(10,10,10,.4)
    }

.is-small.modal-close, .is-small.delete {
    height: 16px;
    max-height: 16px;
    max-width: 16px;
    min-height: 16px;
    min-width: 16px;
    width: 16px
}

.is-medium.modal-close, .is-medium.delete {
    height: 24px;
    max-height: 24px;
    max-width: 24px;
    min-height: 24px;
    min-width: 24px;
    width: 24px
}

.is-large.modal-close, .is-large.delete {
    height: 32px;
    max-height: 32px;
    max-width: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px
}

.control.is-loading::after, .select.is-loading::after, .loader, .button.is-loading::after {
    animation: spinAround 500ms infinite linear;
    border: 2px solid #dbdbdb;
    border-radius: 9999px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}
.chat-loader {
    margin: 0 auto;
    animation: spinAround 500ms infinite linear;
    border: 2px solid #000;
    border-radius: 9999px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}
.chat-loader::after{
    border-color: #999999;
}
.hero-video, .is-overlay, .modal-background, .modal, .image.is-square img, .image.is-square .has-ratio, .image.is-1by1 img, .image.is-1by1 .has-ratio, .image.is-5by4 img, .image.is-5by4 .has-ratio, .image.is-4by3 img, .image.is-4by3 .has-ratio, .image.is-3by2 img, .image.is-3by2 .has-ratio, .image.is-5by3 img, .image.is-5by3 .has-ratio, .image.is-16by9 img, .image.is-16by9 .has-ratio, .image.is-2by1 img, .image.is-2by1 .has-ratio, .image.is-3by1 img, .image.is-3by1 .has-ratio, .image.is-4by5 img, .image.is-4by5 .has-ratio, .image.is-3by4 img, .image.is-3by4 .has-ratio, .image.is-2by3 img, .image.is-2by3 .has-ratio, .image.is-3by5 img, .image.is-3by5 .has-ratio, .image.is-9by16 img, .image.is-9by16 .has-ratio, .image.is-1by2 img, .image.is-1by2 .has-ratio, .image.is-1by3 img, .image.is-1by3 .has-ratio {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.navbar-burger {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: currentColor;
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0
}
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */

html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

ul {
    list-style: none
}

button, input, select, textarea {
    margin: 0
}

html {
    box-sizing: border-box
}

*, *::before, *::after {
    box-sizing: inherit
}

img, video {
    height: auto;
    max-width: 100%
}

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

    td:not([align]), th:not([align]) {
        text-align: inherit
    }

html {
    background-color: #fff;
    font-size: 16px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    min-width: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

article, aside, figure, footer, header, hgroup, section {
    display: block
}

body, button, a.button, input, optgroup, select, textarea {
    font-family: BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif
}

code, pre {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-family: monospace
}

body {
    color: #4a4a4a;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5
}

a {
    color: #039be5;
    cursor: pointer;
    text-decoration: none
}

    a strong {
        color: currentColor
    }

    a:hover {
        color: #363636
    }

code {
    background-color: #f5f5f5;
    color: #b80608;
    font-size: .875em;
    font-weight: normal;
    padding: .25em .5em .25em
}

hr {
    background-color: #f5f5f5;
    border: none;
    display: block;
    height: 2px;
    margin: 1.5rem 0
}

img {
    height: auto;
    max-width: 100%
}

input[type=checkbox], input[type=radio] {
    vertical-align: baseline
}

small {
    font-size: .875em
}

span {
    font-style: inherit;
    font-weight: inherit
}

strong {
    color: #363636;
    font-weight: 700
}

fieldset {
    border: none
}

pre {
    -webkit-overflow-scrolling: touch;
    background-color: #f5f5f5;
    color: #4a4a4a;
    font-size: .875em;
    overflow-x: auto;
    padding: 1.25rem 1.5rem;
    white-space: pre;
    word-wrap: normal
}

    pre code {
        background-color: transparent;
        color: currentColor;
        font-size: 1em;
        padding: 0
    }

table td, table th {
    vertical-align: top
}

    table td:not([align]), table th:not([align]) {
        text-align: inherit
    }

table th {
    color: #363636
}

@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.box {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 .5em 1em -0.125em rgba(10,10,10,.1),0 0px 0 1px rgba(10,10,10,.02);
    color: #4a4a4a;
    display: block;
    padding: 1.25rem
}

a.box:hover, a.box:focus {
    box-shadow: 0 .5em 1em -0.125em rgba(10,10,10,.1),0 0 0 1px #039be5
}

a.box:active {
    box-shadow: inset 0 1px 2px rgba(10,10,10,.2),0 0 0 1px #039be5
}

.button {
    background-color: #fff;
    border-color: #dbdbdb;
    border-width: 1px;
    color: #363636;
    cursor: pointer;
    justify-content: center;
    padding-bottom: calc(0.5em - 1px);
    padding-left: 1em;
    padding-right: 1em;
    padding-top: calc(0.5em - 1px);
    text-align: center;
    white-space: nowrap
}

    .button strong {
        color: inherit
    }

    .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
        height: 1.5em;
        width: 1.5em
    }

        .button .icon:first-child:not(:last-child) {
            margin-left: calc(-0.5em - 1px);
            margin-right: .25em
        }

        .button .icon:last-child:not(:first-child) {
            margin-left: .25em;
            margin-right: calc(-0.5em - 1px)
        }

        .button .icon:first-child:last-child {
            margin-left: calc(-0.5em - 1px);
            margin-right: calc(-0.5em - 1px)
        }

    .button:hover, .button.is-hovered {
        border-color: #b5b5b5;
        color: #363636
    }

    .button:focus, .button.is-focused {
        border-color: #039be5;
        color: #363636
    }

        .button:focus:not(:active), .button.is-focused:not(:active) {
            box-shadow: 0 0 0 .125em rgba(3,155,229,.25)
        }

    .button:active, .button.is-active {
        border-color: #4a4a4a;
        color: #363636
    }

    .button.is-text {
        background-color: transparent;
        border-color: transparent;
        color: #4a4a4a;
        text-decoration: underline
    }

        .button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
            background-color: #f5f5f5;
            color: #363636
        }

        .button.is-text:active, .button.is-text.is-active {
            background-color: #e8e8e8;
            color: #363636
        }

        .button.is-text[disabled], fieldset[disabled] .button.is-text {
            background-color: transparent;
            border-color: transparent;
            box-shadow: none
        }

    .button.is-ghost {
        background: none;
        border-color: transparent;
        color: #039be5;
        text-decoration: none
    }

        .button.is-ghost:hover, .button.is-ghost.is-hovered {
            color: #039be5;
            text-decoration: underline
        }

    .button.is-white {
        background-color: #fff;
        border-color: transparent;
        color: #0a0a0a
    }

        .button.is-white:hover, .button.is-white.is-hovered {
            background-color: #f9f9f9;
            border-color: transparent;
            color: #0a0a0a
        }

        .button.is-white:focus, .button.is-white.is-focused {
            border-color: transparent;
            color: #0a0a0a
        }

            .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
                box-shadow: 0 0 0 .125em rgba(255,255,255,.25)
            }

        .button.is-white:active, .button.is-white.is-active {
            background-color: #f2f2f2;
            border-color: transparent;
            color: #0a0a0a
        }

        .button.is-white[disabled], fieldset[disabled] .button.is-white {
            background-color: #fff;
            border-color: #fff;
            box-shadow: none
        }

        .button.is-white.is-inverted {
            background-color: #0a0a0a;
            color: #fff
        }

            .button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
                background-color: #000
            }

            .button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
                background-color: #0a0a0a;
                border-color: transparent;
                box-shadow: none;
                color: #fff
            }

        .button.is-white.is-loading::after {
            border-color: transparent transparent #0a0a0a #0a0a0a !important
        }

        .button.is-white.is-outlined {
            background-color: transparent;
            border-color: #fff;
            color: #fff
        }

            .button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
                background-color: #fff;
                border-color: #fff;
                color: #0a0a0a
            }

            .button.is-white.is-outlined.is-loading::after {
                border-color: transparent transparent #fff #fff !important
            }

            .button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #0a0a0a #0a0a0a !important
            }

            .button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined {
                background-color: transparent;
                border-color: #fff;
                box-shadow: none;
                color: #fff
            }

        .button.is-white.is-inverted.is-outlined {
            background-color: transparent;
            border-color: #0a0a0a;
            color: #0a0a0a
        }

            .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
                background-color: #0a0a0a;
                color: #fff
            }

            .button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #fff #fff !important
            }

            .button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined {
                background-color: transparent;
                border-color: #0a0a0a;
                box-shadow: none;
                color: #0a0a0a
            }

    .button.is-black {
        background-color: #0a0a0a;
        border-color: transparent;
        color: #fff
    }

        .button.is-black:hover, .button.is-black.is-hovered {
            background-color: #040404;
            border-color: transparent;
            color: #fff
        }

        .button.is-black:focus, .button.is-black.is-focused {
            border-color: transparent;
            color: #fff
        }

            .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
                box-shadow: 0 0 0 .125em rgba(10,10,10,.25)
            }

        .button.is-black:active, .button.is-black.is-active {
            background-color: #000;
            border-color: transparent;
            color: #fff
        }

        .button.is-black[disabled], fieldset[disabled] .button.is-black {
            background-color: #0a0a0a;
            border-color: #0a0a0a;
            box-shadow: none
        }

        .button.is-black.is-inverted {
            background-color: #fff;
            color: #0a0a0a
        }

            .button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
                background-color: #f2f2f2
            }

            .button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
                background-color: #fff;
                border-color: transparent;
                box-shadow: none;
                color: #0a0a0a
            }

        .button.is-black.is-loading::after {
            border-color: transparent transparent #fff #fff !important
        }

        .button.is-black.is-outlined {
            background-color: transparent;
            border-color: #0a0a0a;
            color: #0a0a0a
        }

            .button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
                background-color: #0a0a0a;
                border-color: #0a0a0a;
                color: #fff
            }

            .button.is-black.is-outlined.is-loading::after {
                border-color: transparent transparent #0a0a0a #0a0a0a !important
            }

            .button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #fff #fff !important
            }

            .button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined {
                background-color: transparent;
                border-color: #0a0a0a;
                box-shadow: none;
                color: #0a0a0a
            }

        .button.is-black.is-inverted.is-outlined {
            background-color: transparent;
            border-color: #fff;
            color: #fff
        }

            .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
                background-color: #fff;
                color: #0a0a0a
            }

            .button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #0a0a0a #0a0a0a !important
            }

            .button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined {
                background-color: transparent;
                border-color: #fff;
                box-shadow: none;
                color: #fff
            }

    .button.is-light {
        background-color: #f5f5f5;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

        .button.is-light:hover, .button.is-light.is-hovered {
            background-color: #eee;
            border-color: transparent;
            color: rgba(0,0,0,.7)
        }

        .button.is-light:focus, .button.is-light.is-focused {
            border-color: transparent;
            color: rgba(0,0,0,.7)
        }

            .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
                box-shadow: 0 0 0 .125em rgba(245,245,245,.25)
            }

        .button.is-light:active, .button.is-light.is-active {
            background-color: #e8e8e8;
            border-color: transparent;
            color: rgba(0,0,0,.7)
        }

        .button.is-light[disabled], fieldset[disabled] .button.is-light {
            background-color: #f5f5f5;
            border-color: #f5f5f5;
            box-shadow: none
        }

        .button.is-light.is-inverted {
            background-color: rgba(0,0,0,.7);
            color: #f5f5f5
        }

            .button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
                background-color: rgba(0,0,0,.7)
            }

            .button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted {
                background-color: rgba(0,0,0,.7);
                border-color: transparent;
                box-shadow: none;
                color: #f5f5f5
            }

        .button.is-light.is-loading::after {
            border-color: transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7) !important
        }

        .button.is-light.is-outlined {
            background-color: transparent;
            border-color: #f5f5f5;
            color: #f5f5f5
        }

            .button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
                background-color: #f5f5f5;
                border-color: #f5f5f5;
                color: rgba(0,0,0,.7)
            }

            .button.is-light.is-outlined.is-loading::after {
                border-color: transparent transparent #f5f5f5 #f5f5f5 !important
            }

            .button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7) !important
            }

            .button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined {
                background-color: transparent;
                border-color: #f5f5f5;
                box-shadow: none;
                color: #f5f5f5
            }

        .button.is-light.is-inverted.is-outlined {
            background-color: transparent;
            border-color: rgba(0,0,0,.7);
            color: rgba(0,0,0,.7)
        }

            .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
                background-color: rgba(0,0,0,.7);
                color: #f5f5f5
            }

            .button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #f5f5f5 #f5f5f5 !important
            }

            .button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
                background-color: transparent;
                border-color: rgba(0,0,0,.7);
                box-shadow: none;
                color: rgba(0,0,0,.7)
            }

    .button.is-dark {
        background-color: #202836;
        border-color: transparent;
        color: #fff
    }

        .button.is-dark:hover, .button.is-dark.is-hovered {
            background-color: #1b222e;
            border-color: transparent;
            color: #fff
        }

        .button.is-dark:focus, .button.is-dark.is-focused {
            border-color: transparent;
            color: #fff
        }

            .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
                box-shadow: 0 0 0 .125em rgba(32,40,54,.25)
            }

        .button.is-dark:active, .button.is-dark.is-active {
            background-color: #171c26;
            border-color: transparent;
            color: #fff
        }

        .button.is-dark[disabled], fieldset[disabled] .button.is-dark {
            background-color: #202836;
            border-color: #202836;
            box-shadow: none
        }

        .button.is-dark.is-inverted {
            background-color: #fff;
            color: #202836
        }

            .button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
                background-color: #f2f2f2
            }

            .button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted {
                background-color: #fff;
                border-color: transparent;
                box-shadow: none;
                color: #202836
            }

        .button.is-dark.is-loading::after {
            border-color: transparent transparent #fff #fff !important
        }

        .button.is-dark.is-outlined {
            background-color: transparent;
            border-color: #202836;
            color: #202836
        }

            .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
                background-color: #202836;
                border-color: #202836;
                color: #fff
            }

            .button.is-dark.is-outlined.is-loading::after {
                border-color: transparent transparent #202836 #202836 !important
            }

            .button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #fff #fff !important
            }

            .button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined {
                background-color: transparent;
                border-color: #202836;
                box-shadow: none;
                color: #202836
            }

        .button.is-dark.is-inverted.is-outlined {
            background-color: transparent;
            border-color: #fff;
            color: #fff
        }

            .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
                background-color: #fff;
                color: #202836
            }

            .button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #202836 #202836 !important
            }

            .button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
                background-color: transparent;
                border-color: #fff;
                box-shadow: none;
                color: #fff
            }

    .button.is-primary {
        background-color: #3d70b2;
        border-color: transparent;
        color: #fff
    }

        .button.is-primary:hover, .button.is-primary.is-hovered {
            background-color: #3a6aa9;
            border-color: transparent;
            color: #fff
        }

        .button.is-primary:focus, .button.is-primary.is-focused {
            border-color: transparent;
            color: #fff
        }

            .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
                box-shadow: 0 0 0 .125em rgba(61,112,178,.25)
            }

        .button.is-primary:active, .button.is-primary.is-active {
            background-color: #36649f;
            border-color: transparent;
            color: #fff
        }

        .button.is-primary[disabled], fieldset[disabled] .button.is-primary {
            background-color: #3d70b2;
            border-color: #3d70b2;
            box-shadow: none
        }

        .button.is-primary.is-inverted {
            background-color: #fff;
            color: #3d70b2
        }

            .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
                background-color: #f2f2f2
            }

            .button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
                background-color: #fff;
                border-color: transparent;
                box-shadow: none;
                color: #3d70b2
            }

        .button.is-primary.is-loading::after {
            border-color: transparent transparent #fff #fff !important
        }

        .button.is-primary.is-outlined {
            background-color: transparent;
            border-color: #3d70b2;
            color: #3d70b2
        }

            .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
                background-color: #3d70b2;
                border-color: #3d70b2;
                color: #fff
            }

            .button.is-primary.is-outlined.is-loading::after {
                border-color: transparent transparent #3d70b2 #3d70b2 !important
            }

            .button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #fff #fff !important
            }

            .button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
                background-color: transparent;
                border-color: #3d70b2;
                box-shadow: none;
                color: #3d70b2
            }

        .button.is-primary.is-inverted.is-outlined {
            background-color: transparent;
            border-color: #fff;
            color: #fff
        }

            .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
                background-color: #fff;
                color: #3d70b2
            }

            .button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #3d70b2 #3d70b2 !important
            }

            .button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
                background-color: transparent;
                border-color: #fff;
                box-shadow: none;
                color: #fff
            }

        .button.is-primary.is-light {
            background-color: #f0f4fa;
            color: #3c6eaf
        }

            .button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered {
                background-color: #e6edf7;
                border-color: transparent;
                color: #3c6eaf
            }

            .button.is-primary.is-light:active, .button.is-primary.is-light.is-active {
                background-color: #dde7f3;
                border-color: transparent;
                color: #3c6eaf
            }

    .button.is-link {
        background-color: #039be5;
        border-color: transparent;
        color: #fff
    }

        .button.is-link:hover, .button.is-link.is-hovered {
            background-color: #0392d8;
            border-color: transparent;
            color: #fff
        }

        .button.is-link:focus, .button.is-link.is-focused {
            border-color: transparent;
            color: #fff
        }

            .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
                box-shadow: 0 0 0 .125em rgba(3,155,229,.25)
            }

        .button.is-link:active, .button.is-link.is-active {
            background-color: #038acc;
            border-color: transparent;
            color: #fff
        }

        .button.is-link[disabled], fieldset[disabled] .button.is-link {
            background-color: #039be5;
            border-color: #039be5;
            box-shadow: none
        }

        .button.is-link.is-inverted {
            background-color: #fff;
            color: #039be5
        }

            .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
                background-color: #f2f2f2
            }

            .button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
                background-color: #fff;
                border-color: transparent;
                box-shadow: none;
                color: #039be5
            }

        .button.is-link.is-loading::after {
            border-color: transparent transparent #fff #fff !important
        }

        .button.is-link.is-outlined {
            background-color: transparent;
            border-color: #039be5;
            color: #039be5
        }

            .button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
                background-color: #039be5;
                border-color: #039be5;
                color: #fff
            }

            .button.is-link.is-outlined.is-loading::after {
                border-color: transparent transparent #039be5 #039be5 !important
            }

            .button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #fff #fff !important
            }

            .button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
                background-color: transparent;
                border-color: #039be5;
                box-shadow: none;
                color: #039be5
            }

        .button.is-link.is-inverted.is-outlined {
            background-color: transparent;
            border-color: #fff;
            color: #fff
        }

            .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
                background-color: #fff;
                color: #039be5
            }

            .button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #039be5 #039be5 !important
            }

            .button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
                background-color: transparent;
                border-color: #fff;
                box-shadow: none;
                color: #fff
            }

        .button.is-link.is-light {
            background-color: #ebf8ff;
            color: #0385c4
        }

            .button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
                background-color: #def4ff;
                border-color: transparent;
                color: #0385c4
            }

            .button.is-link.is-light:active, .button.is-link.is-light.is-active {
                background-color: #d2f0fe;
                border-color: transparent;
                color: #0385c4
            }

    .button.is-info {
        background-color: #3e8ed0;
        border-color: transparent;
        color: #fff
    }

        .button.is-info:hover, .button.is-info.is-hovered {
            background-color: #3488ce;
            border-color: transparent;
            color: #fff
        }

        .button.is-info:focus, .button.is-info.is-focused {
            border-color: transparent;
            color: #fff
        }

            .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
                box-shadow: 0 0 0 .125em rgba(62,142,208,.25)
            }

        .button.is-info:active, .button.is-info.is-active {
            background-color: #3082c5;
            border-color: transparent;
            color: #fff
        }

        .button.is-info[disabled], fieldset[disabled] .button.is-info {
            background-color: #3e8ed0;
            border-color: #3e8ed0;
            box-shadow: none
        }

        .button.is-info.is-inverted {
            background-color: #fff;
            color: #3e8ed0
        }

            .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
                background-color: #f2f2f2
            }

            .button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted {
                background-color: #fff;
                border-color: transparent;
                box-shadow: none;
                color: #3e8ed0
            }

        .button.is-info.is-loading::after {
            border-color: transparent transparent #fff #fff !important
        }

        .button.is-info.is-outlined {
            background-color: transparent;
            border-color: #3e8ed0;
            color: #3e8ed0
        }

            .button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
                background-color: #3e8ed0;
                border-color: #3e8ed0;
                color: #fff
            }

            .button.is-info.is-outlined.is-loading::after {
                border-color: transparent transparent #3e8ed0 #3e8ed0 !important
            }

            .button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #fff #fff !important
            }

            .button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined {
                background-color: transparent;
                border-color: #3e8ed0;
                box-shadow: none;
                color: #3e8ed0
            }

        .button.is-info.is-inverted.is-outlined {
            background-color: transparent;
            border-color: #fff;
            color: #fff
        }

            .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
                background-color: #fff;
                color: #3e8ed0
            }

            .button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #3e8ed0 #3e8ed0 !important
            }

            .button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
                background-color: transparent;
                border-color: #fff;
                box-shadow: none;
                color: #fff
            }

        .button.is-info.is-light {
            background-color: #eff5fb;
            color: #296fa8
        }

            .button.is-info.is-light:hover, .button.is-info.is-light.is-hovered {
                background-color: #e4eff9;
                border-color: transparent;
                color: #296fa8
            }

            .button.is-info.is-light:active, .button.is-info.is-light.is-active {
                background-color: #dae9f6;
                border-color: transparent;
                color: #296fa8
            }

    .button.is-success {
        background-color: #1ce589;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

        .button.is-success:hover, .button.is-success.is-hovered {
            background-color: #19db82;
            border-color: transparent;
            color: rgba(0,0,0,.7)
        }

        .button.is-success:focus, .button.is-success.is-focused {
            border-color: transparent;
            color: rgba(0,0,0,.7)
        }

            .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
                box-shadow: 0 0 0 .125em rgba(28,229,137,.25)
            }

        .button.is-success:active, .button.is-success.is-active {
            background-color: #18d07c;
            border-color: transparent;
            color: rgba(0,0,0,.7)
        }

        .button.is-success[disabled], fieldset[disabled] .button.is-success {
            background-color: #1ce589;
            border-color: #1ce589;
            box-shadow: none
        }

        .button.is-success.is-inverted {
            background-color: rgba(0,0,0,.7);
            color: #1ce589
        }

            .button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
                background-color: rgba(0,0,0,.7)
            }

            .button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted {
                background-color: rgba(0,0,0,.7);
                border-color: transparent;
                box-shadow: none;
                color: #1ce589
            }

        .button.is-success.is-loading::after {
            border-color: transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7) !important
        }

        .button.is-success.is-outlined {
            background-color: transparent;
            border-color: #1ce589;
            color: #1ce589
        }

            .button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
                background-color: #1ce589;
                border-color: #1ce589;
                color: rgba(0,0,0,.7)
            }

            .button.is-success.is-outlined.is-loading::after {
                border-color: transparent transparent #1ce589 #1ce589 !important
            }

            .button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7) !important
            }

            .button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined {
                background-color: transparent;
                border-color: #1ce589;
                box-shadow: none;
                color: #1ce589
            }

        .button.is-success.is-inverted.is-outlined {
            background-color: transparent;
            border-color: rgba(0,0,0,.7);
            color: rgba(0,0,0,.7)
        }

            .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
                background-color: rgba(0,0,0,.7);
                color: #1ce589
            }

            .button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #1ce589 #1ce589 !important
            }

            .button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined {
                background-color: transparent;
                border-color: rgba(0,0,0,.7);
                box-shadow: none;
                color: rgba(0,0,0,.7)
            }

        .button.is-success.is-light {
            background-color: #edfdf5;
            color: #0f854f
        }

            .button.is-success.is-light:hover, .button.is-success.is-light.is-hovered {
                background-color: #e1fcf0;
                border-color: transparent;
                color: #0f854f
            }

            .button.is-success.is-light:active, .button.is-success.is-light.is-active {
                background-color: #d6faea;
                border-color: transparent;
                color: #0f854f
            }

    .button.is-warning {
        background-color: #ffe08a;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

        .button.is-warning:hover, .button.is-warning.is-hovered {
            background-color: #ffdc7d;
            border-color: transparent;
            color: rgba(0,0,0,.7)
        }

        .button.is-warning:focus, .button.is-warning.is-focused {
            border-color: transparent;
            color: rgba(0,0,0,.7)
        }

            .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
                box-shadow: 0 0 0 .125em rgba(255,224,138,.25)
            }

        .button.is-warning:active, .button.is-warning.is-active {
            background-color: #ffd970;
            border-color: transparent;
            color: rgba(0,0,0,.7)
        }

        .button.is-warning[disabled], fieldset[disabled] .button.is-warning {
            background-color: #ffe08a;
            border-color: #ffe08a;
            box-shadow: none
        }

        .button.is-warning.is-inverted {
            background-color: rgba(0,0,0,.7);
            color: #ffe08a
        }

            .button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
                background-color: rgba(0,0,0,.7)
            }

            .button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted {
                background-color: rgba(0,0,0,.7);
                border-color: transparent;
                box-shadow: none;
                color: #ffe08a
            }

        .button.is-warning.is-loading::after {
            border-color: transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7) !important
        }

        .button.is-warning.is-outlined {
            background-color: transparent;
            border-color: #ffe08a;
            color: #ffe08a
        }

            .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
                background-color: #ffe08a;
                border-color: #ffe08a;
                color: rgba(0,0,0,.7)
            }

            .button.is-warning.is-outlined.is-loading::after {
                border-color: transparent transparent #ffe08a #ffe08a !important
            }

            .button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7) !important
            }

            .button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined {
                background-color: transparent;
                border-color: #ffe08a;
                box-shadow: none;
                color: #ffe08a
            }

        .button.is-warning.is-inverted.is-outlined {
            background-color: transparent;
            border-color: rgba(0,0,0,.7);
            color: rgba(0,0,0,.7)
        }

            .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
                background-color: rgba(0,0,0,.7);
                color: #ffe08a
            }

            .button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #ffe08a #ffe08a !important
            }

            .button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
                background-color: transparent;
                border-color: rgba(0,0,0,.7);
                box-shadow: none;
                color: rgba(0,0,0,.7)
            }

        .button.is-warning.is-light {
            background-color: #fffaeb;
            color: #946c00
        }

            .button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered {
                background-color: #fff6de;
                border-color: transparent;
                color: #946c00
            }

            .button.is-warning.is-light:active, .button.is-warning.is-light.is-active {
                background-color: #fff3d1;
                border-color: transparent;
                color: #946c00
            }

    .button.is-danger {
        background-color: #f71416;
        border-color: transparent;
        color: #fff
    }

        .button.is-danger:hover, .button.is-danger.is-hovered {
            background-color: #f6080a;
            border-color: transparent;
            color: #fff
        }

        .button.is-danger:focus, .button.is-danger.is-focused {
            border-color: transparent;
            color: #fff
        }

            .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
                box-shadow: 0 0 0 .125em rgba(247,20,22,.25)
            }

        .button.is-danger:active, .button.is-danger.is-active {
            background-color: #ea080a;
            border-color: transparent;
            color: #fff
        }

        .button.is-danger[disabled], fieldset[disabled] .button.is-danger {
            background-color: #f71416;
            border-color: #f71416;
            box-shadow: none
        }

        .button.is-danger.is-inverted {
            background-color: #fff;
            color: #f71416
        }

            .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
                background-color: #f2f2f2
            }

            .button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted {
                background-color: #fff;
                border-color: transparent;
                box-shadow: none;
                color: #f71416
            }

        .button.is-danger.is-loading::after {
            border-color: transparent transparent #fff #fff !important
        }

        .button.is-danger.is-outlined {
            background-color: transparent;
            border-color: #f71416;
            color: #f71416
        }

            .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
                background-color: #f71416;
                border-color: #f71416;
                color: #fff
            }

            .button.is-danger.is-outlined.is-loading::after {
                border-color: transparent transparent #f71416 #f71416 !important
            }

            .button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #fff #fff !important
            }

            .button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined {
                background-color: transparent;
                border-color: #f71416;
                box-shadow: none;
                color: #f71416
            }

        .button.is-danger.is-inverted.is-outlined {
            background-color: transparent;
            border-color: #fff;
            color: #fff
        }

            .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
                background-color: #fff;
                color: #f71416
            }

            .button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #f71416 #f71416 !important
            }

            .button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
                background-color: transparent;
                border-color: #fff;
                box-shadow: none;
                color: #fff
            }

        .button.is-danger.is-light {
            background-color: #feebeb;
            color: #e3080a
        }

            .button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered {
                background-color: #fedfdf;
                border-color: transparent;
                color: #e3080a
            }

            .button.is-danger.is-light:active, .button.is-danger.is-light.is-active {
                background-color: #fdd3d3;
                border-color: transparent;
                color: #e3080a
            }

    .button.is-small {
        font-size: .75rem
    }

        .button.is-small:not(.is-rounded) {
            border-radius: 2px
        }

    .button.is-normal {
        font-size: 1rem
    }

    .button.is-medium {
        font-size: 1.25rem
    }

    .button.is-large {
        font-size: 1.5rem
    }

    .button[disabled], fieldset[disabled] .button {
        background-color: #fff;
        border-color: #dbdbdb;
        box-shadow: none;
        opacity: .5
    }

    .button.is-fullwidth {
        display: flex;
        width: 100%
    }

    .button.is-loading {
        color: transparent !important;
        pointer-events: none
    }

        .button.is-loading::after {
            position: absolute;
            left: calc(50% - (1em * 0.5));
            top: calc(50% - (1em * 0.5));
            position: absolute !important
        }

    .button.is-static {
        background-color: #f5f5f5;
        border-color: #dbdbdb;
        color: #7a7a7a;
        box-shadow: none;
        pointer-events: none
    }

    .button.is-rounded {
        border-radius: 9999px;
        padding-left: calc(1em + 0.25em);
        padding-right: calc(1em + 0.25em)
    }

.buttons {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

    .buttons .button {
        margin-bottom: .5rem
    }

        .buttons .button:not(:last-child):not(.is-fullwidth) {
            margin-right: .5rem
        }

    .buttons:last-child {
        margin-bottom: -0.5rem
    }

    .buttons:not(:last-child) {
        margin-bottom: 1rem
    }

    .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
        font-size: .75rem
    }

        .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
            border-radius: 2px
        }

    .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
        font-size: 1.25rem
    }

    .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
        font-size: 1.5rem
    }

    .buttons.has-addons .button:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .buttons.has-addons .button:not(:last-child) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        margin-right: -1px
    }

    .buttons.has-addons .button:last-child {
        margin-right: 0
    }

    .buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
        z-index: 2
    }

    .buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
        z-index: 3
    }

        .buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
            z-index: 4
        }

    .buttons.has-addons .button.is-expanded {
        flex-grow: 1;
        flex-shrink: 1
    }

    .buttons.is-centered {
        justify-content: center
    }

        .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
            margin-left: .25rem;
            margin-right: .25rem
        }

    .buttons.is-right {
        justify-content: flex-end
    }

        .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
            margin-left: .25rem;
            margin-right: .25rem
        }

@media screen and (max-width: 768px) {
    .button.is-responsive.is-small {
        font-size: .5625rem
    }

    .button.is-responsive, .button.is-responsive.is-normal {
        font-size: .65625rem
    }

        .button.is-responsive.is-medium {
            font-size: .75rem
        }

        .button.is-responsive.is-large {
            font-size: 1rem
        }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .button.is-responsive.is-small {
        font-size: .65625rem
    }

    .button.is-responsive, .button.is-responsive.is-normal {
        font-size: .75rem
    }

        .button.is-responsive.is-medium {
            font-size: 1rem
        }

        .button.is-responsive.is-large {
            font-size: 1.25rem
        }
}

.container {
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: auto
}

    .container.is-fluid {
        max-width: none !important;
        padding-left: 32px;
        padding-right: 32px;
        width: 100%
    }

@media screen and (min-width: 1024px) {
    .container {
        max-width: 960px
    }
}

@media screen and (max-width: 1215px) {
    .container.is-widescreen:not(.is-max-desktop) {
        max-width: 1152px
    }
}

@media screen and (max-width: 1407px) {
    .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width: 1344px
    }
}

@media screen and (min-width: 1216px) {
    .container:not(.is-max-desktop) {
        max-width: 1152px
    }
}

@media screen and (min-width: 1408px) {
    .container:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width: 1344px
    }
}

.content li + li {
    margin-top: .25em
}

.content p:not(:last-child), .content dl:not(:last-child), .content ol:not(:last-child), .content ul:not(:last-child), .content blockquote:not(:last-child), .content pre:not(:last-child), .content table:not(:last-child) {
    margin-bottom: 1em
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    color: #363636;
    font-weight: 600;
    line-height: 1.125
}

.content h1 {
    font-size: 2em;
    margin-bottom: .5em
}

    .content h1:not(:first-child) {
        margin-top: 1em
    }

.content h2 {
    font-size: 1.75em;
    margin-bottom: .5714em
}

    .content h2:not(:first-child) {
        margin-top: 1.1428em
    }

.content h3 {
    font-size: 1.5em;
    margin-bottom: .6666em
}

    .content h3:not(:first-child) {
        margin-top: 1.3333em
    }

.content h4 {
    font-size: 1.25em;
    margin-bottom: .8em
}

.content h5 {
    font-size: 1.125em;
    margin-bottom: .8888em
}

.content h6 {
    font-size: 1em;
    margin-bottom: 1em
}

.content blockquote {
    background-color: #f5f5f5;
    border-left: 5px solid #dbdbdb;
    padding: 1.25em 1.5em
}

.content ol {
    list-style-position: outside;
    margin-left: 2em;
    margin-top: 1em
}

    .content ol:not([type]) {
        list-style-type: decimal
    }

        .content ol:not([type]).is-lower-alpha {
            list-style-type: lower-alpha
        }

        .content ol:not([type]).is-lower-roman {
            list-style-type: lower-roman
        }

        .content ol:not([type]).is-upper-alpha {
            list-style-type: upper-alpha
        }

        .content ol:not([type]).is-upper-roman {
            list-style-type: upper-roman
        }

.content ul {
    list-style: disc outside;
    margin-left: 2em;
    margin-top: 1em
}

    .content ul ul {
        list-style-type: circle;
        margin-top: .5em
    }

        .content ul ul ul {
            list-style-type: square
        }

.content dd {
    margin-left: 2em
}

.content figure {
    margin-left: 2em;
    margin-right: 2em;
    text-align: center
}

    .content figure:not(:first-child) {
        margin-top: 2em
    }

    .content figure:not(:last-child) {
        margin-bottom: 2em
    }

    .content figure img {
        display: inline-block
    }

    .content figure figcaption {
        font-style: italic
    }

.content pre {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    padding: 1.25em 1.5em;
    white-space: pre;
    word-wrap: normal
}

.content sup, .content sub {
    font-size: 75%
}

.content table {
    width: 100%
}

    .content table td, .content table th {
        border: 1px solid #dbdbdb;
        border-width: 0 0 1px;
        padding: .5em .75em;
        vertical-align: top
    }

    .content table th {
        color: #363636
    }

        .content table th:not([align]) {
            text-align: inherit
        }

    .content table thead td, .content table thead th {
        border-width: 0 0 2px;
        color: #363636
    }

    .content table tfoot td, .content table tfoot th {
        border-width: 2px 0 0;
        color: #363636
    }

    .content table tbody tr:last-child td, .content table tbody tr:last-child th {
        border-bottom-width: 0
    }

.content .tabs li + li {
    margin-top: 0
}

.content.is-small {
    font-size: .75rem
}

.content.is-normal {
    font-size: 1rem
}

.content.is-medium {
    font-size: 1.25rem
}

.content.is-large {
    font-size: 1.5rem
}

.icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem
}

    .icon.is-small {
        height: 1rem;
        width: 1rem
    }

    .icon.is-medium {
        height: 2rem;
        width: 2rem
    }

    .icon.is-large {
        height: 3rem;
        width: 3rem
    }

.icon-text {
    align-items: flex-start;
    color: inherit;
    display: inline-flex;
    flex-wrap: wrap;
    line-height: 1.5rem;
    vertical-align: top
}

    .icon-text .icon {
        flex-grow: 0;
        flex-shrink: 0
    }

        .icon-text .icon:not(:last-child) {
            margin-right: .25em
        }

        .icon-text .icon:not(:first-child) {
            margin-left: .25em
        }

div.icon-text {
    display: flex
}

.image {
    display: block;
    position: relative
}

    .image img {
        display: block;
        height: auto;
        width: 100%
    }

        .image img.is-rounded {
            border-radius: 9999px
        }

    .image.is-fullwidth {
        width: 100%
    }

    .image.is-square img, .image.is-square .has-ratio, .image.is-1by1 img, .image.is-1by1 .has-ratio, .image.is-5by4 img, .image.is-5by4 .has-ratio, .image.is-4by3 img, .image.is-4by3 .has-ratio, .image.is-3by2 img, .image.is-3by2 .has-ratio, .image.is-5by3 img, .image.is-5by3 .has-ratio, .image.is-16by9 img, .image.is-16by9 .has-ratio, .image.is-2by1 img, .image.is-2by1 .has-ratio, .image.is-3by1 img, .image.is-3by1 .has-ratio, .image.is-4by5 img, .image.is-4by5 .has-ratio, .image.is-3by4 img, .image.is-3by4 .has-ratio, .image.is-2by3 img, .image.is-2by3 .has-ratio, .image.is-3by5 img, .image.is-3by5 .has-ratio, .image.is-9by16 img, .image.is-9by16 .has-ratio, .image.is-1by2 img, .image.is-1by2 .has-ratio, .image.is-1by3 img, .image.is-1by3 .has-ratio {
        height: 100%;
        width: 100%
    }

    .image.is-square, .image.is-1by1 {
        padding-top: 100%
    }

    .image.is-5by4 {
        padding-top: 80%
    }

    .image.is-4by3 {
        padding-top: 75%
    }

    .image.is-3by2 {
        padding-top: 66.6666%
    }

    .image.is-5by3 {
        padding-top: 60%
    }

    .image.is-16by9 {
        padding-top: 56.25%
    }

    .image.is-2by1 {
        padding-top: 50%
    }

    .image.is-3by1 {
        padding-top: 33.3333%
    }

    .image.is-4by5 {
        padding-top: 125%
    }

    .image.is-3by4 {
        padding-top: 133.3333%
    }

    .image.is-2by3 {
        padding-top: 150%
    }

    .image.is-3by5 {
        padding-top: 166.6666%
    }

    .image.is-9by16 {
        padding-top: 177.7777%
    }

    .image.is-1by2 {
        padding-top: 200%
    }

    .image.is-1by3 {
        padding-top: 300%
    }

    .image.is-16x16 {
        height: 16px;
        width: 16px
    }

    .image.is-24x24 {
        height: 24px;
        width: 24px
    }

    .image.is-32x32 {
        height: 32px;
        width: 32px
    }

    .image.is-48x48 {
        height: 48px;
        width: 48px
    }

    .image.is-64x64 {
        height: 64px;
        width: 64px
    }

    .image.is-96x96 {
        height: 96px;
        width: 96px
    }

    .image.is-128x128 {
        height: 128px;
        width: 128px
    }

.notification {
    background-color: #f5f5f5;
    border-radius: 4px;
    position: relative;
    padding: 1.25rem 2.5rem 1.25rem 1.5rem
}

    .notification a:not(.button):not(.dropdown-item) {
        color: currentColor;
        text-decoration: underline
    }

    .notification strong {
        color: currentColor
    }

    .notification code, .notification pre {
        background: #fff
    }

        .notification pre code {
            background: transparent
        }

    .notification > .delete {
        right: .5rem;
        position: absolute;
        top: .5rem
    }

    .notification .title, .notification .subtitle, .notification .content {
        color: currentColor
    }

    .notification.is-white {
        background-color: #fff;
        color: #0a0a0a
    }

    .notification.is-black {
        background-color: #0a0a0a;
        color: #fff
    }

    .notification.is-light {
        background-color: #f5f5f5;
        color: rgba(0,0,0,.7)
    }

    .notification.is-dark {
        background-color: #202836;
        color: #fff
    }

    .notification.is-primary {
        background-color: #3d70b2;
        color: #fff
    }

        .notification.is-primary.is-light {
            background-color: #f0f4fa;
            color: #3c6eaf
        }

    .notification.is-link {
        background-color: #039be5;
        color: #fff
    }

        .notification.is-link.is-light {
            background-color: #ebf8ff;
            color: #0385c4
        }

    .notification.is-info {
        background-color: #3e8ed0;
        color: #fff
    }

        .notification.is-info.is-light {
            background-color: #eff5fb;
            color: #296fa8
        }

    .notification.is-success {
        background-color: #1ce589;
        color: rgba(0,0,0,.7)
    }

        .notification.is-success.is-light {
            background-color: #edfdf5;
            color: #0f854f
        }

    .notification.is-warning {
        background-color: #ffe08a;
        color: rgba(0,0,0,.7)
    }

        .notification.is-warning.is-light {
            background-color: #fffaeb;
            color: #946c00
        }

    .notification.is-danger {
        background-color: #f71416;
        color: #fff
    }

        .notification.is-danger.is-light {
            background-color: #feebeb;
            color: #e3080a
        }

.progress {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 9999px;
    display: block;
    height: 1rem;
    overflow: hidden;
    padding: 0;
    width: 100%
}

    .progress::-webkit-progress-bar {
        background-color: #ededed
    }

    .progress::-webkit-progress-value {
        background-color: #4a4a4a
    }

    .progress::-moz-progress-bar {
        background-color: #4a4a4a
    }

    .progress::-ms-fill {
        background-color: #4a4a4a;
        border: none
    }

    .progress.is-white::-webkit-progress-value {
        background-color: #fff
    }

    .progress.is-white::-moz-progress-bar {
        background-color: #fff
    }

    .progress.is-white::-ms-fill {
        background-color: #fff
    }

    .progress.is-white:indeterminate {
        background-image: linear-gradient(to right, #fff 30%, #ededed 30%)
    }

    .progress.is-black::-webkit-progress-value {
        background-color: #0a0a0a
    }

    .progress.is-black::-moz-progress-bar {
        background-color: #0a0a0a
    }

    .progress.is-black::-ms-fill {
        background-color: #0a0a0a
    }

    .progress.is-black:indeterminate {
        background-image: linear-gradient(to right, #0a0a0a 30%, #ededed 30%)
    }

    .progress.is-light::-webkit-progress-value {
        background-color: #f5f5f5
    }

    .progress.is-light::-moz-progress-bar {
        background-color: #f5f5f5
    }

    .progress.is-light::-ms-fill {
        background-color: #f5f5f5
    }

    .progress.is-light:indeterminate {
        background-image: linear-gradient(to right, whitesmoke 30%, #ededed 30%)
    }

    .progress.is-dark::-webkit-progress-value {
        background-color: #202836
    }

    .progress.is-dark::-moz-progress-bar {
        background-color: #202836
    }

    .progress.is-dark::-ms-fill {
        background-color: #202836
    }

    .progress.is-dark:indeterminate {
        background-image: linear-gradient(to right, #202836 30%, #ededed 30%)
    }

    .progress.is-primary::-webkit-progress-value {
        background-color: #3d70b2
    }

    .progress.is-primary::-moz-progress-bar {
        background-color: #3d70b2
    }

    .progress.is-primary::-ms-fill {
        background-color: #3d70b2
    }

    .progress.is-primary:indeterminate {
        background-image: linear-gradient(to right, #3d70b2 30%, #ededed 30%)
    }

    .progress.is-link::-webkit-progress-value {
        background-color: #039be5
    }

    .progress.is-link::-moz-progress-bar {
        background-color: #039be5
    }

    .progress.is-link::-ms-fill {
        background-color: #039be5
    }

    .progress.is-link:indeterminate {
        background-image: linear-gradient(to right, #039BE5 30%, #ededed 30%)
    }

    .progress.is-info::-webkit-progress-value {
        background-color: #3e8ed0
    }

    .progress.is-info::-moz-progress-bar {
        background-color: #3e8ed0
    }

    .progress.is-info::-ms-fill {
        background-color: #3e8ed0
    }

    .progress.is-info:indeterminate {
        background-image: linear-gradient(to right, #3e8ed0 30%, #ededed 30%)
    }

    .progress.is-success::-webkit-progress-value {
        background-color: #1ce589
    }

    .progress.is-success::-moz-progress-bar {
        background-color: #1ce589
    }

    .progress.is-success::-ms-fill {
        background-color: #1ce589
    }

    .progress.is-success:indeterminate {
        background-image: linear-gradient(to right, #1CE589 30%, #ededed 30%)
    }

    .progress.is-warning::-webkit-progress-value {
        background-color: #ffe08a
    }

    .progress.is-warning::-moz-progress-bar {
        background-color: #ffe08a
    }

    .progress.is-warning::-ms-fill {
        background-color: #ffe08a
    }

    .progress.is-warning:indeterminate {
        background-image: linear-gradient(to right, #ffe08a 30%, #ededed 30%)
    }

    .progress.is-danger::-webkit-progress-value {
        background-color: #f71416
    }

    .progress.is-danger::-moz-progress-bar {
        background-color: #f71416
    }

    .progress.is-danger::-ms-fill {
        background-color: #f71416
    }

    .progress.is-danger:indeterminate {
        background-image: linear-gradient(to right, #f71416 30%, #ededed 30%)
    }

    .progress:indeterminate {
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-name: moveIndeterminate;
        animation-timing-function: linear;
        background-color: #ededed;
        background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 150% 150%
    }

        .progress:indeterminate::-webkit-progress-bar {
            background-color: transparent
        }

        .progress:indeterminate::-moz-progress-bar {
            background-color: transparent
        }

        .progress:indeterminate::-ms-fill {
            animation-name: none
        }

    .progress.is-small {
        height: .75rem
    }

    .progress.is-medium {
        height: 1.25rem
    }

    .progress.is-large {
        height: 1.5rem
    }

@keyframes moveIndeterminate {
    from {
        background-position: 200% 0
    }

    to {
        background-position: -200% 0
    }
}

.table {
    background-color: #fff;
    color: #363636
}

    .table td, .table th {
        border: 1px solid #dbdbdb;
        border-width: 0 0 1px;
        padding: .5em .75em;
        vertical-align: top
    }

        .table td.is-white, .table th.is-white {
            background-color: #fff;
            border-color: #fff;
            color: #0a0a0a
        }

        .table td.is-black, .table th.is-black {
            background-color: #0a0a0a;
            border-color: #0a0a0a;
            color: #fff
        }

        .table td.is-light, .table th.is-light {
            background-color: #f5f5f5;
            border-color: #f5f5f5;
            color: rgba(0,0,0,.7)
        }

        .table td.is-dark, .table th.is-dark {
            background-color: #202836;
            border-color: #202836;
            color: #fff
        }

        .table td.is-primary, .table th.is-primary {
            background-color: #3d70b2;
            border-color: #3d70b2;
            color: #fff
        }

        .table td.is-link, .table th.is-link {
            background-color: #039be5;
            border-color: #039be5;
            color: #fff
        }

        .table td.is-info, .table th.is-info {
            background-color: #3e8ed0;
            border-color: #3e8ed0;
            color: #fff
        }

        .table td.is-success, .table th.is-success {
            background-color: #1ce589;
            border-color: #1ce589;
            color: rgba(0,0,0,.7)
        }

        .table td.is-warning, .table th.is-warning {
            background-color: #ffe08a;
            border-color: #ffe08a;
            color: rgba(0,0,0,.7)
        }

        .table td.is-danger, .table th.is-danger {
            background-color: #f71416;
            border-color: #f71416;
            color: #fff
        }

        .table td.is-narrow, .table th.is-narrow {
            white-space: nowrap;
            width: 1%
        }

        .table td.is-selected, .table th.is-selected {
            background-color: #3d70b2;
            color: #fff
        }

            .table td.is-selected a, .table td.is-selected strong, .table th.is-selected a, .table th.is-selected strong {
                color: currentColor
            }

        .table td.is-vcentered, .table th.is-vcentered {
            vertical-align: middle
        }

    .table th {
        color: #363636
    }

        .table th:not([align]) {
            text-align: left
        }

    .table tr.is-selected {
        background-color: #3d70b2;
        color: #fff
    }

        .table tr.is-selected a, .table tr.is-selected strong {
            color: currentColor
        }

        .table tr.is-selected td, .table tr.is-selected th {
            border-color: #fff;
            color: currentColor
        }

    .table thead {
        background-color: transparent
    }

        .table thead td, .table thead th {
            border-width: 0 0 2px;
            color: #363636
        }

    .table tfoot {
        background-color: transparent
    }

        .table tfoot td, .table tfoot th {
            border-width: 2px 0 0;
            color: #363636
        }

    .table tbody {
        background-color: transparent
    }

        .table tbody tr:last-child td, .table tbody tr:last-child th {
            border-bottom-width: 0
        }

    .table.is-bordered td, .table.is-bordered th {
        border-width: 1px
    }

    .table.is-bordered tr:last-child td, .table.is-bordered tr:last-child th {
        border-bottom-width: 1px
    }

    .table.is-fullwidth {
        width: 100%
    }

    .table.is-hoverable tbody tr:not(.is-selected):hover {
        background-color: #fafafa
    }

    .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
        background-color: #fafafa
    }

        .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
            background-color: #f5f5f5
        }

    .table.is-narrow td, .table.is-narrow th {
        padding: .25em .5em
    }

    .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
        background-color: #fafafa
    }

.table-container {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    overflow-y: hidden;
    max-width: 100%
}

.tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

    .tags .tag {
        margin-bottom: .5rem
    }

        .tags .tag:not(:last-child) {
            margin-right: .5rem
        }

    .tags:last-child {
        margin-bottom: -0.5rem
    }

    .tags:not(:last-child) {
        margin-bottom: 1rem
    }

    .tags.are-medium .tag:not(.is-normal):not(.is-large) {
        font-size: 1rem
    }

    .tags.are-large .tag:not(.is-normal):not(.is-medium) {
        font-size: 1.25rem
    }

    .tags.is-centered {
        justify-content: center
    }

        .tags.is-centered .tag {
            margin-right: .25rem;
            margin-left: .25rem
        }

    .tags.is-right {
        justify-content: flex-end
    }

        .tags.is-right .tag:not(:first-child) {
            margin-left: .5rem
        }

        .tags.is-right .tag:not(:last-child) {
            margin-right: 0
        }

    .tags.has-addons .tag {
        margin-right: 0
    }

        .tags.has-addons .tag:not(:first-child) {
            margin-left: 0;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .tags.has-addons .tag:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

.tag:not(body) {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 4px;
    color: #4a4a4a;
    display: inline-flex;
    font-size: .75rem;
    height: 2em;
    justify-content: center;
    line-height: 1.5;
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap
}

    .tag:not(body) .delete {
        margin-left: .25rem;
        margin-right: -0.375rem
    }

    .tag:not(body).is-white {
        background-color: #fff;
        color: #0a0a0a
    }

    .tag:not(body).is-black {
        background-color: #0a0a0a;
        color: #fff
    }

    .tag:not(body).is-light {
        background-color: #f5f5f5;
        color: rgba(0,0,0,.7)
    }

    .tag:not(body).is-dark {
        background-color: #202836;
        color: #fff
    }

    .tag:not(body).is-primary {
        background-color: #3d70b2;
        color: #fff
    }

        .tag:not(body).is-primary.is-light {
            background-color: #f0f4fa;
            color: #3c6eaf
        }

    .tag:not(body).is-link {
        background-color: #039be5;
        color: #fff
    }

        .tag:not(body).is-link.is-light {
            background-color: #ebf8ff;
            color: #0385c4
        }

    .tag:not(body).is-info {
        background-color: #3e8ed0;
        color: #fff
    }

        .tag:not(body).is-info.is-light {
            background-color: #eff5fb;
            color: #296fa8
        }

    .tag:not(body).is-success {
        background-color: #1ce589;
        color: rgba(0,0,0,.7)
    }

        .tag:not(body).is-success.is-light {
            background-color: #edfdf5;
            color: #0f854f
        }

    .tag:not(body).is-warning {
        background-color: #ffe08a;
        color: rgba(0,0,0,.7)
    }

        .tag:not(body).is-warning.is-light {
            background-color: #fffaeb;
            color: #946c00
        }

    .tag:not(body).is-danger {
        background-color: #f71416;
        color: #fff
    }

        .tag:not(body).is-danger.is-light {
            background-color: #feebeb;
            color: #e3080a
        }

    .tag:not(body).is-normal {
        font-size: .75rem
    }

    .tag:not(body).is-medium {
        font-size: 1rem
    }

    .tag:not(body).is-large {
        font-size: 1.25rem
    }

    .tag:not(body) .icon:first-child:not(:last-child) {
        margin-left: -0.375em;
        margin-right: .1875em
    }

    .tag:not(body) .icon:last-child:not(:first-child) {
        margin-left: .1875em;
        margin-right: -0.375em
    }

    .tag:not(body) .icon:first-child:last-child {
        margin-left: -0.375em;
        margin-right: -0.375em
    }

    .tag:not(body).is-delete {
        margin-left: 1px;
        padding: 0;
        position: relative;
        width: 2em
    }

        .tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
            background-color: currentColor;
            content: "";
            display: block;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transform-origin: center center
        }

        .tag:not(body).is-delete::before {
            height: 1px;
            width: 50%
        }

        .tag:not(body).is-delete::after {
            height: 50%;
            width: 1px
        }

        .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
            background-color: #e8e8e8
        }

        .tag:not(body).is-delete:active {
            background-color: #dbdbdb
        }

    .tag:not(body).is-rounded {
        border-radius: 9999px
    }

a.tag:hover {
    text-decoration: underline
}

.share-link {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}
.share-link-link {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 4px;
    color: #4a4a4a;
    display: inline-flex;
    font-size: .75rem;
    height: 2em;
    justify-content: center;
    line-height: 1.5;
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap
}

    .share-link-link.is-delete {
        margin-left: 1px;
        padding: 0;
        position: relative;
        width: 2em
    }

        .share-link-link.is-delete::before, .share-link-link.is-delete::after {
            background-color: currentColor;
            content: "";
            display: block;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transform-origin: center center
        }

        .share-link-link.is-delete::before {
            height: 1px;
            width: 50%
        }

        .share-link-link.is-delete::after {
            height: 50%;
            width: 1px
        }

        .share-link-link.is-delete:hover, .tag.is-delete:focus {
            background-color: #e8e8e8
        }

        .share-link-link.is-delete:active {
            background-color: #dbdbdb
        }

.title, .subtitle {
    word-break: break-word
}

    .title em, .title span, .subtitle em, .subtitle span {
        font-weight: inherit
    }

    .title sub, .subtitle sub {
        font-size: .75em
    }

    .title sup, .subtitle sup {
        font-size: .75em
    }

    .title .tag, .subtitle .tag {
        vertical-align: middle
    }

.title {
    color: #363636;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.125
}

    .title strong {
        color: inherit;
        font-weight: inherit
    }

    .title:not(.is-spaced) + .subtitle {
        margin-top: -1.25rem
    }

    .title.is-1 {
        font-size: 3rem
    }

    .title.is-2 {
        font-size: 2.5rem
    }

    .title.is-3 {
        font-size: 2rem
    }

    .title.is-4 {
        font-size: 1.5rem
    }

    .title.is-5 {
        font-size: 1.25rem
    }

    .title.is-6 {
        font-size: 1rem
    }

    .title.is-7 {
        font-size: .75rem
    }

.subtitle {
    color: #4a4a4a;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.25
}

    .subtitle strong {
        color: #363636;
        font-weight: 600
    }

    .subtitle:not(.is-spaced) + .title {
        margin-top: -1.25rem
    }

    .subtitle.is-1 {
        font-size: 3rem
    }

    .subtitle.is-2 {
        font-size: 2.5rem
    }

    .subtitle.is-3 {
        font-size: 2rem
    }

    .subtitle.is-4 {
        font-size: 1.5rem
    }

    .subtitle.is-5 {
        font-size: 1.25rem
    }

    .subtitle.is-6 {
        font-size: 1rem
    }

    .subtitle.is-7 {
        font-size: .75rem
    }

.heading {
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.number {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 9999px;
    display: inline-flex;
    font-size: 1.25rem;
    height: 2em;
    justify-content: center;
    margin-right: 1.5rem;
    min-width: 2.5em;
    padding: .25rem .5rem;
    text-align: center;
    vertical-align: top
}

.select select, .textarea, .input {
    background-color: #fff;
    border-color: #dbdbdb;
    border-radius: 4px;
    color: #363636
}

    .select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder {
        color: rgba(54,54,54,.3)
    }

    .select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder {
        color: rgba(54,54,54,.3)
    }

    .select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder {
        color: rgba(54,54,54,.3)
    }

    .select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder {
        color: rgba(54,54,54,.3)
    }

    .select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input {
        border-color: #b5b5b5
    }

    .select select:focus, .textarea:focus, .input:focus, .select select.is-focused, .is-focused.textarea, .is-focused.input, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input {
        border-color: #039be5;
        box-shadow: 0 0 0 .125em rgba(3,155,229,.25)
    }

    .select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
        background-color: #f5f5f5;
        border-color: #f5f5f5;
        box-shadow: none;
        color: #7a7a7a
    }

        .select select[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, [disabled].input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder {
            color: rgba(122,122,122,.3)
        }

        .select select[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder {
            color: rgba(122,122,122,.3)
        }

        .select select[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, [disabled].input:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder {
            color: rgba(122,122,122,.3)
        }

        .select select[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder {
            color: rgba(122,122,122,.3)
        }

.textarea, .input {
    box-shadow: inset 0 .0625em .125em rgba(10,10,10,.05);
    max-width: 100%;
    width: 100%
}

[readonly].textarea, [readonly].input {
    box-shadow: none
}

.is-white.textarea, .is-white.input {
    border-color: #fff
}

    .is-white.textarea:focus, .is-white.input:focus, .is-white.is-focused.textarea, .is-white.is-focused.input, .is-white.textarea:active, .is-white.input:active, .is-white.is-active.textarea, .is-white.is-active.input {
        box-shadow: 0 0 0 .125em rgba(255,255,255,.25)
    }

.is-black.textarea, .is-black.input {
    border-color: #0a0a0a
}

    .is-black.textarea:focus, .is-black.input:focus, .is-black.is-focused.textarea, .is-black.is-focused.input, .is-black.textarea:active, .is-black.input:active, .is-black.is-active.textarea, .is-black.is-active.input {
        box-shadow: 0 0 0 .125em rgba(10,10,10,.25)
    }

.is-light.textarea, .is-light.input {
    border-color: #f5f5f5
}

    .is-light.textarea:focus, .is-light.input:focus, .is-light.is-focused.textarea, .is-light.is-focused.input, .is-light.textarea:active, .is-light.input:active, .is-light.is-active.textarea, .is-light.is-active.input {
        box-shadow: 0 0 0 .125em rgba(245,245,245,.25)
    }

.is-dark.textarea, .is-dark.input {
    border-color: #202836
}

    .is-dark.textarea:focus, .is-dark.input:focus, .is-dark.is-focused.textarea, .is-dark.is-focused.input, .is-dark.textarea:active, .is-dark.input:active, .is-dark.is-active.textarea, .is-dark.is-active.input {
        box-shadow: 0 0 0 .125em rgba(32,40,54,.25)
    }

.is-primary.textarea, .is-primary.input {
    border-color: #3d70b2
}

    .is-primary.textarea:focus, .is-primary.input:focus, .is-primary.is-focused.textarea, .is-primary.is-focused.input, .is-primary.textarea:active, .is-primary.input:active, .is-primary.is-active.textarea, .is-primary.is-active.input {
        box-shadow: 0 0 0 .125em rgba(61,112,178,.25)
    }

.is-link.textarea, .is-link.input {
    border-color: #039be5
}

    .is-link.textarea:focus, .is-link.input:focus, .is-link.is-focused.textarea, .is-link.is-focused.input, .is-link.textarea:active, .is-link.input:active, .is-link.is-active.textarea, .is-link.is-active.input {
        box-shadow: 0 0 0 .125em rgba(3,155,229,.25)
    }

.is-info.textarea, .is-info.input {
    border-color: #3e8ed0
}

    .is-info.textarea:focus, .is-info.input:focus, .is-info.is-focused.textarea, .is-info.is-focused.input, .is-info.textarea:active, .is-info.input:active, .is-info.is-active.textarea, .is-info.is-active.input {
        box-shadow: 0 0 0 .125em rgba(62,142,208,.25)
    }

.is-success.textarea, .is-success.input {
    border-color: #1ce589
}

    .is-success.textarea:focus, .is-success.input:focus, .is-success.is-focused.textarea, .is-success.is-focused.input, .is-success.textarea:active, .is-success.input:active, .is-success.is-active.textarea, .is-success.is-active.input {
        box-shadow: 0 0 0 .125em rgba(28,229,137,.25)
    }

.is-warning.textarea, .is-warning.input {
    border-color: #ffe08a
}

    .is-warning.textarea:focus, .is-warning.input:focus, .is-warning.is-focused.textarea, .is-warning.is-focused.input, .is-warning.textarea:active, .is-warning.input:active, .is-warning.is-active.textarea, .is-warning.is-active.input {
        box-shadow: 0 0 0 .125em rgba(255,224,138,.25)
    }

.is-danger.textarea, .is-danger.input {
    border-color: #f71416
}

    .is-danger.textarea:focus, .is-danger.input:focus, .is-danger.is-focused.textarea, .is-danger.is-focused.input, .is-danger.textarea:active, .is-danger.input:active, .is-danger.is-active.textarea, .is-danger.is-active.input {
        box-shadow: 0 0 0 .125em rgba(247,20,22,.25)
    }

.is-small.textarea, .is-small.input {
    border-radius: 2px;
    font-size: .75rem
}

.is-medium.textarea, .is-medium.input {
    font-size: 1.25rem
}

.is-large.textarea, .is-large.input {
    font-size: 1.5rem
}

.is-fullwidth.textarea, .is-fullwidth.input {
    display: block;
    width: 100%
}

.is-inline.textarea, .is-inline.input {
    display: inline;
    width: auto
}

.input.is-rounded {
    border-radius: 9999px;
    padding-left: calc(calc(0.75em - 1px) + 0.375em);
    padding-right: calc(calc(0.75em - 1px) + 0.375em)
}

.input.is-static {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0
}

.textarea {
    display: block;
    max-width: 100%;
    min-width: 100%;
    padding: calc(0.75em - 1px);
    resize: vertical
}

    .textarea:not([rows]) {
        max-height: 40em;
        min-height: 8em
    }

    .textarea[rows] {
        height: initial
    }

    .textarea.has-fixed-size {
        resize: none
    }

.radio, .checkbox {
    cursor: pointer;
    display: inline-block;
    line-height: 1.25;
    position: relative
}

    .radio input, .checkbox input {
        cursor: pointer
    }

    .radio:hover, .checkbox:hover {
        color: #363636
    }

    [disabled].radio, [disabled].checkbox, fieldset[disabled] .radio, fieldset[disabled] .checkbox, .radio input[disabled], .checkbox input[disabled] {
        color: #7a7a7a;
        cursor: not-allowed
    }

    .radio + .radio {
        margin-left: .5em
    }

.select {
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top
}

    .select:not(.is-multiple) {
        height: 2.5em
    }

        .select:not(.is-multiple):not(.is-loading)::after {
            border-color: #039be5;
            right: 1.125em;
            z-index: 4
        }

    .select.is-rounded select {
        border-radius: 9999px;
        padding-left: 1em
    }

    .select select {
        cursor: pointer;
        display: block;
        font-size: 1em;
        max-width: 100%;
        outline: none
    }

        .select select::-ms-expand {
            display: none
        }

        .select select[disabled]:hover, fieldset[disabled] .select select:hover {
            border-color: #f5f5f5
        }

        .select select:not([multiple]) {
            padding-right: 2.5em
        }

        .select select[multiple] {
            height: auto;
            padding: 0
        }

            .select select[multiple] option {
                padding: .5em 1em
            }

    .select:not(.is-multiple):not(.is-loading):hover::after {
        border-color: #363636
    }

    .select.is-white:not(:hover)::after {
        border-color: #fff
    }

    .select.is-white select {
        border-color: #fff
    }

        .select.is-white select:hover, .select.is-white select.is-hovered {
            border-color: #f2f2f2
        }

        .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
            box-shadow: 0 0 0 .125em rgba(255,255,255,.25)
        }

    .select.is-black:not(:hover)::after {
        border-color: #0a0a0a
    }

    .select.is-black select {
        border-color: #0a0a0a
    }

        .select.is-black select:hover, .select.is-black select.is-hovered {
            border-color: #000
        }

        .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
            box-shadow: 0 0 0 .125em rgba(10,10,10,.25)
        }

    .select.is-light:not(:hover)::after {
        border-color: #f5f5f5
    }

    .select.is-light select {
        border-color: #f5f5f5
    }

        .select.is-light select:hover, .select.is-light select.is-hovered {
            border-color: #e8e8e8
        }

        .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
            box-shadow: 0 0 0 .125em rgba(245,245,245,.25)
        }

    .select.is-dark:not(:hover)::after {
        border-color: #202836
    }

    .select.is-dark select {
        border-color: #202836
    }

        .select.is-dark select:hover, .select.is-dark select.is-hovered {
            border-color: #171c26
        }

        .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
            box-shadow: 0 0 0 .125em rgba(32,40,54,.25)
        }

    .select.is-primary:not(:hover)::after {
        border-color: #3d70b2
    }

    .select.is-primary select {
        border-color: #3d70b2
    }

        .select.is-primary select:hover, .select.is-primary select.is-hovered {
            border-color: #36649f
        }

        .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
            box-shadow: 0 0 0 .125em rgba(61,112,178,.25)
        }

    .select.is-link:not(:hover)::after {
        border-color: #039be5
    }

    .select.is-link select {
        border-color: #039be5
    }

        .select.is-link select:hover, .select.is-link select.is-hovered {
            border-color: #038acc
        }

        .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
            box-shadow: 0 0 0 .125em rgba(3,155,229,.25)
        }

    .select.is-info:not(:hover)::after {
        border-color: #3e8ed0
    }

    .select.is-info select {
        border-color: #3e8ed0
    }

        .select.is-info select:hover, .select.is-info select.is-hovered {
            border-color: #3082c5
        }

        .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
            box-shadow: 0 0 0 .125em rgba(62,142,208,.25)
        }

    .select.is-success:not(:hover)::after {
        border-color: #1ce589
    }

    .select.is-success select {
        border-color: #1ce589
    }

        .select.is-success select:hover, .select.is-success select.is-hovered {
            border-color: #18d07c
        }

        .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
            box-shadow: 0 0 0 .125em rgba(28,229,137,.25)
        }

    .select.is-warning:not(:hover)::after {
        border-color: #ffe08a
    }

    .select.is-warning select {
        border-color: #ffe08a
    }

        .select.is-warning select:hover, .select.is-warning select.is-hovered {
            border-color: #ffd970
        }

        .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
            box-shadow: 0 0 0 .125em rgba(255,224,138,.25)
        }

    .select.is-danger:not(:hover)::after {
        border-color: #f71416
    }

    .select.is-danger select {
        border-color: #f71416
    }

        .select.is-danger select:hover, .select.is-danger select.is-hovered {
            border-color: #ea080a
        }

        .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
            box-shadow: 0 0 0 .125em rgba(247,20,22,.25)
        }

    .select.is-small {
        border-radius: 2px;
        font-size: .75rem
    }

    .select.is-medium {
        font-size: 1.25rem
    }

    .select.is-large {
        font-size: 1.5rem
    }

    .select.is-disabled::after {
        border-color: #7a7a7a !important;
        opacity: .5
    }

    .select.is-fullwidth {
        width: 100%
    }

        .select.is-fullwidth select {
            width: 100%
        }

    .select.is-loading::after {
        margin-top: 0;
        position: absolute;
        right: .625em;
        top: .625em;
        transform: none
    }

    .select.is-loading.is-small:after {
        font-size: .75rem
    }

    .select.is-loading.is-medium:after {
        font-size: 1.25rem
    }

    .select.is-loading.is-large:after {
        font-size: 1.5rem
    }

.file {
    align-items: stretch;
    display: flex;
    justify-content: flex-start;
    position: relative
}

    .file.is-white .file-cta {
        background-color: #fff;
        border-color: transparent;
        color: #0a0a0a
    }

    .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
        background-color: #f9f9f9;
        border-color: transparent;
        color: #0a0a0a
    }

    .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 .5em rgba(255,255,255,.25);
        color: #0a0a0a
    }

    .file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
        background-color: #f2f2f2;
        border-color: transparent;
        color: #0a0a0a
    }

    .file.is-black .file-cta {
        background-color: #0a0a0a;
        border-color: transparent;
        color: #fff
    }

    .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
        background-color: #040404;
        border-color: transparent;
        color: #fff
    }

    .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 .5em rgba(10,10,10,.25);
        color: #fff
    }

    .file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
        background-color: #000;
        border-color: transparent;
        color: #fff
    }

    .file.is-light .file-cta {
        background-color: #f5f5f5;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

    .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
        background-color: #eee;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

    .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 .5em rgba(245,245,245,.25);
        color: rgba(0,0,0,.7)
    }

    .file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
        background-color: #e8e8e8;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

    .file.is-dark .file-cta {
        background-color: #202836;
        border-color: transparent;
        color: #fff
    }

    .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
        background-color: #1b222e;
        border-color: transparent;
        color: #fff
    }

    .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 .5em rgba(32,40,54,.25);
        color: #fff
    }

    .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
        background-color: #171c26;
        border-color: transparent;
        color: #fff
    }

    .file.is-primary .file-cta {
        background-color: #3d70b2;
        border-color: transparent;
        color: #fff
    }

    .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
        background-color: #3a6aa9;
        border-color: transparent;
        color: #fff
    }

    .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 .5em rgba(61,112,178,.25);
        color: #fff
    }

    .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
        background-color: #36649f;
        border-color: transparent;
        color: #fff
    }

    .file.is-link .file-cta {
        background-color: #039be5;
        border-color: transparent;
        color: #fff
    }

    .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
        background-color: #0392d8;
        border-color: transparent;
        color: #fff
    }

    .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 .5em rgba(3,155,229,.25);
        color: #fff
    }

    .file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
        background-color: #038acc;
        border-color: transparent;
        color: #fff
    }

    .file.is-info .file-cta {
        background-color: #3e8ed0;
        border-color: transparent;
        color: #fff
    }

    .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
        background-color: #3488ce;
        border-color: transparent;
        color: #fff
    }

    .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 .5em rgba(62,142,208,.25);
        color: #fff
    }

    .file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
        background-color: #3082c5;
        border-color: transparent;
        color: #fff
    }

    .file.is-success .file-cta {
        background-color: #1ce589;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

    .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
        background-color: #19db82;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

    .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 .5em rgba(28,229,137,.25);
        color: rgba(0,0,0,.7)
    }

    .file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
        background-color: #18d07c;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

    .file.is-warning .file-cta {
        background-color: #ffe08a;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

    .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
        background-color: #ffdc7d;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

    .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 .5em rgba(255,224,138,.25);
        color: rgba(0,0,0,.7)
    }

    .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
        background-color: #ffd970;
        border-color: transparent;
        color: rgba(0,0,0,.7)
    }

    .file.is-danger .file-cta {
        background-color: #f71416;
        border-color: transparent;
        color: #fff
    }

    .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
        background-color: #f6080a;
        border-color: transparent;
        color: #fff
    }

    .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 .5em rgba(247,20,22,.25);
        color: #fff
    }

    .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
        background-color: #ea080a;
        border-color: transparent;
        color: #fff
    }

    .file.is-small {
        font-size: .75rem
    }

    .file.is-normal {
        font-size: 1rem
    }

    .file.is-medium {
        font-size: 1.25rem
    }

        .file.is-medium .file-icon .fa {
            font-size: 21px
        }

    .file.is-large {
        font-size: 1.5rem
    }

        .file.is-large .file-icon .fa {
            font-size: 28px
        }

    .file.has-name .file-cta {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .file.has-name .file-name {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .file.has-name.is-empty .file-cta {
        border-radius: 4px
    }

    .file.has-name.is-empty .file-name {
        display: none
    }

    .file.is-boxed .file-label {
        flex-direction: column
    }

    .file.is-boxed .file-cta {
        flex-direction: column;
        height: auto;
        padding: 1em 3em
    }

    .file.is-boxed .file-name {
        border-width: 0 1px 1px
    }

    .file.is-boxed .file-icon {
        height: 1.5em;
        width: 1.5em
    }

        .file.is-boxed .file-icon .fa {
            font-size: 21px
        }

    .file.is-boxed.is-small .file-icon .fa {
        font-size: 14px
    }

    .file.is-boxed.is-medium .file-icon .fa {
        font-size: 28px
    }

    .file.is-boxed.is-large .file-icon .fa {
        font-size: 35px
    }

    .file.is-boxed.has-name .file-cta {
        border-radius: 4px 4px 0 0
    }

    .file.is-boxed.has-name .file-name {
        border-radius: 0 0 4px 4px;
        border-width: 0 1px 1px
    }

    .file.is-centered {
        justify-content: center
    }

    .file.is-fullwidth .file-label {
        width: 100%
    }

    .file.is-fullwidth .file-name {
        flex-grow: 1;
        max-width: none
    }

    .file.is-right {
        justify-content: flex-end
    }

        .file.is-right .file-cta {
            border-radius: 0 4px 4px 0
        }

        .file.is-right .file-name {
            border-radius: 4px 0 0 4px;
            border-width: 1px 0 1px 1px;
            order: -1
        }

.file-label {
    align-items: stretch;
    display: flex;
    cursor: pointer;
    justify-content: flex-start;
    overflow: hidden;
    position: relative
}

    .file-label:hover .file-cta {
        background-color: #eee;
        color: #363636
    }

    .file-label:hover .file-name {
        border-color: #d5d5d5
    }

    .file-label:active .file-cta {
        background-color: #e8e8e8;
        color: #363636
    }

    .file-label:active .file-name {
        border-color: #cfcfcf
    }

.file-input {
    height: 100%;
    left: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 100%
}

.file-cta, .file-name {
    border-color: #dbdbdb;
    border-radius: 4px;
    font-size: 1em;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap
}

.file-cta {
    background-color: #f5f5f5;
    color: #4a4a4a
}

.file-name {
    border-color: #dbdbdb;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    display: block;
    max-width: 16em;
    overflow: hidden;
    text-align: inherit;
    text-overflow: ellipsis
}

.file-icon {
    align-items: center;
    display: flex;
    height: 1em;
    justify-content: center;
    margin-right: .5em;
    width: 1em
}

    .file-icon .fa {
        font-size: 14px
    }

.label {
    color: #363636;
    display: block;
    font-size: 1rem;
    font-weight: 700
}

    .label:not(:last-child) {
        margin-bottom: .5em
    }

    .label.is-small {
        font-size: .75rem
    }

    .label.is-medium {
        font-size: 1.25rem
    }

    .label.is-large {
        font-size: 1.5rem
    }

.help {
    display: block;
    font-size: .75rem;
    margin-top: .25rem
}

    .help.is-white {
        color: #fff
    }

    .help.is-black {
        color: #0a0a0a
    }

    .help.is-light {
        color: #f5f5f5
    }

    .help.is-dark {
        color: #202836
    }

    .help.is-primary {
        color: #3d70b2
    }

    .help.is-link {
        color: #039be5
    }

    .help.is-info {
        color: #3e8ed0
    }

    .help.is-success {
        color: #1ce589
    }

    .help.is-warning {
        color: #ffe08a
    }

    .help.is-danger {
        color: #f71416
    }

.field:not(:last-child) {
    margin-bottom: .75rem
}

.field.has-addons {
    display: flex;
    justify-content: flex-start
}

    .field.has-addons .control:not(:last-child) {
        margin-right: -1px
    }

    .field.has-addons .control:not(:first-child):not(:last-child) .button, .field.has-addons .control:not(:first-child):not(:last-child) .input, .field.has-addons .control:not(:first-child):not(:last-child) .select select {
        border-radius: 0
    }

    .field.has-addons .control:first-child:not(:only-child) .button, .field.has-addons .control:first-child:not(:only-child) .input, .field.has-addons .control:first-child:not(:only-child) .select select {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .field.has-addons .control:last-child:not(:only-child) .button, .field.has-addons .control:last-child:not(:only-child) .input, .field.has-addons .control:last-child:not(:only-child) .select select {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered, .field.has-addons .control .input:not([disabled]):hover, .field.has-addons .control .input:not([disabled]).is-hovered, .field.has-addons .control .select select:not([disabled]):hover, .field.has-addons .control .select select:not([disabled]).is-hovered {
        z-index: 2
    }

    .field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active, .field.has-addons .control .input:not([disabled]):focus, .field.has-addons .control .input:not([disabled]).is-focused, .field.has-addons .control .input:not([disabled]):active, .field.has-addons .control .input:not([disabled]).is-active, .field.has-addons .control .select select:not([disabled]):focus, .field.has-addons .control .select select:not([disabled]).is-focused, .field.has-addons .control .select select:not([disabled]):active, .field.has-addons .control .select select:not([disabled]).is-active {
        z-index: 3
    }

        .field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover, .field.has-addons .control .input:not([disabled]):focus:hover, .field.has-addons .control .input:not([disabled]).is-focused:hover, .field.has-addons .control .input:not([disabled]):active:hover, .field.has-addons .control .input:not([disabled]).is-active:hover, .field.has-addons .control .select select:not([disabled]):focus:hover, .field.has-addons .control .select select:not([disabled]).is-focused:hover, .field.has-addons .control .select select:not([disabled]):active:hover, .field.has-addons .control .select select:not([disabled]).is-active:hover {
            z-index: 4
        }

    .field.has-addons .control.is-expanded {
        flex-grow: 1;
        flex-shrink: 1
    }

    .field.has-addons.has-addons-centered {
        justify-content: center
    }

    .field.has-addons.has-addons-right {
        justify-content: flex-end
    }

    .field.has-addons.has-addons-fullwidth .control {
        flex-grow: 1;
        flex-shrink: 0
    }

.field.is-grouped {
    display: flex;
    justify-content: flex-start
}

    .field.is-grouped > .control {
        flex-shrink: 0
    }

        .field.is-grouped > .control:not(:last-child) {
            margin-bottom: 0;
            margin-right: .75rem
        }

        .field.is-grouped > .control.is-expanded {
            flex-grow: 1;
            flex-shrink: 1
        }

    .field.is-grouped.is-grouped-centered {
        justify-content: center
    }

    .field.is-grouped.is-grouped-right {
        justify-content: flex-end
    }

    .field.is-grouped.is-grouped-multiline {
        flex-wrap: wrap
    }

        .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
            margin-bottom: .75rem
        }

        .field.is-grouped.is-grouped-multiline:last-child {
            margin-bottom: -0.75rem
        }

        .field.is-grouped.is-grouped-multiline:not(:last-child) {
            margin-bottom: 0
        }

@media screen and (min-width: 769px),print {
    .field.is-horizontal {
        display: flex
    }
}

.field-label .label {
    font-size: inherit
}

@media screen and (max-width: 768px) {
    .field-label {
        margin-bottom: .5rem
    }
}

@media screen and (min-width: 769px),print {
    .field-label {
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 0;
        margin-right: 1.5rem;
        text-align: right
    }

        .field-label.is-small {
            font-size: .75rem;
            padding-top: .375em
        }

        .field-label.is-normal {
            padding-top: .375em
        }

        .field-label.is-medium {
            font-size: 1.25rem;
            padding-top: .375em
        }

        .field-label.is-large {
            font-size: 1.5rem;
            padding-top: .375em
        }
}

.field-body .field .field {
    margin-bottom: 0
}

@media screen and (min-width: 769px),print {
    .field-body {
        display: flex;
        flex-basis: 0;
        flex-grow: 5;
        flex-shrink: 1
    }

        .field-body .field {
            margin-bottom: 0
        }

        .field-body > .field {
            flex-shrink: 1
        }

            .field-body > .field:not(.is-narrow) {
                flex-grow: 1
            }

            .field-body > .field:not(:last-child) {
                margin-right: .75rem
            }
}

.control {
    box-sizing: border-box;
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: inherit
}

    .control.has-icons-left .input:focus ~ .icon, .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, .control.has-icons-right .select:focus ~ .icon {
        color: #4a4a4a
    }

    .control.has-icons-left .input.is-small ~ .icon, .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, .control.has-icons-right .select.is-small ~ .icon {
        font-size: .75rem
    }

    .control.has-icons-left .input.is-medium ~ .icon, .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, .control.has-icons-right .select.is-medium ~ .icon {
        font-size: 1.25rem
    }

    .control.has-icons-left .input.is-large ~ .icon, .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, .control.has-icons-right .select.is-large ~ .icon {
        font-size: 1.5rem
    }

    .control.has-icons-left .icon, .control.has-icons-right .icon {
        color: #dbdbdb;
        height: 2.5em;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 2.5em;
        z-index: 4
    }

    .control.has-icons-left .input, .control.has-icons-left .select select {
        padding-left: 2.5em
    }

    .control.has-icons-left .icon.is-left {
        left: 0
    }

    .control.has-icons-right .input, .control.has-icons-right .select select {
        padding-right: 2.5em
    }

    .control.has-icons-right .icon.is-right {
        right: 0
    }

    .control.is-loading::after {
        position: absolute !important;
        right: .625em;
        top: .625em;
        z-index: 4
    }

    .control.is-loading.is-small:after {
        font-size: .75rem
    }

    .control.is-loading.is-medium:after {
        font-size: 1.25rem
    }

    .control.is-loading.is-large:after {
        font-size: 1.5rem
    }

.breadcrumb {
    font-size: 1rem;
    white-space: nowrap
}
.breadcrumb .separator{
    display:flex;
    width: 15px;
}
    .breadcrumb a {
        align-items: center;
        color: #fff;
        display: flex;
        justify-content: center;
        padding: 0 .75em
    }

        .breadcrumb a:hover {
            color: #363636
        }

    .breadcrumb li {
        align-items: center;
        display: flex
    }

        .breadcrumb li:first-child a {
            padding-left: 0
        }

        .breadcrumb li.is-active a {
            color: #363636;
            cursor: default;
            pointer-events: none
        }

    /*.breadcrumb li + li::before {
            color: #b5b5b5;
            content: "/"
        }*/

    .breadcrumb ul, .breadcrumb ol {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .breadcrumb .icon:first-child {
        margin-right: .5em
    }

    .breadcrumb .icon:last-child {
        margin-left: .5em
    }

    .breadcrumb.is-centered ol, .breadcrumb.is-centered ul {
        justify-content: center
    }

    .breadcrumb.is-right ol, .breadcrumb.is-right ul {
        justify-content: flex-end
    }

    .breadcrumb.is-small {
        font-size: .75rem
    }

    .breadcrumb.is-medium {
        font-size: 1.25rem
    }

    .breadcrumb.is-large {
        font-size: 1.5rem
    }

    .breadcrumb.has-arrow-separator li + li::before {
        content: "→"
    }

    .breadcrumb.has-bullet-separator li + li::before {
        content: "•"
    }

    .breadcrumb.has-dot-separator li + li::before {
        content: "·"
    }

    .breadcrumb.has-succeeds-separator li + li::before {
        content: "≻"
    }

.card, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card {
    background-color: #fff;
    border-radius: .25rem;
    box-shadow: 0 .5em 1em -0.125em rgba(10,10,10,.1),0 0px 0 1px rgba(10,10,10,.02);
    color: #4a4a4a;
    max-width: 100%;
    position: relative
}

.card-footer:first-child, .card-content:first-child, .card-header:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card-footer:last-child, .card-content:last-child, .card-header:last-child {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.card-header {
    background-color: transparent;
    align-items: stretch;
    box-shadow: 0 .125em .25em rgba(10,10,10,.1);
    display: flex
}

.card-header-title {
    align-items: center;
    color: #363636;
    display: flex;
    flex-grow: 1;
    font-weight: 700;
    padding: .75rem 1rem
}

    .card-header-title.is-centered {
        justify-content: center
    }

.card-header-icon {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: currentColor;
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0;
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: .75rem 1rem
}

.card-image {
    display: block;
    position: relative
}

    .card-image:first-child img {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .card-image:last-child img {
        border-bottom-left-radius: .25rem;
        border-bottom-right-radius: .25rem
    }

.card-content {
    background-color: transparent;
    padding: 1.5rem
}

.card-footer {
    background-color: transparent;
    border-top: 1px solid #ededed;
    align-items: stretch;
    display: flex
}

.card-footer-item {
    align-items: center;
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: center;
    padding: .75rem
}

    .card-footer-item:not(:last-child) {
        border-right: 1px solid #ededed
    }

.card .media:not(:last-child), .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .media:not(:last-child) {
    margin-bottom: 1.5rem
}

.dropdown {
    display: inline-flex;
    position: relative;
    vertical-align: top
}

    .dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
        display: block
    }

    .dropdown.is-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .dropdown.is-up .dropdown-menu {
        bottom: 100%;
        padding-bottom: 4px;
        padding-top: initial;
        top: auto
    }

.dropdown-menu {
    display: none;
    left: 0;
    min-width: 12rem;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    z-index: 20
}

.dropdown-content {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 .5em 1em -0.125em rgba(10,10,10,.1),0 0px 0 1px rgba(10,10,10,.02);
    padding-bottom: .5rem;
    padding-top: .5rem
}

.dropdown-item {
    color: #4a4a4a;
    display: block;
    font-size: .875rem;
    line-height: 1.5;
    padding: .375rem 1rem;
    position: relative
}

a.dropdown-item, button.dropdown-item {
    padding-right: 3rem;
    text-align: inherit;
    white-space: nowrap;
    width: 100%
}

    a.dropdown-item:hover, button.dropdown-item:hover {
        background-color: #f5f5f5;
        color: #0a0a0a
    }

    a.dropdown-item.is-active, button.dropdown-item.is-active {
        background-color: #039be5;
        color: #fff
    }

.dropdown-divider {
    background-color: #ededed;
    border: none;
    display: block;
    height: 1px;
    margin: .5rem 0
}

.level {
    align-items: center;
    justify-content: space-between
}

    .level code {
        border-radius: 4px
    }

    .level img {
        display: inline-block;
        vertical-align: top
    }

    .level.is-mobile {
        display: flex
    }

        .level.is-mobile .level-left, .level.is-mobile .level-right {
            display: flex
        }

            .level.is-mobile .level-left + .level-right {
                margin-top: 0
            }

        .level.is-mobile .level-item:not(:last-child) {
            margin-bottom: 0;
            margin-right: .75rem
        }

        .level.is-mobile .level-item:not(.is-narrow) {
            flex-grow: 1
        }

@media screen and (min-width: 769px),print {
    .level {
        display: flex
    }

        .level > .level-item:not(.is-narrow) {
            flex-grow: 1
        }
}

.level-item {
    align-items: center;
    display: flex;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center
}

    .level-item .title, .level-item .subtitle {
        margin-bottom: 0
    }

@media screen and (max-width: 768px) {
    .level-item:not(:last-child) {
        margin-bottom: .75rem
    }
}

.level-left, .level-right {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

    .level-left .level-item.is-flexible, .level-right .level-item.is-flexible {
        flex-grow: 1
    }

@media screen and (min-width: 769px),print {
    .level-left .level-item:not(:last-child), .level-right .level-item:not(:last-child) {
        margin-right: .75rem
    }
}

.level-left {
    align-items: center;
    justify-content: flex-start
}

@media screen and (max-width: 768px) {
    .level-left + .level-right {
        margin-top: 1.5rem
    }
}

@media screen and (min-width: 769px),print {
    .level-left {
        display: flex
    }
}

.level-right {
    align-items: center;
    justify-content: flex-end
}

@media screen and (min-width: 769px),print {
    .level-right {
        display: flex
    }
}

.media {
    align-items: flex-start;
    display: flex;
    text-align: inherit
}

    .media .content:not(:last-child) {
        margin-bottom: .75rem
    }

    .media .media {
        border-top: 1px solid rgba(219,219,219,.5);
        display: flex;
        padding-top: .75rem
    }

        .media .media .content:not(:last-child), .media .media .control:not(:last-child) {
            margin-bottom: .5rem
        }

        .media .media .media {
            padding-top: .5rem
        }

            .media .media .media + .media {
                margin-top: .5rem
            }

    .media + .media {
        border-top: 1px solid rgba(219,219,219,.5);
        margin-top: 1rem;
        padding-top: 1rem
    }

    .media.is-large + .media {
        margin-top: 1.5rem;
        padding-top: 1.5rem
    }

.media-left, .media-right {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.media-left {
    margin-right: 1rem
}

.media-right {
    margin-left: 1rem
}

.media-content {
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    text-align: inherit
}
.media-content .button {
    padding: 5px 12px !important;
}
@media screen and (max-width: 768px) {
    .media-content {
        overflow-x: auto
    }
}

.menu {
    font-size: 1rem
}

    .menu.is-small {
        font-size: .75rem
    }

    .menu.is-medium {
        font-size: 1.25rem
    }

    .menu.is-large {
        font-size: 1.5rem
    }

.menu-list {
    line-height: 1.25
}

    .menu-list a {
        border-radius: 2px;
        color: #4a4a4a;
        display: block;
        padding: .5em .75em
    }

        .menu-list a:hover {
            background-color: #f5f5f5;
            color: #363636
        }

        .menu-list a.is-active {
            background-color: #039be5;
            color: #fff
        }

    .menu-list li ul {
        border-left: 1px solid #dbdbdb;
        margin: .75em;
        padding-left: .75em
    }

.menu-label {
    color: #7a7a7a;
    font-size: .75em;
    letter-spacing: .1em;
    text-transform: uppercase
}

    .menu-label:not(:first-child) {
        margin-top: 1em
    }

    .menu-label:not(:last-child) {
        margin-bottom: 1em
    }

.message {
    background-color: #f5f5f5;
    border-radius: 4px;
    font-size: 1rem
}

    .message strong {
        color: currentColor
    }

    .message a:not(.button):not(.tag):not(.dropdown-item) {
        color: currentColor;
        text-decoration: underline
    }

    .message.is-small {
        font-size: .75rem
    }

    .message.is-medium {
        font-size: 1.25rem
    }

    .message.is-large {
        font-size: 1.5rem
    }

    .message.is-white {
        background-color: #fff
    }

        .message.is-white .message-header {
            background-color: #fff;
            color: #0a0a0a
        }

        .message.is-white .message-body {
            border-color: #fff
        }

    .message.is-black {
        background-color: #fafafa
    }

        .message.is-black .message-header {
            background-color: #0a0a0a;
            color: #fff
        }

        .message.is-black .message-body {
            border-color: #0a0a0a
        }

    .message.is-light {
        background-color: #fafafa
    }

        .message.is-light .message-header {
            background-color: #f5f5f5;
            color: rgba(0,0,0,.7)
        }

        .message.is-light .message-body {
            border-color: #f5f5f5
        }

    .message.is-dark {
        background-color: #f9fafb
    }

        .message.is-dark .message-header {
            background-color: #202836;
            color: #fff
        }

        .message.is-dark .message-body {
            border-color: #202836
        }

    .message.is-primary {
        background-color: #f0f4fa
    }

        .message.is-primary .message-header {
            background-color: #3d70b2;
            color: #fff
        }

        .message.is-primary .message-body {
            border-color: #3d70b2;
            color: #3c6eaf
        }

    .message.is-link {
        background-color: #ebf8ff
    }

        .message.is-link .message-header {
            background-color: #039be5;
            color: #fff
        }

        .message.is-link .message-body {
            border-color: #039be5;
            color: #0385c4
        }

    .message.is-info {
        background-color: #eff5fb
    }

        .message.is-info .message-header {
            background-color: #3e8ed0;
            color: #fff
        }

        .message.is-info .message-body {
            border-color: #3e8ed0;
            color: #296fa8
        }

    .message.is-success {
        background-color: #edfdf5
    }

        .message.is-success .message-header {
            background-color: #1ce589;
            color: rgba(0,0,0,.7)
        }

        .message.is-success .message-body {
            border-color: #1ce589;
            color: #0f854f
        }

    .message.is-warning {
        background-color: #fffaeb
    }

        .message.is-warning .message-header {
            background-color: #ffe08a;
            color: rgba(0,0,0,.7)
        }

        .message.is-warning .message-body {
            border-color: #ffe08a;
            color: #946c00
        }

    .message.is-danger {
        background-color: #feebeb
    }

        .message.is-danger .message-header {
            background-color: #f71416;
            color: #fff
        }

        .message.is-danger .message-body {
            border-color: #f71416;
            color: #e3080a
        }

.message-header {
    align-items: center;
    background-color: #4a4a4a;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    line-height: 1.25;
    padding: .75em 1em;
    position: relative
}

    .message-header .delete {
        flex-grow: 0;
        flex-shrink: 0;
        margin-left: .75em
    }

    .message-header + .message-body {
        border-width: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.message-body {
    border-color: #dbdbdb;
    border-radius: 4px;
    border-style: solid;
    border-width: 0 0 0 4px;
    color: #4a4a4a;
    padding: 1.25em 1.5em
}

    .message-body code, .message-body pre {
        background-color: #fff
    }

        .message-body pre code {
            background-color: transparent
        }

.modal {
    align-items: center;
    display: none;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    z-index: 40
}

    .modal.is-active {
        display: flex
    }

.modal-background {
    background-color: rgba(10,10,10,.86)
}

.modal-content, .modal-card {
    margin: 0 20px;
    max-height: calc(100vh - 160px);
    overflow: auto;
    position: relative;
    width: 100%
}

@media screen and (min-width: 769px) {
    .modal-content, .modal-card {
        margin: 0 auto;
        max-height: calc(100vh - 40px);
        width: 640px
    }
}

.modal-close {
    background: none;
    height: 40px;
    position: fixed;
    right: 20px;
    top: 20px;
    width: 40px
}

.modal-card {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 40px);
    overflow: hidden;
    -ms-overflow-y: visible
}

.modal-card-head, .modal-card-foot {
    align-items: center;
    background-color: #f5f5f5;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-start;
    padding: 20px;
    position: relative
}

.modal-card-head {
    border-bottom: 1px solid #dbdbdb;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.modal-card-title {
    color: #363636;
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 1.5rem;
    line-height: 1
}

.modal-card-foot {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 1px solid #dbdbdb
}

    .modal-card-foot .button:not(:last-child) {
        margin-right: .5em
    }

.modal-card-body {
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    flex-grow: 1;
    flex-shrink: 1;
    overflow: auto;
    padding: 20px
}

.navbar {
    background-color: #fff;
    min-height: 3.25rem;
    position: relative;
    z-index: 30
}

    .navbar.is-white {
        background-color: #fff;
        color: #0a0a0a
    }

        .navbar.is-white .navbar-brand > .navbar-item, .navbar.is-white .navbar-brand .navbar-link {
            color: #0a0a0a
        }

            .navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, .navbar.is-white .navbar-brand .navbar-link:focus, .navbar.is-white .navbar-brand .navbar-link:hover, .navbar.is-white .navbar-brand .navbar-link.is-active {
                background-color: #f2f2f2;
                color: #0a0a0a
            }

            .navbar.is-white .navbar-brand .navbar-link::after {
                border-color: #0a0a0a
            }

        .navbar.is-white .navbar-burger {
            color: #0a0a0a
        }

@media screen and (min-width: 1024px) {
    .navbar.is-white .navbar-start > .navbar-item, .navbar.is-white .navbar-start .navbar-link, .navbar.is-white .navbar-end > .navbar-item, .navbar.is-white .navbar-end .navbar-link {
        color: #0a0a0a
    }

        .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, .navbar.is-white .navbar-start .navbar-link:focus, .navbar.is-white .navbar-start .navbar-link:hover, .navbar.is-white .navbar-start .navbar-link.is-active, .navbar.is-white .navbar-end > a.navbar-item:focus, .navbar.is-white .navbar-end > a.navbar-item:hover, .navbar.is-white .navbar-end > a.navbar-item.is-active, .navbar.is-white .navbar-end .navbar-link:focus, .navbar.is-white .navbar-end .navbar-link:hover, .navbar.is-white .navbar-end .navbar-link.is-active {
            background-color: #f2f2f2;
            color: #0a0a0a
        }

        .navbar.is-white .navbar-start .navbar-link::after, .navbar.is-white .navbar-end .navbar-link::after {
            border-color: #0a0a0a
        }

    .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #f2f2f2;
        color: #0a0a0a
    }

    .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
        background-color: #fff;
        color: #0a0a0a
    }
}

.navbar.is-black {
    background-color: #0a0a0a;
    color: #fff
}

    .navbar.is-black .navbar-brand > .navbar-item, .navbar.is-black .navbar-brand .navbar-link {
        color: #fff
    }

        .navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, .navbar.is-black .navbar-brand .navbar-link:focus, .navbar.is-black .navbar-brand .navbar-link:hover, .navbar.is-black .navbar-brand .navbar-link.is-active {
            background-color: #000;
            color: #fff
        }

        .navbar.is-black .navbar-brand .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-black .navbar-burger {
        color: #fff
    }

@media screen and (min-width: 1024px) {
    .navbar.is-black .navbar-start > .navbar-item, .navbar.is-black .navbar-start .navbar-link, .navbar.is-black .navbar-end > .navbar-item, .navbar.is-black .navbar-end .navbar-link {
        color: #fff
    }

        .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, .navbar.is-black .navbar-start .navbar-link:focus, .navbar.is-black .navbar-start .navbar-link:hover, .navbar.is-black .navbar-start .navbar-link.is-active, .navbar.is-black .navbar-end > a.navbar-item:focus, .navbar.is-black .navbar-end > a.navbar-item:hover, .navbar.is-black .navbar-end > a.navbar-item.is-active, .navbar.is-black .navbar-end .navbar-link:focus, .navbar.is-black .navbar-end .navbar-link:hover, .navbar.is-black .navbar-end .navbar-link.is-active {
            background-color: #000;
            color: #fff
        }

        .navbar.is-black .navbar-start .navbar-link::after, .navbar.is-black .navbar-end .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #000;
        color: #fff
    }

    .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
        background-color: #0a0a0a;
        color: #fff
    }
}

.navbar.is-light {
    background-color: #f5f5f5;
    color: rgba(0,0,0,.7)
}

    .navbar.is-light .navbar-brand > .navbar-item, .navbar.is-light .navbar-brand .navbar-link {
        color: rgba(0,0,0,.7)
    }

        .navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, .navbar.is-light .navbar-brand .navbar-link:focus, .navbar.is-light .navbar-brand .navbar-link:hover, .navbar.is-light .navbar-brand .navbar-link.is-active {
            background-color: #e8e8e8;
            color: rgba(0,0,0,.7)
        }

        .navbar.is-light .navbar-brand .navbar-link::after {
            border-color: rgba(0,0,0,.7)
        }

    .navbar.is-light .navbar-burger {
        color: rgba(0,0,0,.7)
    }

@media screen and (min-width: 1024px) {
    .navbar.is-light .navbar-start > .navbar-item, .navbar.is-light .navbar-start .navbar-link, .navbar.is-light .navbar-end > .navbar-item, .navbar.is-light .navbar-end .navbar-link {
        color: rgba(0,0,0,.7)
    }

        .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, .navbar.is-light .navbar-start .navbar-link:focus, .navbar.is-light .navbar-start .navbar-link:hover, .navbar.is-light .navbar-start .navbar-link.is-active, .navbar.is-light .navbar-end > a.navbar-item:focus, .navbar.is-light .navbar-end > a.navbar-item:hover, .navbar.is-light .navbar-end > a.navbar-item.is-active, .navbar.is-light .navbar-end .navbar-link:focus, .navbar.is-light .navbar-end .navbar-link:hover, .navbar.is-light .navbar-end .navbar-link.is-active {
            background-color: #e8e8e8;
            color: rgba(0,0,0,.7)
        }

        .navbar.is-light .navbar-start .navbar-link::after, .navbar.is-light .navbar-end .navbar-link::after {
            border-color: rgba(0,0,0,.7)
        }

    .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #e8e8e8;
        color: rgba(0,0,0,.7)
    }

    .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: rgba(0,0,0,.7)
    }
}

.navbar.is-dark {
    background-color: #202836;
    color: #fff
}

    .navbar.is-dark .navbar-brand > .navbar-item, .navbar.is-dark .navbar-brand .navbar-link {
        color: #fff
    }

        .navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, .navbar.is-dark .navbar-brand .navbar-link:focus, .navbar.is-dark .navbar-brand .navbar-link:hover, .navbar.is-dark .navbar-brand .navbar-link.is-active {
            background-color: #171c26;
            color: #fff
        }

        .navbar.is-dark .navbar-brand .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-dark .navbar-burger {
        color: #fff
    }

@media screen and (min-width: 1024px) {
    .navbar.is-dark .navbar-start > .navbar-item, .navbar.is-dark .navbar-start .navbar-link, .navbar.is-dark .navbar-end > .navbar-item, .navbar.is-dark .navbar-end .navbar-link {
        color: #fff
    }

        .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, .navbar.is-dark .navbar-start .navbar-link:focus, .navbar.is-dark .navbar-start .navbar-link:hover, .navbar.is-dark .navbar-start .navbar-link.is-active, .navbar.is-dark .navbar-end > a.navbar-item:focus, .navbar.is-dark .navbar-end > a.navbar-item:hover, .navbar.is-dark .navbar-end > a.navbar-item.is-active, .navbar.is-dark .navbar-end .navbar-link:focus, .navbar.is-dark .navbar-end .navbar-link:hover, .navbar.is-dark .navbar-end .navbar-link.is-active {
            background-color: #171c26;
            color: #fff
        }

        .navbar.is-dark .navbar-start .navbar-link::after, .navbar.is-dark .navbar-end .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #171c26;
        color: #fff
    }

    .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
        background-color: #202836;
        color: #fff
    }
}

.navbar.is-primary {
    background-color: #3d70b2;
    color: #fff
}

    .navbar.is-primary .navbar-brand > .navbar-item, .navbar.is-primary .navbar-brand .navbar-link {
        color: #fff
    }

        .navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .navbar.is-primary .navbar-brand .navbar-link:focus, .navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand .navbar-link.is-active {
            background-color: #36649f;
            color: #fff
        }

        .navbar.is-primary .navbar-brand .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-primary .navbar-burger {
        color: #fff
    }

@media screen and (min-width: 1024px) {
    .navbar.is-primary .navbar-start > .navbar-item, .navbar.is-primary .navbar-start .navbar-link, .navbar.is-primary .navbar-end > .navbar-item, .navbar.is-primary .navbar-end .navbar-link {
        color: #fff
    }

        .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, .navbar.is-primary .navbar-start .navbar-link:focus, .navbar.is-primary .navbar-start .navbar-link:hover, .navbar.is-primary .navbar-start .navbar-link.is-active, .navbar.is-primary .navbar-end > a.navbar-item:focus, .navbar.is-primary .navbar-end > a.navbar-item:hover, .navbar.is-primary .navbar-end > a.navbar-item.is-active, .navbar.is-primary .navbar-end .navbar-link:focus, .navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end .navbar-link.is-active {
            background-color: #36649f;
            color: #fff
        }

        .navbar.is-primary .navbar-start .navbar-link::after, .navbar.is-primary .navbar-end .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #36649f;
        color: #fff
    }

    .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
        background-color: #3d70b2;
        color: #fff
    }
}

.navbar.is-link {
    background-color: #039be5;
    color: #fff
}

    .navbar.is-link .navbar-brand > .navbar-item, .navbar.is-link .navbar-brand .navbar-link {
        color: #fff
    }

        .navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, .navbar.is-link .navbar-brand .navbar-link:focus, .navbar.is-link .navbar-brand .navbar-link:hover, .navbar.is-link .navbar-brand .navbar-link.is-active {
            background-color: #038acc;
            color: #fff
        }

        .navbar.is-link .navbar-brand .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-link .navbar-burger {
        color: #fff
    }

@media screen and (min-width: 1024px) {
    .navbar.is-link .navbar-start > .navbar-item, .navbar.is-link .navbar-start .navbar-link, .navbar.is-link .navbar-end > .navbar-item, .navbar.is-link .navbar-end .navbar-link {
        color: #fff
    }

        .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, .navbar.is-link .navbar-start .navbar-link:focus, .navbar.is-link .navbar-start .navbar-link:hover, .navbar.is-link .navbar-start .navbar-link.is-active, .navbar.is-link .navbar-end > a.navbar-item:focus, .navbar.is-link .navbar-end > a.navbar-item:hover, .navbar.is-link .navbar-end > a.navbar-item.is-active, .navbar.is-link .navbar-end .navbar-link:focus, .navbar.is-link .navbar-end .navbar-link:hover, .navbar.is-link .navbar-end .navbar-link.is-active {
            background-color: #038acc;
            color: #fff
        }

        .navbar.is-link .navbar-start .navbar-link::after, .navbar.is-link .navbar-end .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #038acc;
        color: #fff
    }

    .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
        background-color: #039be5;
        color: #fff
    }
}

.navbar.is-info {
    background-color: #3e8ed0;
    color: #fff
}

    .navbar.is-info .navbar-brand > .navbar-item, .navbar.is-info .navbar-brand .navbar-link {
        color: #fff
    }

        .navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, .navbar.is-info .navbar-brand .navbar-link:focus, .navbar.is-info .navbar-brand .navbar-link:hover, .navbar.is-info .navbar-brand .navbar-link.is-active {
            background-color: #3082c5;
            color: #fff
        }

        .navbar.is-info .navbar-brand .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-info .navbar-burger {
        color: #fff
    }

@media screen and (min-width: 1024px) {
    .navbar.is-info .navbar-start > .navbar-item, .navbar.is-info .navbar-start .navbar-link, .navbar.is-info .navbar-end > .navbar-item, .navbar.is-info .navbar-end .navbar-link {
        color: #fff
    }

        .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, .navbar.is-info .navbar-start .navbar-link:focus, .navbar.is-info .navbar-start .navbar-link:hover, .navbar.is-info .navbar-start .navbar-link.is-active, .navbar.is-info .navbar-end > a.navbar-item:focus, .navbar.is-info .navbar-end > a.navbar-item:hover, .navbar.is-info .navbar-end > a.navbar-item.is-active, .navbar.is-info .navbar-end .navbar-link:focus, .navbar.is-info .navbar-end .navbar-link:hover, .navbar.is-info .navbar-end .navbar-link.is-active {
            background-color: #3082c5;
            color: #fff
        }

        .navbar.is-info .navbar-start .navbar-link::after, .navbar.is-info .navbar-end .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #3082c5;
        color: #fff
    }

    .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
        background-color: #3e8ed0;
        color: #fff
    }
}

.navbar.is-success {
    background-color: #1ce589;
    color: rgba(0,0,0,.7)
}

    .navbar.is-success .navbar-brand > .navbar-item, .navbar.is-success .navbar-brand .navbar-link {
        color: rgba(0,0,0,.7)
    }

        .navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, .navbar.is-success .navbar-brand .navbar-link:focus, .navbar.is-success .navbar-brand .navbar-link:hover, .navbar.is-success .navbar-brand .navbar-link.is-active {
            background-color: #18d07c;
            color: rgba(0,0,0,.7)
        }

        .navbar.is-success .navbar-brand .navbar-link::after {
            border-color: rgba(0,0,0,.7)
        }

    .navbar.is-success .navbar-burger {
        color: rgba(0,0,0,.7)
    }

@media screen and (min-width: 1024px) {
    .navbar.is-success .navbar-start > .navbar-item, .navbar.is-success .navbar-start .navbar-link, .navbar.is-success .navbar-end > .navbar-item, .navbar.is-success .navbar-end .navbar-link {
        color: rgba(0,0,0,.7)
    }

        .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, .navbar.is-success .navbar-start .navbar-link:focus, .navbar.is-success .navbar-start .navbar-link:hover, .navbar.is-success .navbar-start .navbar-link.is-active, .navbar.is-success .navbar-end > a.navbar-item:focus, .navbar.is-success .navbar-end > a.navbar-item:hover, .navbar.is-success .navbar-end > a.navbar-item.is-active, .navbar.is-success .navbar-end .navbar-link:focus, .navbar.is-success .navbar-end .navbar-link:hover, .navbar.is-success .navbar-end .navbar-link.is-active {
            background-color: #18d07c;
            color: rgba(0,0,0,.7)
        }

        .navbar.is-success .navbar-start .navbar-link::after, .navbar.is-success .navbar-end .navbar-link::after {
            border-color: rgba(0,0,0,.7)
        }

    .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #18d07c;
        color: rgba(0,0,0,.7)
    }

    .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
        background-color: #1ce589;
        color: rgba(0,0,0,.7)
    }
}

.navbar.is-warning {
    background-color: #ffe08a;
    color: rgba(0,0,0,.7)
}

    .navbar.is-warning .navbar-brand > .navbar-item, .navbar.is-warning .navbar-brand .navbar-link {
        color: rgba(0,0,0,.7)
    }

        .navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, .navbar.is-warning .navbar-brand .navbar-link:focus, .navbar.is-warning .navbar-brand .navbar-link:hover, .navbar.is-warning .navbar-brand .navbar-link.is-active {
            background-color: #ffd970;
            color: rgba(0,0,0,.7)
        }

        .navbar.is-warning .navbar-brand .navbar-link::after {
            border-color: rgba(0,0,0,.7)
        }

    .navbar.is-warning .navbar-burger {
        color: rgba(0,0,0,.7)
    }

@media screen and (min-width: 1024px) {
    .navbar.is-warning .navbar-start > .navbar-item, .navbar.is-warning .navbar-start .navbar-link, .navbar.is-warning .navbar-end > .navbar-item, .navbar.is-warning .navbar-end .navbar-link {
        color: rgba(0,0,0,.7)
    }

        .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, .navbar.is-warning .navbar-start .navbar-link:focus, .navbar.is-warning .navbar-start .navbar-link:hover, .navbar.is-warning .navbar-start .navbar-link.is-active, .navbar.is-warning .navbar-end > a.navbar-item:focus, .navbar.is-warning .navbar-end > a.navbar-item:hover, .navbar.is-warning .navbar-end > a.navbar-item.is-active, .navbar.is-warning .navbar-end .navbar-link:focus, .navbar.is-warning .navbar-end .navbar-link:hover, .navbar.is-warning .navbar-end .navbar-link.is-active {
            background-color: #ffd970;
            color: rgba(0,0,0,.7)
        }

        .navbar.is-warning .navbar-start .navbar-link::after, .navbar.is-warning .navbar-end .navbar-link::after {
            border-color: rgba(0,0,0,.7)
        }

    .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #ffd970;
        color: rgba(0,0,0,.7)
    }

    .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
        background-color: #ffe08a;
        color: rgba(0,0,0,.7)
    }
}

.navbar.is-danger {
    background-color: #f71416;
    color: #fff
}

    .navbar.is-danger .navbar-brand > .navbar-item, .navbar.is-danger .navbar-brand .navbar-link {
        color: #fff
    }

        .navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, .navbar.is-danger .navbar-brand .navbar-link:focus, .navbar.is-danger .navbar-brand .navbar-link:hover, .navbar.is-danger .navbar-brand .navbar-link.is-active {
            background-color: #ea080a;
            color: #fff
        }

        .navbar.is-danger .navbar-brand .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-danger .navbar-burger {
        color: #fff
    }

@media screen and (min-width: 1024px) {
    .navbar.is-danger .navbar-start > .navbar-item, .navbar.is-danger .navbar-start .navbar-link, .navbar.is-danger .navbar-end > .navbar-item, .navbar.is-danger .navbar-end .navbar-link {
        color: #fff
    }

        .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, .navbar.is-danger .navbar-start .navbar-link:focus, .navbar.is-danger .navbar-start .navbar-link:hover, .navbar.is-danger .navbar-start .navbar-link.is-active, .navbar.is-danger .navbar-end > a.navbar-item:focus, .navbar.is-danger .navbar-end > a.navbar-item:hover, .navbar.is-danger .navbar-end > a.navbar-item.is-active, .navbar.is-danger .navbar-end .navbar-link:focus, .navbar.is-danger .navbar-end .navbar-link:hover, .navbar.is-danger .navbar-end .navbar-link.is-active {
            background-color: #ea080a;
            color: #fff
        }

        .navbar.is-danger .navbar-start .navbar-link::after, .navbar.is-danger .navbar-end .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #ea080a;
        color: #fff
    }

    .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
        background-color: #f71416;
        color: #fff
    }
}

.navbar > .container {
    align-items: stretch;
    display: flex;
    min-height: 3.25rem;
    width: 100%
}

.navbar.has-shadow {
    box-shadow: 0 2px 0 0 #f5f5f5
}

.navbar.is-fixed-bottom, .navbar.is-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30
}

.navbar.is-fixed-bottom {
    bottom: 0
}

    .navbar.is-fixed-bottom.has-shadow {
        box-shadow: 0 -2px 0 0 #f5f5f5
    }

.navbar.is-fixed-top {
    top: 0
}

html.has-navbar-fixed-top, body.has-navbar-fixed-top {
    padding-top: 3.25rem
}

html.has-navbar-fixed-bottom, body.has-navbar-fixed-bottom {
    padding-bottom: 3.25rem
}

.navbar-brand, .navbar-tabs {
    align-items: stretch;
    display: flex;
    flex-shrink: 0;
    min-height: 3.25rem
}

    .navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
        background-color: transparent
    }

.navbar-tabs {
    -webkit-overflow-scrolling: touch;
    max-width: 100vw;
    overflow-x: auto;
    overflow-y: hidden
}

.navbar-burger {
    color: #4a4a4a;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    height: 3.25rem;
    position: relative;
    width: 3.25rem;
    margin-left: auto
}

    .navbar-burger span {
        background-color: currentColor;
        display: block;
        height: 1px;
        left: calc(50% - 8px);
        position: absolute;
        transform-origin: center;
        transition-duration: 86ms;
        transition-property: background-color,opacity,transform;
        transition-timing-function: ease-out;
        width: 16px
    }

        .navbar-burger span:nth-child(1) {
            top: calc(50% - 6px)
        }

        .navbar-burger span:nth-child(2) {
            top: calc(50% - 1px)
        }

        .navbar-burger span:nth-child(3) {
            top: calc(50% + 4px)
        }

    .navbar-burger:hover {
        background-color: rgba(0,0,0,.05)
    }

    .navbar-burger.is-active span:nth-child(1) {
        transform: translateY(5px) rotate(45deg)
    }

    .navbar-burger.is-active span:nth-child(2) {
        opacity: 0
    }

    .navbar-burger.is-active span:nth-child(3) {
        transform: translateY(-5px) rotate(-45deg)
    }

.navbar-menu {
    display: none
}

.navbar-item, .navbar-link {
    color: #4a4a4a;
    display: block;
    line-height: 1.5;
    padding: .5rem .75rem;
    position: relative
}

    .navbar-item .icon:only-child, .navbar-link .icon:only-child {
        margin-left: -0.25rem;
        margin-right: -0.25rem
    }

a.navbar-item, .navbar-link {
    cursor: pointer
}

    a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, .navbar-link.is-active {
        background-color: #fafafa;
        color: #039be5
    }

.navbar-item {
    flex-grow: 0;
    flex-shrink: 0
}

    .navbar-item img {
        max-height: 1.75rem
    }

    .navbar-item.has-dropdown {
        padding: 0
    }

    .navbar-item.is-expanded {
        flex-grow: 1;
        flex-shrink: 1
    }

    .navbar-item.is-tab {
        border-bottom: 1px solid transparent;
        min-height: 3.25rem;
        padding-bottom: calc(0.5rem - 1px)
    }

        .navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
            background-color: transparent;
            border-bottom-color: #039be5
        }

        .navbar-item.is-tab.is-active {
            background-color: transparent;
            border-bottom-color: #039be5;
            border-bottom-style: solid;
            border-bottom-width: 3px;
            color: #039be5;
            padding-bottom: calc(0.5rem - 3px)
        }

.navbar-content {
    flex-grow: 1;
    flex-shrink: 1
}

.navbar-link:not(.is-arrowless) {
    padding-right: 2.5em
}

    .navbar-link:not(.is-arrowless)::after {
        border-color: #039be5;
        margin-top: -0.375em;
        right: 1.125em
    }

.navbar-dropdown {
    font-size: .875rem;
    padding-bottom: .5rem;
    padding-top: .5rem
}

    .navbar-dropdown .navbar-item {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

.navbar-divider {
    background-color: #f5f5f5;
    border: none;
    display: none;
    height: 2px;
    margin: .5rem 0
}

@media screen and (max-width: 1023px) {
    .navbar > .container {
        display: block
    }

    .navbar-brand .navbar-item, .navbar-tabs .navbar-item {
        align-items: center;
        display: flex
    }

    .navbar-link::after {
        display: none
    }

    .navbar-menu {
        background-color: #fff;
        box-shadow: 0 8px 16px rgba(10,10,10,.1);
        padding: .5rem 0
    }

        .navbar-menu.is-active {
            display: block
        }

    .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30
    }

    .navbar.is-fixed-bottom-touch {
        bottom: 0
    }

        .navbar.is-fixed-bottom-touch.has-shadow {
            box-shadow: 0 -2px 3px rgba(10,10,10,.1)
        }

    .navbar.is-fixed-top-touch {
        top: 0
    }

        .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
            -webkit-overflow-scrolling: touch;
            max-height: calc(100vh - 3.25rem);
            overflow: auto
        }

    html.has-navbar-fixed-top-touch, body.has-navbar-fixed-top-touch {
        padding-top: 3.25rem
    }

    html.has-navbar-fixed-bottom-touch, body.has-navbar-fixed-bottom-touch {
        padding-bottom: 3.25rem
    }
}

@media screen and (min-width: 1024px) {
    .navbar, .navbar-menu, .navbar-start, .navbar-end {
        align-items: stretch;
        display: flex
    }

    .navbar {
        min-height: 3.25rem
    }

        .navbar.is-spaced {
            padding: 1rem 2rem
        }

            .navbar.is-spaced .navbar-start, .navbar.is-spaced .navbar-end {
                align-items: center
            }

            .navbar.is-spaced a.navbar-item, .navbar.is-spaced .navbar-link {
                border-radius: 4px
            }

        .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, .navbar.is-transparent .navbar-link:focus, .navbar.is-transparent .navbar-link:hover, .navbar.is-transparent .navbar-link.is-active {
            background-color: transparent !important
        }

        .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
            background-color: transparent !important
        }

        .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
            background-color: #f5f5f5;
            color: #0a0a0a
        }

        .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
            background-color: #f5f5f5;
            color: #039be5
        }

    .navbar-burger {
        display: none
    }

    .navbar-item, .navbar-link {
        align-items: center;
        display: flex
    }

        .navbar-item.has-dropdown {
            align-items: stretch
        }

        .navbar-item.has-dropdown-up .navbar-link::after {
            transform: rotate(135deg) translate(0.25em, -0.25em)
        }

        .navbar-item.has-dropdown-up .navbar-dropdown {
            border-bottom: 2px solid #dbdbdb;
            border-radius: 6px 6px 0 0;
            border-top: none;
            bottom: 100%;
            box-shadow: 0 -8px 8px rgba(10,10,10,.1);
            top: auto
        }

        .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
            display: block
        }

            .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
                opacity: 1;
                pointer-events: auto;
                transform: translateY(0)
            }

    .navbar-menu {
        flex-grow: 1;
        flex-shrink: 0
    }

    .navbar-start {
        justify-content: flex-start;
        margin-right: auto
    }

    .navbar-end {
        justify-content: flex-end;
        margin-left: auto
    }

    .navbar-dropdown {
        background-color: #fff;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-top: 2px solid #dbdbdb;
        box-shadow: 0 8px 8px rgba(10,10,10,.1);
        display: none;
        font-size: .875rem;
        left: 0;
        min-width: 100%;
        position: absolute;
        top: 100%;
        z-index: 20
    }

        .navbar-dropdown .navbar-item {
            padding: .375rem 1rem;
            white-space: nowrap
        }

        .navbar-dropdown a.navbar-item {
            padding-right: 3rem
        }

            .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
                background-color: #f5f5f5;
                color: #0a0a0a
            }

            .navbar-dropdown a.navbar-item.is-active {
                background-color: #f5f5f5;
                color: #039be5
            }

        .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
            border-radius: 6px;
            border-top: none;
            box-shadow: 0 8px 8px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);
            display: block;
            opacity: 0;
            pointer-events: none;
            top: calc(100% + (-4px));
            transform: translateY(-5px);
            transition-duration: 86ms;
            transition-property: opacity,transform
        }

        .navbar-dropdown.is-right {
            left: auto;
            right: 0
        }

    .navbar-divider {
        display: block
    }

    .navbar > .container .navbar-brand, .container > .navbar .navbar-brand {
        margin-left: -0.75rem
    }

    .navbar > .container .navbar-menu, .container > .navbar .navbar-menu {
        margin-right: -0.75rem
    }

    .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30
    }

    .navbar.is-fixed-bottom-desktop {
        bottom: 0
    }

        .navbar.is-fixed-bottom-desktop.has-shadow {
            box-shadow: 0 -2px 3px rgba(10,10,10,.1)
        }

    .navbar.is-fixed-top-desktop {
        top: 0
    }

    html.has-navbar-fixed-top-desktop, body.has-navbar-fixed-top-desktop {
        padding-top: 3.25rem
    }

    html.has-navbar-fixed-bottom-desktop, body.has-navbar-fixed-bottom-desktop {
        padding-bottom: 3.25rem
    }

    html.has-spaced-navbar-fixed-top, body.has-spaced-navbar-fixed-top {
        padding-top: 5.25rem
    }

    html.has-spaced-navbar-fixed-bottom, body.has-spaced-navbar-fixed-bottom {
        padding-bottom: 5.25rem
    }

    a.navbar-item.is-active, .navbar-link.is-active {
        color: #0a0a0a
    }

        a.navbar-item.is-active:not(:focus):not(:hover), .navbar-link.is-active:not(:focus):not(:hover) {
            background-color: transparent
        }

    .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #fafafa
    }
}

.hero.is-fullheight-with-navbar {
    min-height: calc(100vh - 3.25rem)
}

.pagination {
    font-size: 1rem;
    margin: -0.25rem
}

    .pagination.is-small {
        font-size: .75rem
    }

    .pagination.is-medium {
        font-size: 1.25rem
    }

    .pagination.is-large {
        font-size: 1.5rem
    }

    .pagination.is-rounded .pagination-previous, .pagination.is-rounded .pagination-next {
        padding-left: 1em;
        padding-right: 1em;
        border-radius: 9999px
    }

    .pagination.is-rounded .pagination-link {
        border-radius: 9999px
    }

.pagination, .pagination-list {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center
}

.pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis {
    font-size: 1em;
    justify-content: center;
    margin: .25rem;
    padding-left: .5em;
    padding-right: .5em;
    text-align: center
}

.pagination-previous, .pagination-next, .pagination-link {
    border-color: #dbdbdb;
    color: #363636;
    min-width: 2.5em
}

    .pagination-previous:hover, .pagination-next:hover, .pagination-link:hover {
        border-color: #b5b5b5;
        color: #363636
    }

    .pagination-previous:focus, .pagination-next:focus, .pagination-link:focus {
        border-color: #039be5
    }

    .pagination-previous:active, .pagination-next:active, .pagination-link:active {
        box-shadow: inset 0 1px 2px rgba(10,10,10,.2)
    }

    .pagination-previous[disabled], .pagination-previous.is-disabled, .pagination-next[disabled], .pagination-next.is-disabled, .pagination-link[disabled], .pagination-link.is-disabled {
        background-color: #dbdbdb;
        border-color: #dbdbdb;
        box-shadow: none;
        color: #7a7a7a;
        opacity: .5
    }

.pagination-previous, .pagination-next {
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap
}

.pagination-link.is-current {
    background-color: #039be5;
    border-color: #039be5;
    color: #fff
}

.pagination-ellipsis {
    color: #b5b5b5;
    pointer-events: none
}

.pagination-list {
    flex-wrap: wrap
}

    .pagination-list li {
        list-style: none
    }

@media screen and (max-width: 768px) {
    .pagination {
        flex-wrap: wrap
    }

    .pagination-previous, .pagination-next {
        flex-grow: 1;
        flex-shrink: 1
    }

    .pagination-list li {
        flex-grow: 1;
        flex-shrink: 1
    }
}

@media screen and (min-width: 769px),print {
    .pagination-list {
        flex-grow: 1;
        flex-shrink: 1;
        justify-content: flex-start;
        order: 1
    }

    .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis {
        margin-bottom: 0;
        margin-top: 0
    }

    .pagination-previous {
        order: 2
    }

    .pagination-next {
        order: 3
    }

    .pagination {
        justify-content: space-between;
        margin-bottom: 0;
        margin-top: 0
    }

        .pagination.is-centered .pagination-previous {
            order: 1
        }

        .pagination.is-centered .pagination-list {
            justify-content: center;
            order: 2
        }

        .pagination.is-centered .pagination-next {
            order: 3
        }

        .pagination.is-right .pagination-previous {
            order: 1
        }

        .pagination.is-right .pagination-next {
            order: 2
        }

        .pagination.is-right .pagination-list {
            justify-content: flex-end;
            order: 3
        }
}

.panel {
    border-radius: 6px;
    box-shadow: 0 .5em 1em -0.125em rgba(10,10,10,.1),0 0px 0 1px rgba(10,10,10,.02);
    font-size: 1rem
}

    .panel:not(:last-child) {
        margin-bottom: 1.5rem
    }

    .panel.is-white .panel-heading {
        background-color: #fff;
        color: #0a0a0a
    }

    .panel.is-white .panel-tabs a.is-active {
        border-bottom-color: #fff
    }

    .panel.is-white .panel-block.is-active .panel-icon {
        color: #fff
    }

    .panel.is-black .panel-heading {
        background-color: #0a0a0a;
        color: #fff
    }

    .panel.is-black .panel-tabs a.is-active {
        border-bottom-color: #0a0a0a
    }

    .panel.is-black .panel-block.is-active .panel-icon {
        color: #0a0a0a
    }

    .panel.is-light .panel-heading {
        background-color: #f5f5f5;
        color: rgba(0,0,0,.7)
    }

    .panel.is-light .panel-tabs a.is-active {
        border-bottom-color: #f5f5f5
    }

    .panel.is-light .panel-block.is-active .panel-icon {
        color: #f5f5f5
    }

    .panel.is-dark .panel-heading {
        background-color: #202836;
        color: #fff
    }

    .panel.is-dark .panel-tabs a.is-active {
        border-bottom-color: #202836
    }

    .panel.is-dark .panel-block.is-active .panel-icon {
        color: #202836
    }

    .panel.is-primary .panel-heading {
        background-color: #3d70b2;
        color: #fff
    }

    .panel.is-primary .panel-tabs a.is-active {
        border-bottom-color: #3d70b2
    }

    .panel.is-primary .panel-block.is-active .panel-icon {
        color: #3d70b2
    }

    .panel.is-link .panel-heading {
        background-color: #039be5;
        color: #fff
    }

    .panel.is-link .panel-tabs a.is-active {
        border-bottom-color: #039be5
    }

    .panel.is-link .panel-block.is-active .panel-icon {
        color: #039be5
    }

    .panel.is-info .panel-heading {
        background-color: #3e8ed0;
        color: #fff
    }

    .panel.is-info .panel-tabs a.is-active {
        border-bottom-color: #3e8ed0
    }

    .panel.is-info .panel-block.is-active .panel-icon {
        color: #3e8ed0
    }

    .panel.is-success .panel-heading {
        background-color: #1ce589;
        color: rgba(0,0,0,.7)
    }

    .panel.is-success .panel-tabs a.is-active {
        border-bottom-color: #1ce589
    }

    .panel.is-success .panel-block.is-active .panel-icon {
        color: #1ce589
    }

    .panel.is-warning .panel-heading {
        background-color: #ffe08a;
        color: rgba(0,0,0,.7)
    }

    .panel.is-warning .panel-tabs a.is-active {
        border-bottom-color: #ffe08a
    }

    .panel.is-warning .panel-block.is-active .panel-icon {
        color: #ffe08a
    }

    .panel.is-danger .panel-heading {
        background-color: #f71416;
        color: #fff
    }

    .panel.is-danger .panel-tabs a.is-active {
        border-bottom-color: #f71416
    }

    .panel.is-danger .panel-block.is-active .panel-icon {
        color: #f71416
    }

.panel-tabs:not(:last-child), .panel-block:not(:last-child) {
    border-bottom: 1px solid #ededed
}

.panel-heading {
    background-color: #ededed;
    border-radius: 6px 6px 0 0;
    color: #363636;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.25;
    padding: .75em 1em
}

.panel-tabs {
    align-items: flex-end;
    display: flex;
    font-size: .875em;
    justify-content: center
}

    .panel-tabs a {
        border-bottom: 1px solid #dbdbdb;
        margin-bottom: -1px;
        padding: .5em
    }

        .panel-tabs a.is-active {
            border-bottom-color: #4a4a4a;
            color: #363636
        }

.panel-list a {
    color: #4a4a4a
}

    .panel-list a:hover {
        color: #039be5
    }

.panel-block {
    align-items: center;
    color: #363636;
    display: flex;
    justify-content: flex-start;
    padding: .5em .75em
}

    .panel-block input[type=checkbox] {
        margin-right: .75em
    }

    .panel-block > .control {
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%
    }

    .panel-block.is-wrapped {
        flex-wrap: wrap
    }

    .panel-block.is-active {
        border-left-color: #039be5;
        color: #363636
    }

        .panel-block.is-active .panel-icon {
            color: #039be5
        }

    .panel-block:last-child {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px
    }

a.panel-block, label.panel-block {
    cursor: pointer
}

    a.panel-block:hover, label.panel-block:hover {
        background-color: #f5f5f5
    }

.panel-icon {
    display: inline-block;
    font-size: 14px;
    height: 1em;
    line-height: 1em;
    text-align: center;
    vertical-align: top;
    width: 1em;
    color: #7a7a7a;
    margin-right: .75em
}

    .panel-icon .fa {
        font-size: inherit;
        line-height: inherit
    }

.tabs {
    -webkit-overflow-scrolling: touch;
    align-items: stretch;
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap
}

    .tabs a {
        align-items: center;
        border-bottom-color: #dbdbdb;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        color: #4a4a4a;
        display: flex;
        justify-content: center;
        margin-bottom: -1px;
        padding: .5em 1em;
        vertical-align: top
    }

        .tabs a:hover {
            border-bottom-color: #363636;
            color: #363636
        }

    .tabs li {
        display: block
    }

        .tabs li.is-active a {
            border-bottom-color: #039be5;
            color: #039be5
        }

    .tabs ul {
        align-items: center;
        border-bottom-color: #dbdbdb;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        display: flex;
        flex-grow: 1;
        flex-shrink: 0;
        justify-content: flex-start
    }

        .tabs ul.is-left {
            padding-right: .75em
        }

        .tabs ul.is-center {
            flex: none;
            justify-content: center;
            padding-left: .75em;
            padding-right: .75em
        }

        .tabs ul.is-right {
            justify-content: flex-end;
            padding-left: .75em
        }

    .tabs .icon:first-child {
        margin-right: .5em
    }

    .tabs .icon:last-child {
        margin-left: .5em
    }

    .tabs.is-centered ul {
        justify-content: center
    }

    .tabs.is-right ul {
        justify-content: flex-end
    }

    .tabs.is-boxed a {
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0
    }

        .tabs.is-boxed a:hover {
            background-color: #f5f5f5;
            border-bottom-color: #dbdbdb
        }

    .tabs.is-boxed li.is-active a {
        background-color: #fff;
        border-color: #dbdbdb;
        border-bottom-color: transparent !important
    }

    .tabs.is-fullwidth li {
        flex-grow: 1;
        flex-shrink: 0
    }

    .tabs.is-toggle a {
        border-color: #dbdbdb;
        border-style: solid;
        border-width: 1px;
        margin-bottom: 0;
        position: relative
    }

        .tabs.is-toggle a:hover {
            background-color: #f5f5f5;
            border-color: #b5b5b5;
            z-index: 2
        }

    .tabs.is-toggle li + li {
        margin-left: -1px
    }

    .tabs.is-toggle li:first-child a {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .tabs.is-toggle li:last-child a {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .tabs.is-toggle li.is-active a {
        background-color: #039be5;
        border-color: #039be5;
        color: #fff;
        z-index: 1
    }

    .tabs.is-toggle ul {
        border-bottom: none
    }

    .tabs.is-toggle.is-toggle-rounded li:first-child a {
        border-bottom-left-radius: 9999px;
        border-top-left-radius: 9999px;
        padding-left: 1.25em
    }

    .tabs.is-toggle.is-toggle-rounded li:last-child a {
        border-bottom-right-radius: 9999px;
        border-top-right-radius: 9999px;
        padding-right: 1.25em
    }

    .tabs.is-small {
        font-size: .75rem
    }

    .tabs.is-medium {
        font-size: 1.25rem
    }

    .tabs.is-large {
        font-size: 1.5rem
    }

.column {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: .75rem
}

.columns.is-mobile > .column.is-narrow {
    flex: none;
    width: unset
}

.columns.is-mobile > .column.is-full {
    flex: none;
    width: 100%
}

.columns.is-mobile > .column.is-three-quarters {
    flex: none;
    width: 75%
}

.columns.is-mobile > .column.is-two-thirds {
    flex: none;
    width: 66.6666%
}

.columns.is-mobile > .column.is-half {
    flex: none;
    width: 50%
}

.columns.is-mobile > .column.is-one-third {
    flex: none;
    width: 33.3333%
}

.columns.is-mobile > .column.is-one-quarter {
    flex: none;
    width: 25%
}

.columns.is-mobile > .column.is-one-fifth {
    flex: none;
    width: 20%
}

.columns.is-mobile > .column.is-two-fifths {
    flex: none;
    width: 40%
}

.columns.is-mobile > .column.is-three-fifths {
    flex: none;
    width: 60%
}

.columns.is-mobile > .column.is-four-fifths {
    flex: none;
    width: 80%
}

.columns.is-mobile > .column.is-offset-three-quarters {
    margin-left: 75%
}

.columns.is-mobile > .column.is-offset-two-thirds {
    margin-left: 66.6666%
}

.columns.is-mobile > .column.is-offset-half {
    margin-left: 50%
}

.columns.is-mobile > .column.is-offset-one-third {
    margin-left: 33.3333%
}

.columns.is-mobile > .column.is-offset-one-quarter {
    margin-left: 25%
}

.columns.is-mobile > .column.is-offset-one-fifth {
    margin-left: 20%
}

.columns.is-mobile > .column.is-offset-two-fifths {
    margin-left: 40%
}

.columns.is-mobile > .column.is-offset-three-fifths {
    margin-left: 60%
}

.columns.is-mobile > .column.is-offset-four-fifths {
    margin-left: 80%
}

.columns.is-mobile > .column.is-0 {
    flex: none;
    width: 0%
}

.columns.is-mobile > .column.is-offset-0 {
    margin-left: 0%
}

.columns.is-mobile > .column.is-1 {
    flex: none;
    width: 8.33333337%
}

.columns.is-mobile > .column.is-offset-1 {
    margin-left: 8.33333337%
}

.columns.is-mobile > .column.is-2 {
    flex: none;
    width: 16.66666674%
}

.columns.is-mobile > .column.is-offset-2 {
    margin-left: 16.66666674%
}

.columns.is-mobile > .column.is-3 {
    flex: none;
    width: 25%
}

.columns.is-mobile > .column.is-offset-3 {
    margin-left: 25%
}

.columns.is-mobile > .column.is-4 {
    flex: none;
    width: 33.33333337%
}

.columns.is-mobile > .column.is-offset-4 {
    margin-left: 33.33333337%
}

.columns.is-mobile > .column.is-5 {
    flex: none;
    width: 41.66666674%
}

.columns.is-mobile > .column.is-offset-5 {
    margin-left: 41.66666674%
}

.columns.is-mobile > .column.is-6 {
    flex: none;
    width: 50%
}

.columns.is-mobile > .column.is-offset-6 {
    margin-left: 50%
}

.columns.is-mobile > .column.is-7 {
    flex: none;
    width: 58.33333337%
}

.columns.is-mobile > .column.is-offset-7 {
    margin-left: 58.33333337%
}

.columns.is-mobile > .column.is-8 {
    flex: none;
    width: 66.66666674%
}

.columns.is-mobile > .column.is-offset-8 {
    margin-left: 66.66666674%
}

.columns.is-mobile > .column.is-9 {
    flex: none;
    width: 75%
}

.columns.is-mobile > .column.is-offset-9 {
    margin-left: 75%
}

.columns.is-mobile > .column.is-10 {
    flex: none;
    width: 83.33333337%
}

.columns.is-mobile > .column.is-offset-10 {
    margin-left: 83.33333337%
}

.columns.is-mobile > .column.is-11 {
    flex: none;
    width: 91.66666674%
}

.columns.is-mobile > .column.is-offset-11 {
    margin-left: 91.66666674%
}

.columns.is-mobile > .column.is-12 {
    flex: none;
    width: 100%
}

.columns.is-mobile > .column.is-offset-12 {
    margin-left: 100%
}

@media screen and (max-width: 768px) {
    .column.is-narrow-mobile {
        flex: none;
        width: unset
    }

    .column.is-full-mobile {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-mobile {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-mobile {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-mobile {
        flex: none;
        width: 50%
    }

    .column.is-one-third-mobile {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-mobile {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-mobile {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-mobile {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-mobile {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-mobile {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-mobile {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-mobile {
        margin-left: 66.6666%
    }

    .column.is-offset-half-mobile {
        margin-left: 50%
    }

    .column.is-offset-one-third-mobile {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-mobile {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-mobile {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-mobile {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-mobile {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-mobile {
        margin-left: 80%
    }

    .column.is-0-mobile {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-mobile {
        margin-left: 0%
    }

    .column.is-1-mobile {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-mobile {
        margin-left: 8.33333337%
    }

    .column.is-2-mobile {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-mobile {
        margin-left: 16.66666674%
    }

    .column.is-3-mobile {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-mobile {
        margin-left: 25%
    }

    .column.is-4-mobile {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-mobile {
        margin-left: 33.33333337%
    }

    .column.is-5-mobile {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-mobile {
        margin-left: 41.66666674%
    }

    .column.is-6-mobile {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-mobile {
        margin-left: 50%
    }

    .column.is-7-mobile {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-mobile {
        margin-left: 58.33333337%
    }

    .column.is-8-mobile {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-mobile {
        margin-left: 66.66666674%
    }

    .column.is-9-mobile {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-mobile {
        margin-left: 75%
    }

    .column.is-10-mobile {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-mobile {
        margin-left: 83.33333337%
    }

    .column.is-11-mobile {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-mobile {
        margin-left: 91.66666674%
    }

    .column.is-12-mobile {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-mobile {
        margin-left: 100%
    }
}

@media screen and (min-width: 769px),print {
    .column.is-narrow, .column.is-narrow-tablet {
        flex: none;
        width: unset
    }

    .column.is-full, .column.is-full-tablet {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters, .column.is-three-quarters-tablet {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds, .column.is-two-thirds-tablet {
        flex: none;
        width: 66.6666%
    }

    .column.is-half, .column.is-half-tablet {
        flex: none;
        width: 50%
    }

    .column.is-one-third, .column.is-one-third-tablet {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter, .column.is-one-quarter-tablet {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth, .column.is-one-fifth-tablet {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths, .column.is-two-fifths-tablet {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths, .column.is-three-fifths-tablet {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths, .column.is-four-fifths-tablet {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
        margin-left: 75%
    }

    .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
        margin-left: 66.6666%
    }

    .column.is-offset-half, .column.is-offset-half-tablet {
        margin-left: 50%
    }

    .column.is-offset-one-third, .column.is-offset-one-third-tablet {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
        margin-left: 25%
    }

    .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
        margin-left: 20%
    }

    .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
        margin-left: 40%
    }

    .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
        margin-left: 60%
    }

    .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
        margin-left: 80%
    }

    .column.is-0, .column.is-0-tablet {
        flex: none;
        width: 0%
    }

    .column.is-offset-0, .column.is-offset-0-tablet {
        margin-left: 0%
    }

    .column.is-1, .column.is-1-tablet {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1, .column.is-offset-1-tablet {
        margin-left: 8.33333337%
    }

    .column.is-2, .column.is-2-tablet {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2, .column.is-offset-2-tablet {
        margin-left: 16.66666674%
    }

    .column.is-3, .column.is-3-tablet {
        flex: none;
        width: 25%
    }

    .column.is-offset-3, .column.is-offset-3-tablet {
        margin-left: 25%
    }

    .column.is-4, .column.is-4-tablet {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4, .column.is-offset-4-tablet {
        margin-left: 33.33333337%
    }

    .column.is-5, .column.is-5-tablet {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5, .column.is-offset-5-tablet {
        margin-left: 41.66666674%
    }

    .column.is-6, .column.is-6-tablet {
        flex: none;
        width: 50%
    }

    .column.is-offset-6, .column.is-offset-6-tablet {
        margin-left: 50%
    }

    .column.is-7, .column.is-7-tablet {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7, .column.is-offset-7-tablet {
        margin-left: 58.33333337%
    }

    .column.is-8, .column.is-8-tablet {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8, .column.is-offset-8-tablet {
        margin-left: 66.66666674%
    }

    .column.is-9, .column.is-9-tablet {
        flex: none;
        width: 75%
    }

    .column.is-offset-9, .column.is-offset-9-tablet {
        margin-left: 75%
    }

    .column.is-10, .column.is-10-tablet {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10, .column.is-offset-10-tablet {
        margin-left: 83.33333337%
    }

    .column.is-11, .column.is-11-tablet {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11, .column.is-offset-11-tablet {
        margin-left: 91.66666674%
    }

    .column.is-12, .column.is-12-tablet {
        flex: none;
        width: 100%
    }

    .column.is-offset-12, .column.is-offset-12-tablet {
        margin-left: 100%
    }
}

@media screen and (max-width: 1023px) {
    .column.is-narrow-touch {
        flex: none;
        width: unset
    }

    .column.is-full-touch {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-touch {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-touch {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-touch {
        flex: none;
        width: 50%
    }

    .column.is-one-third-touch {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-touch {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-touch {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-touch {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-touch {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-touch {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-touch {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-touch {
        margin-left: 66.6666%
    }

    .column.is-offset-half-touch {
        margin-left: 50%
    }

    .column.is-offset-one-third-touch {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-touch {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-touch {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-touch {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-touch {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-touch {
        margin-left: 80%
    }

    .column.is-0-touch {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-touch {
        margin-left: 0%
    }

    .column.is-1-touch {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-touch {
        margin-left: 8.33333337%
    }

    .column.is-2-touch {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-touch {
        margin-left: 16.66666674%
    }

    .column.is-3-touch {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-touch {
        margin-left: 25%
    }

    .column.is-4-touch {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-touch {
        margin-left: 33.33333337%
    }

    .column.is-5-touch {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-touch {
        margin-left: 41.66666674%
    }

    .column.is-6-touch {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-touch {
        margin-left: 50%
    }

    .column.is-7-touch {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-touch {
        margin-left: 58.33333337%
    }

    .column.is-8-touch {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-touch {
        margin-left: 66.66666674%
    }

    .column.is-9-touch {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-touch {
        margin-left: 75%
    }

    .column.is-10-touch {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-touch {
        margin-left: 83.33333337%
    }

    .column.is-11-touch {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-touch {
        margin-left: 91.66666674%
    }

    .column.is-12-touch {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-touch {
        margin-left: 100%
    }
}

@media screen and (min-width: 1024px) {
    .column.is-narrow-desktop {
        flex: none;
        width: unset
    }

    .column.is-full-desktop {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-desktop {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-desktop {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-desktop {
        flex: none;
        width: 50%
    }

    .column.is-one-third-desktop {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-desktop {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-desktop {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-desktop {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-desktop {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-desktop {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-desktop {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-desktop {
        margin-left: 66.6666%
    }

    .column.is-offset-half-desktop {
        margin-left: 50%
    }

    .column.is-offset-one-third-desktop {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-desktop {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-desktop {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-desktop {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-desktop {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-desktop {
        margin-left: 80%
    }

    .column.is-0-desktop {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-desktop {
        margin-left: 0%
    }

    .column.is-1-desktop {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-desktop {
        margin-left: 8.33333337%
    }

    .column.is-2-desktop {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-desktop {
        margin-left: 16.66666674%
    }

    .column.is-3-desktop {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-desktop {
        margin-left: 25%
    }

    .column.is-4-desktop {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-desktop {
        margin-left: 33.33333337%
    }

    .column.is-5-desktop {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-desktop {
        margin-left: 41.66666674%
    }

    .column.is-6-desktop {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-desktop {
        margin-left: 50%
    }

    .column.is-7-desktop {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-desktop {
        margin-left: 58.33333337%
    }

    .column.is-8-desktop {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-desktop {
        margin-left: 66.66666674%
    }

    .column.is-9-desktop {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-desktop {
        margin-left: 75%
    }

    .column.is-10-desktop {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-desktop {
        margin-left: 83.33333337%
    }

    .column.is-11-desktop {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-desktop {
        margin-left: 91.66666674%
    }

    .column.is-12-desktop {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-desktop {
        margin-left: 100%
    }
}

@media screen and (min-width: 1216px) {
    .column.is-narrow-widescreen {
        flex: none;
        width: unset
    }

    .column.is-full-widescreen {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-widescreen {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-widescreen {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-widescreen {
        flex: none;
        width: 50%
    }

    .column.is-one-third-widescreen {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-widescreen {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-widescreen {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-widescreen {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-widescreen {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-widescreen {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-widescreen {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-widescreen {
        margin-left: 66.6666%
    }

    .column.is-offset-half-widescreen {
        margin-left: 50%
    }

    .column.is-offset-one-third-widescreen {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-widescreen {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-widescreen {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-widescreen {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-widescreen {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-widescreen {
        margin-left: 80%
    }

    .column.is-0-widescreen {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-widescreen {
        margin-left: 0%
    }

    .column.is-1-widescreen {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-widescreen {
        margin-left: 8.33333337%
    }

    .column.is-2-widescreen {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-widescreen {
        margin-left: 16.66666674%
    }

    .column.is-3-widescreen {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-widescreen {
        margin-left: 25%
    }

    .column.is-4-widescreen {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-widescreen {
        margin-left: 33.33333337%
    }

    .column.is-5-widescreen {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-widescreen {
        margin-left: 41.66666674%
    }

    .column.is-6-widescreen {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-widescreen {
        margin-left: 50%
    }

    .column.is-7-widescreen {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-widescreen {
        margin-left: 58.33333337%
    }

    .column.is-8-widescreen {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-widescreen {
        margin-left: 66.66666674%
    }

    .column.is-9-widescreen {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-widescreen {
        margin-left: 75%
    }

    .column.is-10-widescreen {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-widescreen {
        margin-left: 83.33333337%
    }

    .column.is-11-widescreen {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-widescreen {
        margin-left: 91.66666674%
    }

    .column.is-12-widescreen {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-widescreen {
        margin-left: 100%
    }
}

@media screen and (min-width: 1408px) {
    .column.is-narrow-fullhd {
        flex: none;
        width: unset
    }

    .column.is-full-fullhd {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-fullhd {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-fullhd {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-fullhd {
        flex: none;
        width: 50%
    }

    .column.is-one-third-fullhd {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-fullhd {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-fullhd {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-fullhd {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-fullhd {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-fullhd {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-fullhd {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-fullhd {
        margin-left: 66.6666%
    }

    .column.is-offset-half-fullhd {
        margin-left: 50%
    }

    .column.is-offset-one-third-fullhd {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-fullhd {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-fullhd {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-fullhd {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-fullhd {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-fullhd {
        margin-left: 80%
    }

    .column.is-0-fullhd {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-fullhd {
        margin-left: 0%
    }

    .column.is-1-fullhd {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-fullhd {
        margin-left: 8.33333337%
    }

    .column.is-2-fullhd {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-fullhd {
        margin-left: 16.66666674%
    }

    .column.is-3-fullhd {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-fullhd {
        margin-left: 25%
    }

    .column.is-4-fullhd {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-fullhd {
        margin-left: 33.33333337%
    }

    .column.is-5-fullhd {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-fullhd {
        margin-left: 41.66666674%
    }

    .column.is-6-fullhd {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-fullhd {
        margin-left: 50%
    }

    .column.is-7-fullhd {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-fullhd {
        margin-left: 58.33333337%
    }

    .column.is-8-fullhd {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-fullhd {
        margin-left: 66.66666674%
    }

    .column.is-9-fullhd {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-fullhd {
        margin-left: 75%
    }

    .column.is-10-fullhd {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-fullhd {
        margin-left: 83.33333337%
    }

    .column.is-11-fullhd {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-fullhd {
        margin-left: 91.66666674%
    }

    .column.is-12-fullhd {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-fullhd {
        margin-left: 100%
    }
}

.columns {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    margin-top: -0.75rem
}

    .columns:last-child {
        margin-bottom: -0.75rem
    }

    .columns:not(:last-child) {
        margin-bottom: calc(1.5rem - 0.75rem)
    }

    .columns.is-centered {
        justify-content: center
    }

    .columns.is-gapless {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0
    }

        .columns.is-gapless > .column {
            margin: 0;
            padding: 0 !important
        }

        .columns.is-gapless:not(:last-child) {
            margin-bottom: 1.5rem
        }

        .columns.is-gapless:last-child {
            margin-bottom: 0
        }

    .columns.is-mobile {
        display: flex
    }

    .columns.is-multiline {
        flex-wrap: wrap
    }

    .columns.is-vcentered {
        align-items: center
    }

@media screen and (min-width: 769px),print {
    .columns:not(.is-desktop) {
        display: flex
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-desktop {
        display: flex
    }
}

.columns.is-variable {
    --columnGap: 0.75rem;
    margin-left: calc(-1 * var(--columnGap));
    margin-right: calc(-1 * var(--columnGap))
}

    .columns.is-variable > .column {
        padding-left: var(--columnGap);
        padding-right: var(--columnGap)
    }

    .columns.is-variable.is-0 {
        --columnGap: 0rem
    }

@media screen and (max-width: 768px) {
    .columns.is-variable.is-0-mobile {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 769px),print {
    .columns.is-variable.is-0-tablet {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-0-tablet-only {
        --columnGap: 0rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-0-touch {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-0-desktop {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-0-desktop-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-0-widescreen {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-0-widescreen-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-0-fullhd {
        --columnGap: 0rem
    }
}

.columns.is-variable.is-1 {
    --columnGap: 0.25rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-1-mobile {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 769px),print {
    .columns.is-variable.is-1-tablet {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-1-tablet-only {
        --columnGap: 0.25rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-1-touch {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-1-desktop {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-1-desktop-only {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-1-widescreen {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-1-widescreen-only {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-1-fullhd {
        --columnGap: 0.25rem
    }
}

.columns.is-variable.is-2 {
    --columnGap: 0.5rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-2-mobile {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 769px),print {
    .columns.is-variable.is-2-tablet {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-2-tablet-only {
        --columnGap: 0.5rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-2-touch {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-2-desktop {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-2-desktop-only {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-2-widescreen {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-2-widescreen-only {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-2-fullhd {
        --columnGap: 0.5rem
    }
}

.columns.is-variable.is-3 {
    --columnGap: 0.75rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-3-mobile {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 769px),print {
    .columns.is-variable.is-3-tablet {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-3-tablet-only {
        --columnGap: 0.75rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-3-touch {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-3-desktop {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-3-desktop-only {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-3-widescreen {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-3-widescreen-only {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-3-fullhd {
        --columnGap: 0.75rem
    }
}

.columns.is-variable.is-4 {
    --columnGap: 1rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-4-mobile {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 769px),print {
    .columns.is-variable.is-4-tablet {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-4-tablet-only {
        --columnGap: 1rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-4-touch {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-4-desktop {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-4-desktop-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-4-widescreen {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-4-widescreen-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-4-fullhd {
        --columnGap: 1rem
    }
}

.columns.is-variable.is-5 {
    --columnGap: 1.25rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-5-mobile {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 769px),print {
    .columns.is-variable.is-5-tablet {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-5-tablet-only {
        --columnGap: 1.25rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-5-touch {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-5-desktop {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-5-desktop-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-5-widescreen {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-5-widescreen-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-5-fullhd {
        --columnGap: 1.25rem
    }
}

.columns.is-variable.is-6 {
    --columnGap: 1.5rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-6-mobile {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 769px),print {
    .columns.is-variable.is-6-tablet {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-6-tablet-only {
        --columnGap: 1.5rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-6-touch {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-6-desktop {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-6-desktop-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-6-widescreen {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-6-widescreen-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-6-fullhd {
        --columnGap: 1.5rem
    }
}

.columns.is-variable.is-7 {
    --columnGap: 1.75rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-7-mobile {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 769px),print {
    .columns.is-variable.is-7-tablet {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-7-tablet-only {
        --columnGap: 1.75rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-7-touch {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-7-desktop {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-7-desktop-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-7-widescreen {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-7-widescreen-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-7-fullhd {
        --columnGap: 1.75rem
    }
}

.columns.is-variable.is-8 {
    --columnGap: 2rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-8-mobile {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 769px),print {
    .columns.is-variable.is-8-tablet {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-8-tablet-only {
        --columnGap: 2rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-8-touch {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-8-desktop {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-8-desktop-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-8-widescreen {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-8-widescreen-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-8-fullhd {
        --columnGap: 2rem
    }
}

.tile {
    align-items: stretch;
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    min-height: -moz-min-content;
    min-height: min-content
}

    .tile.is-ancestor {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
        margin-top: -0.75rem
    }

        .tile.is-ancestor:last-child {
            margin-bottom: -0.75rem
        }

        .tile.is-ancestor:not(:last-child) {
            margin-bottom: .75rem
        }

    .tile.is-child {
        margin: 0 !important
    }

    .tile.is-parent {
        padding: .75rem
    }

    .tile.is-vertical {
        flex-direction: column
    }

        .tile.is-vertical > .tile.is-child:not(:last-child) {
            margin-bottom: 1.5rem !important
        }

@media screen and (min-width: 769px),print {
    .tile:not(.is-child) {
        display: flex
    }

    .tile.is-1 {
        flex: none;
        width: 8.33333337%
    }

    .tile.is-2 {
        flex: none;
        width: 16.66666674%
    }

    .tile.is-3 {
        flex: none;
        width: 25%
    }

    .tile.is-4 {
        flex: none;
        width: 33.33333337%
    }

    .tile.is-5 {
        flex: none;
        width: 41.66666674%
    }

    .tile.is-6 {
        flex: none;
        width: 50%
    }

    .tile.is-7 {
        flex: none;
        width: 58.33333337%
    }

    .tile.is-8 {
        flex: none;
        width: 66.66666674%
    }

    .tile.is-9 {
        flex: none;
        width: 75%
    }

    .tile.is-10 {
        flex: none;
        width: 83.33333337%
    }

    .tile.is-11 {
        flex: none;
        width: 91.66666674%
    }

    .tile.is-12 {
        flex: none;
        width: 100%
    }
}

.has-text-white {
    color: #fff !important
}

a.has-text-white:hover, a.has-text-white:focus {
    color: #e6e6e6 !important
}

.has-background-white {
    background-color: #fff !important
}

.has-text-black {
    color: #0a0a0a !important
}

a.has-text-black:hover, a.has-text-black:focus {
    color: #000 !important
}

.has-background-black {
    background-color: #0a0a0a !important
}

.has-text-light {
    color: #f5f5f5 !important
}

a.has-text-light:hover, a.has-text-light:focus {
    color: #dbdbdb !important
}

.has-background-light {
    background-color: #f5f5f5 !important
}

.has-text-dark {
    color: #202836 !important
}

a.has-text-dark:hover, a.has-text-dark:focus {
    color: #0d1016 !important
}

.has-background-dark {
    background-color: #202836 !important
}

.has-text-primary {
    color: #3d70b2 !important
}

a.has-text-primary:hover, a.has-text-primary:focus {
    color: #30588c !important
}

.has-background-primary {
    background-color: #3d70b2 !important
}

.has-text-primary-light {
    color: #f0f4fa !important
}

a.has-text-primary-light:hover, a.has-text-primary-light:focus {
    color: #cad9ed !important
}

.has-background-primary-light {
    background-color: #f0f4fa !important
}

.has-text-primary-dark {
    color: #3c6eaf !important
}

a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
    color: #5888c6 !important
}

.has-background-primary-dark {
    background-color: #3c6eaf !important
}

.has-text-link {
    color: #039be5 !important
}

a.has-text-link:hover, a.has-text-link:focus {
    color: #0279b3 !important
}

.has-background-link {
    background-color: #039be5 !important
}

.has-text-link-light {
    color: #ebf8ff !important
}

a.has-text-link-light:hover, a.has-text-link-light:focus {
    color: #b9e7fe !important
}

.has-background-link-light {
    background-color: #ebf8ff !important
}

.has-text-link-dark {
    color: #0385c4 !important
}

a.has-text-link-dark:hover, a.has-text-link-dark:focus {
    color: #03a7f7 !important
}

.has-background-link-dark {
    background-color: #0385c4 !important
}

.has-text-info {
    color: #3e8ed0 !important
}

a.has-text-info:hover, a.has-text-info:focus {
    color: #2b74b1 !important
}

.has-background-info {
    background-color: #3e8ed0 !important
}

.has-text-info-light {
    color: #eff5fb !important
}

a.has-text-info-light:hover, a.has-text-info-light:focus {
    color: #c6ddf1 !important
}

.has-background-info-light {
    background-color: #eff5fb !important
}

.has-text-info-dark {
    color: #296fa8 !important
}

a.has-text-info-dark:hover, a.has-text-info-dark:focus {
    color: #368ace !important
}

.has-background-info-dark {
    background-color: #296fa8 !important
}

.has-text-success {
    color: #1ce589 !important
}

a.has-text-success:hover, a.has-text-success:focus {
    color: #15b96e !important
}

.has-background-success {
    background-color: #1ce589 !important
}

.has-text-success-light {
    color: #edfdf5 !important
}

a.has-text-success-light:hover, a.has-text-success-light:focus {
    color: #bff8de !important
}

.has-background-success-light {
    background-color: #edfdf5 !important
}

.has-text-success-dark {
    color: #0f854f !important
}

a.has-text-success-dark:hover, a.has-text-success-dark:focus {
    color: #14b26a !important
}

.has-background-success-dark {
    background-color: #0f854f !important
}

.has-text-warning {
    color: #ffe08a !important
}

a.has-text-warning:hover, a.has-text-warning:focus {
    color: #ffd257 !important
}

.has-background-warning {
    background-color: #ffe08a !important
}

.has-text-warning-light {
    color: #fffaeb !important
}

a.has-text-warning-light:hover, a.has-text-warning-light:focus {
    color: #ffecb8 !important
}

.has-background-warning-light {
    background-color: #fffaeb !important
}

.has-text-warning-dark {
    color: #946c00 !important
}

a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
    color: #c79200 !important
}

.has-background-warning-dark {
    background-color: #946c00 !important
}

.has-text-danger {
    color: #f71416 !important
}

a.has-text-danger:hover, a.has-text-danger:focus {
    color: #d10709 !important
}

.has-background-danger {
    background-color: #f71416 !important
}

.has-text-danger-light {
    color: #feebeb !important
}

a.has-text-danger-light:hover, a.has-text-danger-light:focus {
    color: #fdbabb !important
}

.has-background-danger-light {
    background-color: #feebeb !important
}

.has-text-danger-dark {
    color: #e3080a !important
}

a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
    color: #f82628 !important
}

.has-background-danger-dark {
    background-color: #e3080a !important
}

.has-text-black-bis {
    color: #121212 !important
}

.has-background-black-bis {
    background-color: #121212 !important
}

.has-text-black-ter {
    color: #242424 !important
}

.has-background-black-ter {
    background-color: #242424 !important
}

.has-text-grey-darker {
    color: #363636 !important
}

.has-background-grey-darker {
    background-color: #363636 !important
}

.has-text-grey-dark {
    color: #4a4a4a !important
}

.has-background-grey-dark {
    background-color: #4a4a4a !important
}

.has-text-grey {
    color: #7a7a7a !important
}

.has-background-grey {
    background-color: #7a7a7a !important
}

.has-text-grey-light {
    color: #b5b5b5 !important
}

.has-background-grey-light {
    background-color: #b5b5b5 !important
}

.has-text-grey-lighter {
    color: #dbdbdb !important
}

.has-background-grey-lighter {
    background-color: #dbdbdb !important
}

.has-text-white-ter {
    color: #f5f5f5 !important
}

.has-background-white-ter {
    background-color: #f5f5f5 !important
}

.has-text-white-bis {
    color: #fafafa !important
}

.has-background-white-bis {
    background-color: #fafafa !important
}

.is-flex-direction-row {
    flex-direction: row !important
}

.is-flex-direction-row-reverse {
    flex-direction: row-reverse !important
}

.is-flex-direction-column {
    flex-direction: column !important
}

.is-flex-direction-column-reverse {
    flex-direction: column-reverse !important
}

.is-flex-wrap-nowrap {
    flex-wrap: nowrap !important
}

.is-flex-wrap-wrap {
    flex-wrap: wrap !important
}

.is-flex-wrap-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.is-justify-content-flex-start {
    justify-content: flex-start !important
}

.is-justify-content-flex-end {
    justify-content: flex-end !important
}

.is-justify-content-center {
    justify-content: center !important
}

.is-justify-content-space-between {
    justify-content: space-between !important
}

.is-justify-content-space-around {
    justify-content: space-around !important
}

.is-justify-content-space-evenly {
    justify-content: space-evenly !important
}

.is-justify-content-start {
    justify-content: start !important
}

.is-justify-content-end {
    justify-content: end !important
}

.is-justify-content-left {
    justify-content: left !important
}

.is-justify-content-right {
    justify-content: right !important
}

.is-align-content-flex-start {
    align-content: flex-start !important
}

.is-align-content-flex-end {
    align-content: flex-end !important
}

.is-align-content-center {
    align-content: center !important
}

.is-align-content-space-between {
    align-content: space-between !important
}

.is-align-content-space-around {
    align-content: space-around !important
}

.is-align-content-space-evenly {
    align-content: space-evenly !important
}

.is-align-content-stretch {
    align-content: stretch !important
}

.is-align-content-start {
    align-content: start !important
}

.is-align-content-end {
    align-content: end !important
}

.is-align-content-baseline {
    align-content: baseline !important
}

.is-align-items-stretch {
    align-items: stretch !important
}

.is-align-items-flex-start {
    align-items: flex-start !important
}

.is-align-items-flex-end {
    align-items: flex-end !important
}

.is-align-items-center {
    align-items: center !important
}

.is-align-items-baseline {
    align-items: baseline !important
}

.is-align-items-start {
    align-items: start !important
}

.is-align-items-end {
    align-items: end !important
}

.is-align-items-self-start {
    align-items: self-start !important
}

.is-align-items-self-end {
    align-items: self-end !important
}

.is-align-self-auto {
    align-self: auto !important
}

.is-align-self-flex-start {
    align-self: flex-start !important
}

.is-align-self-flex-end {
    align-self: flex-end !important
}

.is-align-self-center {
    align-self: center !important
}

.is-align-self-baseline {
    align-self: baseline !important
}

.is-align-self-stretch {
    align-self: stretch !important
}

.is-flex-grow-0 {
    flex-grow: 0 !important
}

.is-flex-grow-1 {
    flex-grow: 1 !important
}

.is-flex-grow-2 {
    flex-grow: 2 !important
}

.is-flex-grow-3 {
    flex-grow: 3 !important
}

.is-flex-grow-4 {
    flex-grow: 4 !important
}

.is-flex-grow-5 {
    flex-grow: 5 !important
}

.is-flex-shrink-0 {
    flex-shrink: 0 !important
}

.is-flex-shrink-1 {
    flex-shrink: 1 !important
}

.is-flex-shrink-2 {
    flex-shrink: 2 !important
}

.is-flex-shrink-3 {
    flex-shrink: 3 !important
}

.is-flex-shrink-4 {
    flex-shrink: 4 !important
}

.is-flex-shrink-5 {
    flex-shrink: 5 !important
}

.is-clearfix::after {
    clear: both;
    content: " ";
    display: table
}

.is-pulled-left {
    float: left !important
}

.is-pulled-right {
    float: right !important
}

.is-radiusless {
    border-radius: 0 !important
}

.is-shadowless {
    box-shadow: none !important
}

.is-clickable {
    cursor: pointer !important;
    pointer-events: all !important
}

.is-clipped {
    overflow: hidden !important
}

.is-relative {
    position: relative !important
}

.is-marginless {
    margin: 0 !important
}

.is-paddingless {
    padding: 0 !important
}

.m-0 {
    margin: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.ml-1 {
    margin-left: .25rem !important
}

.mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.mx-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.m-3 {
    margin: .75rem !important
}

.mt-3 {
    margin-top: .75rem !important
}

.mr-3 {
    margin-right: .75rem !important
}

.mb-3 {
    margin-bottom: .75rem !important
}

.ml-3 {
    margin-left: .75rem !important
}

.mx-3 {
    margin-left: .75rem !important;
    margin-right: .75rem !important
}

.my-3 {
    margin-top: .75rem !important;
    margin-bottom: .75rem !important
}

.m-4 {
    margin: 1rem !important
}

.mt-4 {
    margin-top: 1rem !important
}

.mr-4 {
    margin-right: 1rem !important
}

.mb-4 {
    margin-bottom: 1rem !important
}

.ml-4 {
    margin-left: 1rem !important
}

.mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

.my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.m-5 {
    margin: 1.5rem !important
}

.mt-5 {
    margin-top: 1.5rem !important
}

.mr-5 {
    margin-right: 1.5rem !important
}

.mb-5 {
    margin-bottom: 1.5rem !important
}

.ml-5 {
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
}

.my-5 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.m-6 {
    margin: 3rem !important
}

.mt-6 {
    margin-top: 3rem !important
}

.mr-6 {
    margin-right: 3rem !important
}

.mb-6 {
    margin-bottom: 3rem !important
}

.ml-6 {
    margin-left: 3rem !important
}

.mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
}

.my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto {
    margin-top: auto !important
}

.mr-auto {
    margin-right: auto !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ml-auto {
    margin-left: auto !important
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.p-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pr-1 {
    padding-right: .25rem !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pl-1 {
    padding-left: .25rem !important
}

.px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pr-2 {
    padding-right: .5rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pl-2 {
    padding-left: .5rem !important
}

.px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.p-3 {
    padding: .75rem !important
}

.pt-3 {
    padding-top: .75rem !important
}

.pr-3 {
    padding-right: .75rem !important
}

.pb-3 {
    padding-bottom: .75rem !important
}

.pl-3 {
    padding-left: .75rem !important
}

.px-3 {
    padding-left: .75rem !important;
    padding-right: .75rem !important
}

.py-3 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important
}

.p-4 {
    padding: 1rem !important
}

.pt-4 {
    padding-top: 1rem !important
}

.pr-4 {
    padding-right: 1rem !important
}

.pb-4 {
    padding-bottom: 1rem !important
}

.pl-4 {
    padding-left: 1rem !important
}

.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.p-5 {
    padding: 1.5rem !important
}

.pt-5 {
    padding-top: 1.5rem !important
}

.pr-5 {
    padding-right: 1.5rem !important
}

.pb-5 {
    padding-bottom: 1.5rem !important
}

.pl-5 {
    padding-left: 1.5rem !important
}

.px-5 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.py-5 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.p-6 {
    padding: 3rem !important
}

.pt-6 {
    padding-top: 3rem !important
}

.pr-6 {
    padding-right: 3rem !important
}

.pb-6 {
    padding-bottom: 3rem !important
}

.pl-6 {
    padding-left: 3rem !important
}

.px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}

.py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.p-auto {
    padding: auto !important
}

.pt-auto {
    padding-top: auto !important
}

.pr-auto {
    padding-right: auto !important
}

.pb-auto {
    padding-bottom: auto !important
}

.pl-auto {
    padding-left: auto !important
}

.px-auto {
    padding-left: auto !important;
    padding-right: auto !important
}

.py-auto {
    padding-top: auto !important;
    padding-bottom: auto !important
}

.is-size-1 {
    font-size: 3rem !important
}

.is-size-2 {
    font-size: 2.5rem !important
}

.is-size-3 {
    font-size: 2rem !important
}

.is-size-4 {
    font-size: 1.5rem !important
}

.is-size-5 {
    font-size: 1.25rem !important
}

.is-size-6 {
    font-size: 1rem !important
}

.is-size-7 {
    font-size: .75rem !important
}

@media screen and (max-width: 768px) {
    .is-size-1-mobile {
        font-size: 3rem !important
    }

    .is-size-2-mobile {
        font-size: 2.5rem !important
    }

    .is-size-3-mobile {
        font-size: 2rem !important
    }

    .is-size-4-mobile {
        font-size: 1.5rem !important
    }

    .is-size-5-mobile {
        font-size: 1.25rem !important
    }

    .is-size-6-mobile {
        font-size: 1rem !important
    }

    .is-size-7-mobile {
        font-size: .75rem !important
    }
}

@media screen and (min-width: 769px),print {
    .is-size-1-tablet {
        font-size: 3rem !important
    }

    .is-size-2-tablet {
        font-size: 2.5rem !important
    }

    .is-size-3-tablet {
        font-size: 2rem !important
    }

    .is-size-4-tablet {
        font-size: 1.5rem !important
    }

    .is-size-5-tablet {
        font-size: 1.25rem !important
    }

    .is-size-6-tablet {
        font-size: 1rem !important
    }

    .is-size-7-tablet {
        font-size: .75rem !important
    }
}

@media screen and (max-width: 1023px) {
    .is-size-1-touch {
        font-size: 3rem !important
    }

    .is-size-2-touch {
        font-size: 2.5rem !important
    }

    .is-size-3-touch {
        font-size: 2rem !important
    }

    .is-size-4-touch {
        font-size: 1.5rem !important
    }

    .is-size-5-touch {
        font-size: 1.25rem !important
    }

    .is-size-6-touch {
        font-size: 1rem !important
    }

    .is-size-7-touch {
        font-size: .75rem !important
    }
}

@media screen and (min-width: 1024px) {
    .is-size-1-desktop {
        font-size: 3rem !important
    }

    .is-size-2-desktop {
        font-size: 2.5rem !important
    }

    .is-size-3-desktop {
        font-size: 2rem !important
    }

    .is-size-4-desktop {
        font-size: 1.5rem !important
    }

    .is-size-5-desktop {
        font-size: 1.25rem !important
    }

    .is-size-6-desktop {
        font-size: 1rem !important
    }

    .is-size-7-desktop {
        font-size: .75rem !important
    }
}

@media screen and (min-width: 1216px) {
    .is-size-1-widescreen {
        font-size: 3rem !important
    }

    .is-size-2-widescreen {
        font-size: 2.5rem !important
    }

    .is-size-3-widescreen {
        font-size: 2rem !important
    }

    .is-size-4-widescreen {
        font-size: 1.5rem !important
    }

    .is-size-5-widescreen {
        font-size: 1.25rem !important
    }

    .is-size-6-widescreen {
        font-size: 1rem !important
    }

    .is-size-7-widescreen {
        font-size: .75rem !important
    }
}

@media screen and (min-width: 1408px) {
    .is-size-1-fullhd {
        font-size: 3rem !important
    }

    .is-size-2-fullhd {
        font-size: 2.5rem !important
    }

    .is-size-3-fullhd {
        font-size: 2rem !important
    }

    .is-size-4-fullhd {
        font-size: 1.5rem !important
    }

    .is-size-5-fullhd {
        font-size: 1.25rem !important
    }

    .is-size-6-fullhd {
        font-size: 1rem !important
    }

    .is-size-7-fullhd {
        font-size: .75rem !important
    }
}

.has-text-centered {
    text-align: center !important
}

.has-text-justified {
    text-align: justify !important
}

.has-text-left {
    text-align: left !important
}

.has-text-right {
    text-align: right !important
}

@media screen and (max-width: 768px) {
    .has-text-centered-mobile {
        text-align: center !important
    }
}

@media screen and (min-width: 769px),print {
    .has-text-centered-tablet {
        text-align: center !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .has-text-centered-tablet-only {
        text-align: center !important
    }
}

@media screen and (max-width: 1023px) {
    .has-text-centered-touch {
        text-align: center !important
    }
}

@media screen and (min-width: 1024px) {
    .has-text-centered-desktop {
        text-align: center !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .has-text-centered-desktop-only {
        text-align: center !important
    }
}

@media screen and (min-width: 1216px) {
    .has-text-centered-widescreen {
        text-align: center !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .has-text-centered-widescreen-only {
        text-align: center !important
    }
}

@media screen and (min-width: 1408px) {
    .has-text-centered-fullhd {
        text-align: center !important
    }
}

@media screen and (max-width: 768px) {
    .has-text-justified-mobile {
        text-align: justify !important
    }
}

@media screen and (min-width: 769px),print {
    .has-text-justified-tablet {
        text-align: justify !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .has-text-justified-tablet-only {
        text-align: justify !important
    }
}

@media screen and (max-width: 1023px) {
    .has-text-justified-touch {
        text-align: justify !important
    }
}

@media screen and (min-width: 1024px) {
    .has-text-justified-desktop {
        text-align: justify !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .has-text-justified-desktop-only {
        text-align: justify !important
    }
}

@media screen and (min-width: 1216px) {
    .has-text-justified-widescreen {
        text-align: justify !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .has-text-justified-widescreen-only {
        text-align: justify !important
    }
}

@media screen and (min-width: 1408px) {
    .has-text-justified-fullhd {
        text-align: justify !important
    }
}

@media screen and (max-width: 768px) {
    .has-text-left-mobile {
        text-align: left !important
    }
}

@media screen and (min-width: 769px),print {
    .has-text-left-tablet {
        text-align: left !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .has-text-left-tablet-only {
        text-align: left !important
    }
}

@media screen and (max-width: 1023px) {
    .has-text-left-touch {
        text-align: left !important
    }
}

@media screen and (min-width: 1024px) {
    .has-text-left-desktop {
        text-align: left !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .has-text-left-desktop-only {
        text-align: left !important
    }
}

@media screen and (min-width: 1216px) {
    .has-text-left-widescreen {
        text-align: left !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .has-text-left-widescreen-only {
        text-align: left !important
    }
}

@media screen and (min-width: 1408px) {
    .has-text-left-fullhd {
        text-align: left !important
    }
}

@media screen and (max-width: 768px) {
    .has-text-right-mobile {
        text-align: right !important
    }
}

@media screen and (min-width: 769px),print {
    .has-text-right-tablet {
        text-align: right !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .has-text-right-tablet-only {
        text-align: right !important
    }
}

@media screen and (max-width: 1023px) {
    .has-text-right-touch {
        text-align: right !important
    }
}

@media screen and (min-width: 1024px) {
    .has-text-right-desktop {
        text-align: right !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .has-text-right-desktop-only {
        text-align: right !important
    }
}

@media screen and (min-width: 1216px) {
    .has-text-right-widescreen {
        text-align: right !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .has-text-right-widescreen-only {
        text-align: right !important
    }
}

@media screen and (min-width: 1408px) {
    .has-text-right-fullhd {
        text-align: right !important
    }
}

.is-capitalized {
    text-transform: capitalize !important
}

.is-lowercase {
    text-transform: lowercase !important
}

.is-uppercase {
    text-transform: uppercase !important
}

.is-italic {
    font-style: italic !important
}

.is-underlined {
    text-decoration: underline !important
}

.has-text-weight-light {
    font-weight: 300 !important
}

.has-text-weight-normal {
    font-weight: 400 !important
}

.has-text-weight-medium {
    font-weight: 500 !important
}

.has-text-weight-semibold {
    font-weight: 600 !important
}

.has-text-weight-bold {
    font-weight: 700 !important
}

.is-family-primary {
    font-family: BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif !important
}

.is-family-secondary {
    font-family: BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif !important
}

.is-family-sans-serif {
    font-family: BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif !important
}

.is-family-monospace {
    font-family: monospace !important
}

.is-family-code {
    font-family: monospace !important
}

.is-block {
    display: block !important
}

@media screen and (max-width: 768px) {
    .is-block-mobile {
        display: block !important
    }
}

@media screen and (min-width: 769px),print {
    .is-block-tablet {
        display: block !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-block-tablet-only {
        display: block !important
    }
}

@media screen and (max-width: 1023px) {
    .is-block-touch {
        display: block !important
    }
}

@media screen and (min-width: 1024px) {
    .is-block-desktop {
        display: block !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-block-desktop-only {
        display: block !important
    }
}

@media screen and (min-width: 1216px) {
    .is-block-widescreen {
        display: block !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-block-widescreen-only {
        display: block !important
    }
}

@media screen and (min-width: 1408px) {
    .is-block-fullhd {
        display: block !important
    }
}

.is-flex {
    display: flex !important
}

@media screen and (max-width: 768px) {
    .is-flex-mobile {
        display: flex !important
    }
}

@media screen and (min-width: 769px),print {
    .is-flex-tablet {
        display: flex !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-flex-tablet-only {
        display: flex !important
    }
}

@media screen and (max-width: 1023px) {
    .is-flex-touch {
        display: flex !important
    }
}

@media screen and (min-width: 1024px) {
    .is-flex-desktop {
        display: flex !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-flex-desktop-only {
        display: flex !important
    }
}

@media screen and (min-width: 1216px) {
    .is-flex-widescreen {
        display: flex !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-flex-widescreen-only {
        display: flex !important
    }
}

@media screen and (min-width: 1408px) {
    .is-flex-fullhd {
        display: flex !important
    }
}

.is-inline {
    display: inline !important
}

@media screen and (max-width: 768px) {
    .is-inline-mobile {
        display: inline !important
    }
}

@media screen and (min-width: 769px),print {
    .is-inline-tablet {
        display: inline !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-inline-tablet-only {
        display: inline !important
    }
}

@media screen and (max-width: 1023px) {
    .is-inline-touch {
        display: inline !important
    }
}

@media screen and (min-width: 1024px) {
    .is-inline-desktop {
        display: inline !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-inline-desktop-only {
        display: inline !important
    }
}

@media screen and (min-width: 1216px) {
    .is-inline-widescreen {
        display: inline !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-inline-widescreen-only {
        display: inline !important
    }
}

@media screen and (min-width: 1408px) {
    .is-inline-fullhd {
        display: inline !important
    }
}

.is-inline-block {
    display: inline-block !important
}

@media screen and (max-width: 768px) {
    .is-inline-block-mobile {
        display: inline-block !important
    }
}

@media screen and (min-width: 769px),print {
    .is-inline-block-tablet {
        display: inline-block !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-inline-block-tablet-only {
        display: inline-block !important
    }
}

@media screen and (max-width: 1023px) {
    .is-inline-block-touch {
        display: inline-block !important
    }
}

@media screen and (min-width: 1024px) {
    .is-inline-block-desktop {
        display: inline-block !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-inline-block-desktop-only {
        display: inline-block !important
    }
}

@media screen and (min-width: 1216px) {
    .is-inline-block-widescreen {
        display: inline-block !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-inline-block-widescreen-only {
        display: inline-block !important
    }
}

@media screen and (min-width: 1408px) {
    .is-inline-block-fullhd {
        display: inline-block !important
    }
}

.is-inline-flex {
    display: inline-flex !important
}

@media screen and (max-width: 768px) {
    .is-inline-flex-mobile {
        display: inline-flex !important
    }
}

@media screen and (min-width: 769px),print {
    .is-inline-flex-tablet {
        display: inline-flex !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-inline-flex-tablet-only {
        display: inline-flex !important
    }
}

@media screen and (max-width: 1023px) {
    .is-inline-flex-touch {
        display: inline-flex !important
    }
}

@media screen and (min-width: 1024px) {
    .is-inline-flex-desktop {
        display: inline-flex !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-inline-flex-desktop-only {
        display: inline-flex !important
    }
}

@media screen and (min-width: 1216px) {
    .is-inline-flex-widescreen {
        display: inline-flex !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-inline-flex-widescreen-only {
        display: inline-flex !important
    }
}

@media screen and (min-width: 1408px) {
    .is-inline-flex-fullhd {
        display: inline-flex !important
    }
}

.is-hidden {
    display: none !important
}

.is-sr-only {
    border: none !important;
    clip: rect(0, 0, 0, 0) !important;
    height: .01em !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: .01em !important
}

@media screen and (max-width: 768px) {
    .is-hidden-mobile {
        display: none !important
    }
}

@media screen and (min-width: 769px),print {
    .is-hidden-tablet {
        display: none !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-hidden-tablet-only {
        display: none !important
    }
}

@media screen and (max-width: 1023px) {
    .is-hidden-touch {
        display: none !important
    }
}

@media screen and (min-width: 1024px) {
    .is-hidden-desktop {
        display: none !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-hidden-desktop-only {
        display: none !important
    }
}

@media screen and (min-width: 1216px) {
    .is-hidden-widescreen {
        display: none !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-hidden-widescreen-only {
        display: none !important
    }
}

@media screen and (min-width: 1408px) {
    .is-hidden-fullhd {
        display: none !important
    }
}

.is-invisible {
    visibility: hidden !important
}

@media screen and (max-width: 768px) {
    .is-invisible-mobile {
        visibility: hidden !important
    }
}

@media screen and (min-width: 769px),print {
    .is-invisible-tablet {
        visibility: hidden !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-invisible-tablet-only {
        visibility: hidden !important
    }
}

@media screen and (max-width: 1023px) {
    .is-invisible-touch {
        visibility: hidden !important
    }
}

@media screen and (min-width: 1024px) {
    .is-invisible-desktop {
        visibility: hidden !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-invisible-desktop-only {
        visibility: hidden !important
    }
}

@media screen and (min-width: 1216px) {
    .is-invisible-widescreen {
        visibility: hidden !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-invisible-widescreen-only {
        visibility: hidden !important
    }
}

@media screen and (min-width: 1408px) {
    .is-invisible-fullhd {
        visibility: hidden !important
    }
}

.hero {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

    .hero .navbar {
        background: none
    }

    .hero .tabs ul {
        border-bottom: none
    }

    .hero.is-white {
        background-color: #fff;
        color: #0a0a0a
    }

        .hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-white strong {
            color: inherit
        }

        .hero.is-white .title {
            color: #0a0a0a
        }

        .hero.is-white .subtitle {
            color: rgba(10,10,10,.9)
        }

            .hero.is-white .subtitle a:not(.button), .hero.is-white .subtitle strong {
                color: #0a0a0a
            }

@media screen and (max-width: 1023px) {
    .hero.is-white .navbar-menu {
        background-color: #fff
    }
}

.hero.is-white .navbar-item, .hero.is-white .navbar-link {
    color: rgba(10,10,10,.7)
}

    .hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active, .hero.is-white .navbar-link:hover, .hero.is-white .navbar-link.is-active {
        background-color: #f2f2f2;
        color: #0a0a0a
    }

.hero.is-white .tabs a {
    color: #0a0a0a;
    opacity: .9
}

    .hero.is-white .tabs a:hover {
        opacity: 1
    }

.hero.is-white .tabs li.is-active a {
    color: #fff !important;
    opacity: 1
}

.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
    color: #0a0a0a
}

    .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
        background-color: rgba(10,10,10,.1)
    }

.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    color: #fff
}

.hero.is-white.is-bold {
    background-image: linear-gradient(141deg, #e8e3e4 0%, #fff 71%, white 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-white.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #e8e3e4 0%, #fff 71%, white 100%)
    }
}

.hero.is-black {
    background-color: #0a0a0a;
    color: #fff
}

    .hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-black strong {
        color: inherit
    }

    .hero.is-black .title {
        color: #fff
    }

    .hero.is-black .subtitle {
        color: rgba(255,255,255,.9)
    }

        .hero.is-black .subtitle a:not(.button), .hero.is-black .subtitle strong {
            color: #fff
        }

@media screen and (max-width: 1023px) {
    .hero.is-black .navbar-menu {
        background-color: #0a0a0a
    }
}

.hero.is-black .navbar-item, .hero.is-black .navbar-link {
    color: rgba(255,255,255,.7)
}

    .hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active, .hero.is-black .navbar-link:hover, .hero.is-black .navbar-link.is-active {
        background-color: #000;
        color: #fff
    }

.hero.is-black .tabs a {
    color: #fff;
    opacity: .9
}

    .hero.is-black .tabs a:hover {
        opacity: 1
    }

.hero.is-black .tabs li.is-active a {
    color: #0a0a0a !important;
    opacity: 1
}

.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
    color: #fff
}

    .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
        background-color: rgba(10,10,10,.1)
    }

.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0a0a0a
}

.hero.is-black.is-bold {
    background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-black.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%)
    }
}

.hero.is-light {
    background-color: #f5f5f5;
    color: rgba(0,0,0,.7)
}

    .hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-light strong {
        color: inherit
    }

    .hero.is-light .title {
        color: rgba(0,0,0,.7)
    }

    .hero.is-light .subtitle {
        color: rgba(0,0,0,.9)
    }

        .hero.is-light .subtitle a:not(.button), .hero.is-light .subtitle strong {
            color: rgba(0,0,0,.7)
        }

@media screen and (max-width: 1023px) {
    .hero.is-light .navbar-menu {
        background-color: #f5f5f5
    }
}

.hero.is-light .navbar-item, .hero.is-light .navbar-link {
    color: rgba(0,0,0,.7)
}

    .hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active, .hero.is-light .navbar-link:hover, .hero.is-light .navbar-link.is-active {
        background-color: #e8e8e8;
        color: rgba(0,0,0,.7)
    }

.hero.is-light .tabs a {
    color: rgba(0,0,0,.7);
    opacity: .9
}

    .hero.is-light .tabs a:hover {
        opacity: 1
    }

.hero.is-light .tabs li.is-active a {
    color: #f5f5f5 !important;
    opacity: 1
}

.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
    color: rgba(0,0,0,.7)
}

    .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
        background-color: rgba(10,10,10,.1)
    }

.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
    background-color: rgba(0,0,0,.7);
    border-color: rgba(0,0,0,.7);
    color: #f5f5f5
}

.hero.is-light.is-bold {
    background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-light.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%)
    }
}

.hero.is-dark {
    background-color: #202836;
    color: #fff
}

    .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-dark strong {
        color: inherit
    }

    .hero.is-dark .title {
        color: #fff
    }

    .hero.is-dark .subtitle {
        color: rgba(255,255,255,.9)
    }

        .hero.is-dark .subtitle a:not(.button), .hero.is-dark .subtitle strong {
            color: #fff
        }

@media screen and (max-width: 1023px) {
    .hero.is-dark .navbar-menu {
        background-color: #202836
    }
}

.hero.is-dark .navbar-item, .hero.is-dark .navbar-link {
    color: rgba(255,255,255,.7)
}

    .hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active, .hero.is-dark .navbar-link:hover, .hero.is-dark .navbar-link.is-active {
        background-color: #171c26;
        color: #fff
    }

.hero.is-dark .tabs a {
    color: #fff;
    opacity: .9
}

    .hero.is-dark .tabs a:hover {
        opacity: 1
    }

.hero.is-dark .tabs li.is-active a {
    color: #202836 !important;
    opacity: 1
}

.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
    color: #fff
}

    .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
        background-color: rgba(10,10,10,.1)
    }

.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #202836
}

.hero.is-dark.is-bold {
    background-image: linear-gradient(141deg, #0b1218 0%, #202836 71%, #272d49 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-dark.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #0b1218 0%, #202836 71%, #272d49 100%)
    }
}

.hero.is-primary {
    background-color: #3d70b2;
    color: #fff
}

    .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-primary strong {
        color: inherit
    }

    .hero.is-primary .title {
        color: #fff
    }

    .hero.is-primary .subtitle {
        color: rgba(255,255,255,.9)
    }

        .hero.is-primary .subtitle a:not(.button), .hero.is-primary .subtitle strong {
            color: #fff
        }

@media screen and (max-width: 1023px) {
    .hero.is-primary .navbar-menu {
        background-color: #3d70b2
    }
}

.hero.is-primary .navbar-item, .hero.is-primary .navbar-link {
    color: rgba(255,255,255,.7)
}

    .hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active, .hero.is-primary .navbar-link:hover, .hero.is-primary .navbar-link.is-active {
        background-color: #36649f;
        color: #fff
    }

.hero.is-primary .tabs a {
    color: #fff;
    opacity: .9
}

    .hero.is-primary .tabs a:hover {
        opacity: 1
    }

.hero.is-primary .tabs li.is-active a {
    color: #3d70b2 !important;
    opacity: 1
}

.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
    color: #fff
}

    .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
        background-color: rgba(10,10,10,.1)
    }

.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #3d70b2
}

.hero.is-primary.is-bold {
    background-image: linear-gradient(141deg, #276995 0%, #3d70b2 71%, #4266c6 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-primary.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #276995 0%, #3d70b2 71%, #4266c6 100%)
    }
}

.hero.is-link {
    background-color: #039be5;
    color: #fff
}

    .hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-link strong {
        color: inherit
    }

    .hero.is-link .title {
        color: #fff
    }

    .hero.is-link .subtitle {
        color: rgba(255,255,255,.9)
    }

        .hero.is-link .subtitle a:not(.button), .hero.is-link .subtitle strong {
            color: #fff
        }

@media screen and (max-width: 1023px) {
    .hero.is-link .navbar-menu {
        background-color: #039be5
    }
}

.hero.is-link .navbar-item, .hero.is-link .navbar-link {
    color: rgba(255,255,255,.7)
}

    .hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active, .hero.is-link .navbar-link:hover, .hero.is-link .navbar-link.is-active {
        background-color: #038acc;
        color: #fff
    }

.hero.is-link .tabs a {
    color: #fff;
    opacity: .9
}

    .hero.is-link .tabs a:hover {
        opacity: 1
    }

.hero.is-link .tabs li.is-active a {
    color: #039be5 !important;
    opacity: 1
}

.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
    color: #fff
}

    .hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
        background-color: rgba(10,10,10,.1)
    }

.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #039be5
}

.hero.is-link.is-bold {
    background-image: linear-gradient(141deg, #0098b5 0%, #039BE5 71%, #0382ff 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-link.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #0098b5 0%, #039BE5 71%, #0382ff 100%)
    }
}

.hero.is-info {
    background-color: #3e8ed0;
    color: #fff
}

    .hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-info strong {
        color: inherit
    }

    .hero.is-info .title {
        color: #fff
    }

    .hero.is-info .subtitle {
        color: rgba(255,255,255,.9)
    }

        .hero.is-info .subtitle a:not(.button), .hero.is-info .subtitle strong {
            color: #fff
        }

@media screen and (max-width: 1023px) {
    .hero.is-info .navbar-menu {
        background-color: #3e8ed0
    }
}

.hero.is-info .navbar-item, .hero.is-info .navbar-link {
    color: rgba(255,255,255,.7)
}

    .hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active, .hero.is-info .navbar-link:hover, .hero.is-info .navbar-link.is-active {
        background-color: #3082c5;
        color: #fff
    }

.hero.is-info .tabs a {
    color: #fff;
    opacity: .9
}

    .hero.is-info .tabs a:hover {
        opacity: 1
    }

.hero.is-info .tabs li.is-active a {
    color: #3e8ed0 !important;
    opacity: 1
}

.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
    color: #fff
}

    .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
        background-color: rgba(10,10,10,.1)
    }

.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #3e8ed0
}

.hero.is-info.is-bold {
    background-image: linear-gradient(141deg, #208fbc 0%, #3e8ed0 71%, #4d83db 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-info.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #208fbc 0%, #3e8ed0 71%, #4d83db 100%)
    }
}

.hero.is-success {
    background-color: #1ce589;
    color: rgba(0,0,0,.7)
}

    .hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-success strong {
        color: inherit
    }

    .hero.is-success .title {
        color: rgba(0,0,0,.7)
    }

    .hero.is-success .subtitle {
        color: rgba(0,0,0,.9)
    }

        .hero.is-success .subtitle a:not(.button), .hero.is-success .subtitle strong {
            color: rgba(0,0,0,.7)
        }

@media screen and (max-width: 1023px) {
    .hero.is-success .navbar-menu {
        background-color: #1ce589
    }
}

.hero.is-success .navbar-item, .hero.is-success .navbar-link {
    color: rgba(0,0,0,.7)
}

    .hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active, .hero.is-success .navbar-link:hover, .hero.is-success .navbar-link.is-active {
        background-color: #18d07c;
        color: rgba(0,0,0,.7)
    }

.hero.is-success .tabs a {
    color: rgba(0,0,0,.7);
    opacity: .9
}

    .hero.is-success .tabs a:hover {
        opacity: 1
    }

.hero.is-success .tabs li.is-active a {
    color: #1ce589 !important;
    opacity: 1
}

.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
    color: rgba(0,0,0,.7)
}

    .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
        background-color: rgba(10,10,10,.1)
    }

.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
    background-color: rgba(0,0,0,.7);
    border-color: rgba(0,0,0,.7);
    color: #1ce589
}

.hero.is-success.is-bold {
    background-image: linear-gradient(141deg, #0bc350 0%, #1CE589 71%, #2dedb5 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-success.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #0bc350 0%, #1CE589 71%, #2dedb5 100%)
    }
}

.hero.is-warning {
    background-color: #ffe08a;
    color: rgba(0,0,0,.7)
}

    .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-warning strong {
        color: inherit
    }

    .hero.is-warning .title {
        color: rgba(0,0,0,.7)
    }

    .hero.is-warning .subtitle {
        color: rgba(0,0,0,.9)
    }

        .hero.is-warning .subtitle a:not(.button), .hero.is-warning .subtitle strong {
            color: rgba(0,0,0,.7)
        }

@media screen and (max-width: 1023px) {
    .hero.is-warning .navbar-menu {
        background-color: #ffe08a
    }
}

.hero.is-warning .navbar-item, .hero.is-warning .navbar-link {
    color: rgba(0,0,0,.7)
}

    .hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active, .hero.is-warning .navbar-link:hover, .hero.is-warning .navbar-link.is-active {
        background-color: #ffd970;
        color: rgba(0,0,0,.7)
    }

.hero.is-warning .tabs a {
    color: rgba(0,0,0,.7);
    opacity: .9
}

    .hero.is-warning .tabs a:hover {
        opacity: 1
    }

.hero.is-warning .tabs li.is-active a {
    color: #ffe08a !important;
    opacity: 1
}

.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
    color: rgba(0,0,0,.7)
}

    .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
        background-color: rgba(10,10,10,.1)
    }

.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
    background-color: rgba(0,0,0,.7);
    border-color: rgba(0,0,0,.7);
    color: #ffe08a
}

.hero.is-warning.is-bold {
    background-image: linear-gradient(141deg, #ffb657 0%, #ffe08a 71%, #fff6a3 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-warning.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #ffb657 0%, #ffe08a 71%, #fff6a3 100%)
    }
}

.hero.is-danger {
    background-color: #f71416;
    color: #fff
}

    .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-danger strong {
        color: inherit
    }

    .hero.is-danger .title {
        color: #fff
    }

    .hero.is-danger .subtitle {
        color: rgba(255,255,255,.9)
    }

        .hero.is-danger .subtitle a:not(.button), .hero.is-danger .subtitle strong {
            color: #fff
        }

@media screen and (max-width: 1023px) {
    .hero.is-danger .navbar-menu {
        background-color: #f71416
    }
}

.hero.is-danger .navbar-item, .hero.is-danger .navbar-link {
    color: rgba(255,255,255,.7)
}

    .hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active, .hero.is-danger .navbar-link:hover, .hero.is-danger .navbar-link.is-active {
        background-color: #ea080a;
        color: #fff
    }

.hero.is-danger .tabs a {
    color: #fff;
    opacity: .9
}

    .hero.is-danger .tabs a:hover {
        opacity: 1
    }

.hero.is-danger .tabs li.is-active a {
    color: #f71416 !important;
    opacity: 1
}

.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
    color: #fff
}

    .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
        background-color: rgba(10,10,10,.1)
    }

.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #f71416
}

.hero.is-danger.is-bold {
    background-image: linear-gradient(141deg, #d80026 0%, #f71416 71%, #fd4927 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-danger.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #d80026 0%, #f71416 71%, #fd4927 100%)
    }
}

.hero.is-small .hero-body {
    padding: 1.5rem
}

@media screen and (min-width: 769px),print {
    .hero.is-medium .hero-body {
        padding: 9rem 4.5rem
    }
}

@media screen and (min-width: 769px),print {
    .hero.is-large .hero-body {
        padding: 18rem 6rem
    }
}

.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body {
    align-items: center;
    display: flex
}

    .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container {
        flex-grow: 1;
        flex-shrink: 1
    }

.hero.is-halfheight {
    min-height: 50vh
}

.hero.is-fullheight {
    min-height: 100vh
}

.hero-video {
    overflow: hidden
}

    .hero-video video {
        left: 50%;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        top: 50%;
        transform: translate3d(-50%, -50%, 0)
    }

    .hero-video.is-transparent {
        opacity: .3
    }

@media screen and (max-width: 768px) {
    .hero-video {
        display: none
    }
}

.hero-buttons {
    margin-top: 1.5rem
}

@media screen and (max-width: 768px) {
    .hero-buttons .button {
        display: flex
    }

        .hero-buttons .button:not(:last-child) {
            margin-bottom: .75rem
        }
}

@media screen and (min-width: 769px),print {
    .hero-buttons {
        display: flex;
        justify-content: center
    }

        .hero-buttons .button:not(:last-child) {
            margin-right: 1.5rem
        }
}

.hero-head, .hero-foot {
    flex-grow: 0;
    flex-shrink: 0
}

.hero-body {
    flex-grow: 1;
    flex-shrink: 0;
    padding: 3rem 1.5rem
}

@media screen and (min-width: 769px),print {
    .hero-body {
        padding: 3rem 3rem
    }
}

.section {
    padding: 3rem 1.5rem
}

@media screen and (min-width: 1024px) {
    .section {
        padding: 3rem 3rem
    }

        .section.is-medium {
            padding: 9rem 4.5rem
        }

        .section.is-large {
            padding: 18rem 6rem
        }
}

.footer {
    background-color: #fafafa;
    padding: 3rem 1.5rem 6rem
}


body {
    background: #f4f4f4;
    height: 100%;
    width: 100%;
    min-height: 100vh;
    font-family: Roboto,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
    color: #344258;
    overflow: hidden
}

    body.is-frozen {
        overflow: hidden !important;
        position: fixed;
        top: 0;
        left: 0
    }

    body.is-white {
        background: #fff
    }

.app-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.6);
    z-index: -1;
    opacity: 0
}

    .app-overlay.is-active {
        opacity: 1 !important;
        z-index: 1000 !important
    }

.container.is-fluid {
    margin: 0 !important
}

.container.is-desktop {
    max-width: 1180px !important
}

.container.sidebar-boxed {
    max-width: 1040px !important
}

.view-wrapper {
    padding: 60px 12px;
    transition: all .3s
}

    .view-wrapper.is-side {
        width: calc(100% - 70px);
        margin-left: 70px
    }

    .view-wrapper.is-full {
        padding: 60px 0 0 0
    }

    .view-wrapper.is-sidebar-v1 {
        position: relative;
        margin-left: 280px;
        width: calc(100% - 280px);
        padding-top: 1.5rem
    }

        .view-wrapper.is-sidebar-v1.is-fold {
            width: 100%;
            margin-left: 0
        }

    .view-wrapper.is-map {
        position: relative;
        top: 57px;
        padding: 0;
        min-height: calc(100vh - 57px)
    }

    .view-wrapper.is-map-pushed {
        position: relative;
        top: 150px;
        padding: 0;
        min-height: calc(100vh - 150px)
    }

    .view-wrapper.is-dashboard {
        position: relative;
        margin-left: 80px;
        width: calc(100% - 80px);
        padding-top: 1.5rem
    }

        .view-wrapper.is-dashboard.is-fold {
            width: 100%;
            margin-left: 0
        }

    .view-wrapper .view-wrap {
        padding: 20px 0
    }

        .view-wrapper .view-wrap.is-headless {
            padding-top: 10px
        }

.navbar-v2-wrapper {
    padding-top: 6rem
}

.inbox-wrapper {
    position: absolute;
    top: 58px;
    left: 0;
    width: 100%;
    height: calc(100% - 58px)
}

#profile {
    padding: 80px 0
}

.main-container {
    width: 100%;
    transition: all .3s
}

    .main-container.has-sidebar {
        width: calc(100% - 300px);
        margin-left: 300px
    }

.columns.no-mb {
    margin-bottom: 0 !important
}

.column.is-paddingless {
    padding: 0
}

.column.no-padding-left {
    padding-left: 0
}

.column.no-padding-right {
    padding-right: 0
}

.card-row {
    display: flex;
    flex-wrap: wrap
}

    .card-row .card-flex {
        width: calc(25% - 16px);
        margin: 8px;
        background: #fff;
        border: 1px solid #dedede;
        border-radius: 6px
    }

.footer-light-medium {
    padding-bottom: 0 !important;
    padding-top: 4rem !important;
    background: #f5f5f5
}

    .footer-light-medium .footer-head {
        padding-bottom: 3rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #dedede
    }

        .footer-light-medium .footer-head .head-text h3 {
            font-family: "Montserrat",sans-serif;
            font-size: 1.6rem;
            color: #393a4f
        }

        .footer-light-medium .footer-head .head-text p {
            font-size: 1rem;
            color: #999
        }

        .footer-light-medium .footer-head .head-action .buttons .button.action-button {
            height: 36px;
            min-width: 140px
        }

        .footer-light-medium .footer-head .head-action .buttons .button.chat-button {
            background: transparent;
            border: none;
            outline: none;
            box-shadow: none;
            color: #3d70b2;
            font-weight: 500
        }

    .footer-light-medium .footer-body {
        padding-top: 3rem
    }

        .footer-light-medium .footer-body .footer-column {
            padding-top: 20px
        }

            .footer-light-medium .footer-body .footer-column .column-header {
                font-family: "Montserrat",sans-serif;
                text-transform: uppercase;
                color: #393a4f;
                font-size: .9rem;
                font-weight: 700;
                margin: 10px 0
            }

            .footer-light-medium .footer-body .footer-column .column-item {
                padding-bottom: 10px
            }

                .footer-light-medium .footer-body .footer-column .column-item a {
                    font-size: .9rem;
                    color: #999
                }

                    .footer-light-medium .footer-body .footer-column .column-item a:hover {
                        color: #3d70b2
                    }

        .footer-light-medium .footer-body .social-links {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding: 10px 0
        }

            .footer-light-medium .footer-body .social-links a {
                color: #999;
                margin: 0 5px
            }

                .footer-light-medium .footer-body .social-links a:hover {
                    color: #3d70b2
                }

                .footer-light-medium .footer-body .social-links a svg {
                    height: 18px;
                    width: 18px;
                    stroke-width: 1.4px
                }

        .footer-light-medium .footer-body .footer-description {
            color: #999;
            padding: 10px 0
        }

        .footer-light-medium .footer-body .moto {
            color: #999;
            font-size: .85rem
        }

            .footer-light-medium .footer-body .moto svg {
                height: 14px;
                width: 14px;
                fill: #f71416;
                stroke: #f71416;
                margin: 0 2px
            }

        .footer-light-medium .footer-body .small-footer-logo {
            height: 30px
        }

    .footer-light-medium .footer-copyright {
        color: #999;
        padding: 4rem 0 2rem 0;
        font-size: .9rem
    }

        .footer-light-medium .footer-copyright a {
            color: #999
        }

            .footer-light-medium .footer-copyright a:hover {
                color: #3d70b2
            }

@media only screen and (max-width: 767px) {
    .view-wrapper.is-sidebar-v1, .view-wrapper.is-dashboard {
        margin-left: 0 !important;
        width: 100% !important
    }

    .view-wrap.is-headless {
        padding-top: 10px !important
    }

    .column.no-padding-left {
        padding-left: .75rem
    }

    .column.no-padding-right {
        padding-right: .75rem
    }

    .column.no-side-padding-mobile {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .control.is-grouped {
        margin-bottom: 8px
    }

    .footer-light-medium .footer-head {
        flex-direction: column;
        text-align: center
    }

        .footer-light-medium .footer-head .head-text {
            padding-bottom: 20px
        }

    .footer-light-medium .footer-body {
        padding: 1rem !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .view-wrapper.is-sidebar-v1, .view-wrapper.is-dashboard {
        margin-left: 0 !important;
        width: 100% !important
    }

    .columns.has-portrait-padding {
        padding: 0 40px
    }

    .column.no-padding-left {
        padding-left: .75rem
    }

    .column.no-padding-right {
        padding-right: .75rem
    }

    .footer-light-medium {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

        .footer-light-medium .footer-head {
            padding: 1rem !important
        }

        .footer-light-medium .footer-body {
            display: flex;
            padding: 2rem 1rem !important
        }

            .footer-light-medium .footer-body .column.is-4 {
                width: 42%;
                max-width: 42%;
                flex-shrink: 1
            }

            .footer-light-medium .footer-body .is-offset-2 .columns {
                display: flex !important
            }

        .footer-light-medium .columns .column.is-4 {
            text-align: center
        }

            .footer-light-medium .columns .column.is-4 > div {
                max-width: 430px;
                margin: 20px auto
            }

            .footer-light-medium .columns .column.is-4 .moto {
                margin: 0
            }

        .footer-light-medium .columns .column.is-offset-2 .columns {
            display: flex;
            text-align: center
        }

            .footer-light-medium .columns .column.is-offset-2 .columns .footer-column {
                padding: 0
            }

    .copyright .inner {
        justify-content: center
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .container {
        max-width: 100%
    }

        .container .column {
            padding: .5rem
        }

    .view-wrapper.is-sidebar-v1 {
        margin-left: 250px;
        width: calc(100% - 250px);
        padding-top: 1.5rem
    }

    .view-wrapper.is-dashboard {
        margin-left: 70px;
        width: calc(100% - 70px);
        padding-top: 1.5rem
    }

    .is-hidden-landscape {
        display: none !important
    }
}

@media screen and (min-width: 1297px) {
    .container.is-custom {
        max-width: 1240px;
        width: 1240px
    }
}

@media screen and (min-width: 1088px) {
    .container.is-custom {
        max-width: 1140px;
        width: 1140px
    }
}

@media screen and (max-width: 1300px) {
    #main-feed {
        max-width: 1240px
    }
}

.title.is-thin {
    font-weight: 300
}

.filters-panel {
    position: fixed;
    top: 107px;
    left: 0;
    height: calc(100% - 107px);
    width: 300px;
    background: #fff;
    border-right: 1px solid #e0e0e0;
    transform: translateX(-100%);
    transition: all .3s;
    z-index: 2
}

    .filters-panel.is-active {
        transform: translateX(0)
    }

    .filters-panel .panel-inner {
        position: relative;
        width: 100%
    }

        .filters-panel .panel-inner .panel-title {
            font-family: Montserrat,sans-serif;
            font-size: .9rem;
            font-weight: 600;
            color: #999;
            padding: 20px;
            border-bottom: 1px solid #e8e8e8
        }

        .filters-panel .panel-inner .filter-block {
            padding: 20px;
            border-bottom: 1px solid #e8e8e8
        }

            .filters-panel .panel-inner .filter-block label {
                display: block;
                font-size: .7rem;
                font-weight: 500;
                text-transform: uppercase;
                margin-bottom: 8px;
                color: #393a4f
            }

            .filters-panel .panel-inner .filter-block .age-wrap {
                display: flex;
                align-items: center
            }

                .filters-panel .panel-inner .filter-block .age-wrap .separator {
                    text-align: center;
                    padding: 0 8px;
                    font-size: .7rem;
                    text-transform: uppercase;
                    color: #999
                }

                .filters-panel .panel-inner .filter-block .age-wrap .field {
                    margin-bottom: 0;
                    max-width: 60px
                }

                    .filters-panel .panel-inner .filter-block .age-wrap .field .control input {
                        height: 30px;
                        text-align: center
                    }

                        .filters-panel .panel-inner .filter-block .age-wrap .field .control input:focus {
                            border-color: #757a91
                        }

.navbar-v1 {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 19;
    height: 58px;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    border-bottom: 1px solid #e8e8e8;
    transition: all .3s
}

    .navbar-v1.no-shadow {
        box-shadow: none !important
    }

    .navbar-v1.no-background {
        background: transparent !important;
        border-bottom-color: transparent !important
    }

    .navbar-v1.is-landing {
        height: 70px
    }

        .navbar-v1.is-landing .navbar-brand {
            height: 70px
        }

            .navbar-v1.is-landing .navbar-brand .navbar-item {
                height: 70px
            }

                .navbar-v1.is-landing .navbar-brand .navbar-item .logo {
                    max-height: 44px;
                    width: 100%;
                    max-width: 44px
                }

        .navbar-v1.is-landing .navbar-item a:not(.button) {
            color: #393a4f;
            font-weight: 500
        }

        .navbar-v1.is-landing .navbar-end .button {
            font-size: .95rem;
            height: 46px;
            min-width: 120px
        }

        .navbar-v1.is-landing.no-background .navbar-brand .navbar-burger span {
            background: #fff
        }

        .navbar-v1.is-landing.no-background .navbar-end .navbar-item .button {
            background: transparent;
            border-color: #fcfcfc;
            color: #fcfcfc !important
        }

            .navbar-v1.is-landing.no-background .navbar-end .navbar-item .button:hover {
                border-color: #fff;
                background: #fff;
                color: #393a4f !important;
                opacity: 1 !important
            }

        .navbar-v1.is-landing.no-background .navbar-end .navbar-item a {
            color: #fcfcfc
        }

        .navbar-v1.is-landing.mobile-navbar.no-background .navbar-brand .dark-mobile-logo {
            display: none
        }

        .navbar-v1.is-landing.mobile-navbar.no-background .navbar-brand .light-mobile-logo {
            display: block
        }

        .navbar-v1.is-landing.mobile-navbar .navbar-brand .dark-mobile-logo {
            display: block
        }

        .navbar-v1.is-landing.mobile-navbar .navbar-brand .light-mobile-logo {
            display: none
        }

    .navbar-v1.is-side {
        width: calc(100% - 70px);
        margin-left: 70px
    }

    .navbar-v1 .container.is-fluid {
        padding: 0
    }

    .navbar-v1 .navbar-brand {
        height: 58px;
        margin-left: 0 !important;
        margin-right: 20px
    }

        .navbar-v1 .navbar-brand.is-fluid {
            margin-right: 0;
            margin-left: 10px !important
        }

        .navbar-v1 .navbar-brand.is-title {
            display: flex;
            align-items: center
        }

            .navbar-v1 .navbar-brand.is-title h2 {
                margin-left: 20px;
                color: #393a4f;
                font-family: "Roboto",sans-serif;
                font-size: 1.1rem;
                font-weight: 600
            }

        .navbar-v1 .navbar-brand .navbar-item {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 58px;
            min-width: 58px
        }

            .navbar-v1 .navbar-brand .navbar-item .logo {
                max-height: 38px;
                /*max-width: 38px*/
            }

            .navbar-v1 .navbar-brand .navbar-item .user-image img {
                max-height: 42px;
                max-width: 42px
            }

            .navbar-v1 .navbar-brand .navbar-item:hover {
                background: #3d70b2 !important
            }

    .navbar-v1 .navbar-menu {
        margin-right: 0 !important
    }

    .navbar-v1 .navbar-item {
        position: relative
    }

        .navbar-v1 .navbar-item .action-button {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 36px;
            max-width: 36px;
            height: 36px;
            min-height: 36px;
            border-radius: 50%;
            padding: 0;
            display: none
        }

            .navbar-v1 .navbar-item .action-button svg {
                height: 16px;
                width: 16px
            }

    .navbar-v1 .control {
        position: relative
    }

        .navbar-v1 .control .input, .forums-header .input {
            position: relative;
            height: 38px;
            width: 320px;
            padding-right: 85px;
            padding-left: 38px;
            padding-bottom: 8px;
            background: #f7f7f7;
            border-color: #f7f7f7;
            transition: all .4s;
            z-index: 1
        }
        .forums-header .input{
            width: 100%;
        }

            .navbar-v1 .control .input:focus {
                background: #fff;
                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important;
                border-color: #e3e3e3
            }

            .navbar-v1 .control .input:not(:valid) ~ .reset-search, .forums-header .input:not(:valid) ~ .reset-search {
                opacity: 0;
                pointer-events: none
            }

            .navbar-v1 .control .input:focus ~ .search-icon svg {
                stroke: #999 !important
            }

        .navbar-v1 .control .reset-search, .forums-header .reset-search {
            position: absolute;
            top: 0;
            right: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 38px;
            width: 38px;
            opacity: 1;
            pointer-events: all;
            transition: all .3s;
            z-index: 1;
            cursor: pointer
        }

            .navbar-v1 .control .reset-search svg, .forums-header .reset-search svg{
                height: 18px;
                width: 18px;
                stroke: #999
            }

        .navbar-v1 .control .search-icon, .forums-header .search-icon {
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 38px;
            width: 38px;
            z-index: 1
        }

            .navbar-v1 .control .search-icon svg, .forums-header .search-icon svg {
                height: 20px;
                width: 20px;
                stroke: #cecece;
                transition: all .3s
            }

.explorer-menu {
    position: fixed;
    top: 58px;
    left: 0;
    width: 100%;
    height: calc(100% - 58px);
    background: #fff;
    opacity: 0;
    z-index: -1;
    transform: translateY(60px);
    transition: opacity .4s,transform .4s
}

    .explorer-menu.is-active {
        transform: translateY(0);
        opacity: 1;
        z-index: 11
    }

    .explorer-menu .explorer-inner {
        position: relative;
        height: 100%;
        width: 100%
    }

        .explorer-menu .explorer-inner .explorer-container {
            max-width: 840px;
            margin: 0 auto
        }

        .explorer-menu .explorer-inner .explorer-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px 0
        }

            .explorer-menu .explorer-inner .explorer-header h3 {
                font-family: Montserrat,sans-serif;
                font-weight: bold;
                font-size: 1.2rem;
                color: #393a4f
            }

            .explorer-menu .explorer-inner .explorer-header .control {
                position: relative
            }

                .explorer-menu .explorer-inner .explorer-header .control input {
                    padding-right: 40px
                }

                    .explorer-menu .explorer-inner .explorer-header .control input:focus + .form-icon svg {
                        stroke: #3d70b2
                    }

                .explorer-menu .explorer-inner .explorer-header .control .form-icon {
                    position: absolute;
                    top: 0;
                    right: 4px;
                    height: 36px;
                    width: 36px;
                    display: flex;
                    justify-content: center;
                    align-items: center
                }

                    .explorer-menu .explorer-inner .explorer-header .control .form-icon svg {
                        height: 16px;
                        width: 16px;
                        stroke: #cecece;
                        transition: stroke .3s
                    }

        .explorer-menu .explorer-inner .explore-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap
        }

            .explorer-menu .explorer-inner .explore-list .explore-item {
                text-align: center;
                width: calc(20% - 16px);
                margin: 8px;
                padding: 20px 0;
                border: 1px solid transparent;
                border-radius: 8px;
                transition: all .3s;
                cursor: pointer
            }

                .explorer-menu .explorer-inner .explore-list .explore-item:hover {
                    border-color: #e8e8e8;
                    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                }

                    .explorer-menu .explorer-inner .explore-list .explore-item:hover img {
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                    }

                .explorer-menu .explorer-inner .explore-list .explore-item.is-coming-soon img {
                    filter: grayscale(0.9)
                }

                .explorer-menu .explorer-inner .explore-list .explore-item img {
                    display: block;
                    height: 60px;
                    width: 60px;
                    border-radius: 50%;
                    margin: 0 auto;
                    transition: all .3s
                }

                .explorer-menu .explorer-inner .explore-list .explore-item h4 {
                    font-family: Montserrat,sans-serif;
                    font-weight: 600;
                    font-size: .9rem;
                    color: #393a4f;
                    margin-top: 6px
                }

                .explorer-menu .explorer-inner .explore-list .explore-item .coming-soon {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: #f5f5f5;
                    color: #393a4f;
                    font-size: .8rem;
                    font-weight: 500;
                    line-height: 1;
                    max-width: 96px;
                    padding: 4px 8px;
                    border-radius: 100px;
                    margin: 0 auto;
                    position: relative;
                    top: 3px
                }

@media(max-width: 767px) {
    .explorer-menu .explorer-container {
        padding: 0 20px
    }

        .explorer-menu .explorer-container .explorer-header .control {
            max-width: 200px
        }

        .explorer-menu .explorer-container .explore-list {
            max-height: calc(100vh - 150px);
            overflow-y: auto
        }

            .explorer-menu .explorer-container .explore-list .explore-item {
                padding: 4px 0;
                width: calc(33.3% - 16px)
            }

                .explorer-menu .explorer-container .explore-list .explore-item img {
                    height: 50px;
                    width: 50px
                }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .explorer-menu .explorer-container .explorer-header {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .explorer-menu .explorer-container .explorer-header {
        padding-left: 40px;
        padding-right: 40px
    }
}

.options-nav {
    position: fixed;
    top: 58px;
    left: 0;
    width: 100%;
    height: 50px;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    z-index: 5;
    transition: all .3s
}

    .options-nav.no-shadow {
        box-shadow: none
    }

    .options-nav .nav-inner {
        display: flex
    }

        .options-nav .nav-inner.is-friends .option-tabs, .options-nav .nav-inner.is-events .option-tabs {
            position: relative;
            display: flex;
            width: 500px
        }

            .options-nav .nav-inner.is-friends .option-tabs .option-tab, .options-nav .nav-inner.is-events .option-tabs .option-tab {
                height: 50px;
                width: 33.3%;
                display: flex;
                align-items: center;
                justify-content: center
            }

                .options-nav .nav-inner.is-friends .option-tabs .option-tab.is-active span, .options-nav .nav-inner.is-events .option-tabs .option-tab.is-active span {
                    font-weight: 500;
                    color: #393a4f
                }

                .options-nav .nav-inner.is-friends .option-tabs .option-tab.is-active:first-child ~ .option-naver, .options-nav .nav-inner.is-events .option-tabs .option-tab.is-active:first-child ~ .option-naver {
                    margin-left: 0
                }

                .options-nav .nav-inner.is-friends .option-tabs .option-tab.is-active:nth-child(2) ~ .option-naver, .options-nav .nav-inner.is-events .option-tabs .option-tab.is-active:nth-child(2) ~ .option-naver {
                    margin-left: 33.3%
                }

                .options-nav .nav-inner.is-friends .option-tabs .option-tab.is-active:nth-child(3) ~ .option-naver, .options-nav .nav-inner.is-events .option-tabs .option-tab.is-active:nth-child(3) ~ .option-naver {
                    margin-left: 66.6%
                }

                .options-nav .nav-inner.is-friends .option-tabs .option-tab span, .options-nav .nav-inner.is-events .option-tabs .option-tab span {
                    display: block;
                    color: #cecece;
                    font-family: Roboto,sans-serif;
                    font-size: .9rem
                }

            .options-nav .nav-inner.is-friends .option-tabs .option-naver, .options-nav .nav-inner.is-events .option-tabs .option-naver {
                position: absolute;
                bottom: 0;
                left: 0;
                height: 2.6px;
                width: 33.3%;
                border-radius: 4px;
                background: #393a4f;
                transition: all .3s
            }

        .options-nav .nav-inner.is-friends .end-group, .options-nav .nav-inner.is-events .end-group {
            position: relative;
            display: flex;
            justify-content: flex-end;
            margin-left: auto
        }

            .options-nav .nav-inner.is-friends .end-group .is-icon, .options-nav .nav-inner.is-events .end-group .is-icon {
                border-left: 1px solid #e0e0e0
            }

                .options-nav .nav-inner.is-friends .end-group .is-icon svg, .options-nav .nav-inner.is-events .end-group .is-icon svg {
                    stroke: #999
                }

            .options-nav .nav-inner.is-friends .end-group .is-friend-count, .options-nav .nav-inner.is-events .end-group .is-friend-count {
                padding: 0 20px;
                color: #999;
                font-family: Roboto,sans-serif;
                font-size: .95rem
            }

        .options-nav .nav-inner .nav-item {
            height: 50px;
            display: flex;
            align-items: center
        }

            .options-nav .nav-inner .nav-item.is-page-title {
                padding: 0 20px;
                border-left: 1px solid #e0e0e0;
                border-right: 1px solid #e0e0e0
            }

                .options-nav .nav-inner .nav-item.is-page-title h2 {
                    font-family: Montserrat,sans-serif;
                    font-weight: bold;
                    font-size: 1rem;
                    color: #393a4f
                }

            .options-nav .nav-inner .nav-item.is-icon {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 50px
            }

                .options-nav .nav-inner .nav-item.is-icon svg {
                    height: 18px;
                    width: 18px;
                    stroke: #999
                }

            .options-nav .nav-inner .nav-item.is-search {
                border-left: 1px solid #e0e0e0;
                width: 280px
            }

                .options-nav .nav-inner .nav-item.is-search .control {
                    padding: 0 16px;
                    width: 100%
                }

                    .options-nav .nav-inner .nav-item.is-search .control input {
                        border: none
                    }

.mobile-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    transition: all .3s
}

    .mobile-navbar.is-active {
        transform: translateY(0)
    }

    .mobile-navbar.is-landing.no-background {
        background: transparent
    }

        .mobile-navbar.is-landing.no-background .dark-mobile-logo {
            display: none !important
        }

        .mobile-navbar.is-landing.no-background .navbar-burger span {
            background: #fff !important
        }

    .mobile-navbar.is-landing.no-shadow {
        box-shadow: none
    }

    .mobile-navbar .navbar-brand {
        margin-right: 0
    }

        .mobile-navbar .navbar-brand .navbar-item:hover {
            background: transparent !important
        }

        .mobile-navbar .navbar-brand img {
            height: 34px;
            max-height: 34px;
            animation: pulse 1s infinite
        }

        .mobile-navbar .navbar-brand .navbar-burger span {
            height: 1.5px;
            transition: all .3s
        }

    .mobile-navbar .navbar-link {
        padding-right: 12px !important
    }

    .mobile-navbar .navbar-item {
        min-width: unset !important
    }

        .mobile-navbar .navbar-item:hover {
            background: transparent !important
        }

        .mobile-navbar .navbar-item.has-dropdown .navbar-link:after {
            border-color: #ddd
        }

        .mobile-navbar .navbar-item.is-mobile-icon span:not(.menu-badge) {
            display: flex;
            align-items: center
        }

            .mobile-navbar .navbar-item.is-mobile-icon span:not(.menu-badge) svg {
                height: 18px;
                width: 18px;
                stroke: #cecece;
                margin-right: 8px
            }

    .mobile-navbar .navbar-burger {
        height: 58px;
        width: 58px
    }

        .mobile-navbar .navbar-burger:hover {
            background-color: rgba(0,0,0,.02)
        }

        .mobile-navbar .navbar-burger span {
            background-color: #999
        }

    .mobile-navbar .navbar-menu {
        background: #fafafa
    }

        .mobile-navbar .navbar-menu .button {
            padding: 0;
            height: 36px;
            width: 100px
        }

        .mobile-navbar .navbar-menu .navbar-link {
            color: #393a4f;
            font-weight: 600
        }

        .mobile-navbar .navbar-menu .navbar-item {
            color: #999
        }

        .mobile-navbar .navbar-menu .navbar-link {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            border-bottom: 1px solid #e8e8e8
        }

            .mobile-navbar .navbar-menu .navbar-link img {
                height: 38px;
                width: 38px;
                max-height: 38px !important;
                border-radius: 50%
            }

            .mobile-navbar .navbar-menu .navbar-link svg {
                height: 20px;
                width: 20px;
                stroke-width: 1.2px;
                stroke: #3d70b2
            }

            .mobile-navbar .navbar-menu .navbar-link span {
                margin: 0 10px
            }

                .mobile-navbar .navbar-menu .navbar-link span.is-heading {
                    font-size: 11px;
                    letter-spacing: 1px;
                    font-weight: 400;
                    text-transform: uppercase
                }

        .mobile-navbar .navbar-menu .navbar-dropdown .menu-badge {
            margin-left: auto;
            height: 22px;
            font-size: .8rem;
            font-weight: 500;
            padding: 3px 6px;
            line-height: 1.3;
            min-width: 22px;
            text-align: center;
            border-radius: 100px;
            background: #f0f0f0;
            color: #393a4f
        }

        .mobile-navbar .navbar-menu .navbar-dropdown .button {
            height: 40px;
            display: block;
            width: calc(100% - 32px);
            font-size: .95rem;
            line-height: 2.3;
            margin: 8px 16px
        }

        .mobile-navbar .navbar-menu .navbar-dropdown .navbar-item {
            font-size: .9rem;
            padding: .75rem 1.5rem !important
        }

            .mobile-navbar .navbar-menu .navbar-dropdown .navbar-item.is-active, .mobile-navbar .navbar-menu .navbar-dropdown .navbar-item:hover {
                background: #475a78
            }

    .mobile-navbar .mobile-search {
        height: 58px;
        display: flex;
        align-items: center;
        padding: 0 1rem
    }

        .mobile-navbar .mobile-search .control {
            position: relative;
            width: 100%
        }

            .mobile-navbar .mobile-search .control .input {
                width: 100%
            }

                .mobile-navbar .mobile-search .control .input:focus + .form-icon {
                    color: #3d70b2
                }

            .mobile-navbar .mobile-search .control .form-icon {
                position: absolute;
                top: 0;
                left: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 38px;
                width: 38px;
                z-index: 2;
                color: #cecece;
                transition: color .3s
            }

                .mobile-navbar .mobile-search .control .form-icon svg {
                    height: 20px;
                    width: 20px;
                    transition: stroke .3s
                }

            .mobile-navbar .mobile-search .control .close-icon {
                position: absolute;
                top: 0;
                right: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 38px;
                width: 38px;
                z-index: 2;
                color: #393a4f;
                transition: color .3s
            }

                .mobile-navbar .mobile-search .control .close-icon svg {
                    height: 20px;
                    width: 20px;
                    transition: stroke .3s
                }

        .mobile-navbar .mobile-search .tipue-drop-content {
            position: absolute;
            top: 62px;
            width: 100%
        }

@media(max-width: 767px) {
    .mobile-navbar .nav-drop {
        position: fixed !important;
        top: 58px !important;
        left: 10px !important;
        right: initial !important;
        width: calc(100% - 20px) !important
    }

        .mobile-navbar .nav-drop:before, .mobile-navbar .nav-drop:after {
            left: 50% !important;
            right: initial !important
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .mobile-navbar .navbar-brand .navbar-item:nth-child(2) {
        margin-left: auto !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .mobile-navbar .navbar-brand .navbar-item:nth-child(2) {
        margin-left: auto !important
    }
}

.navbar-v2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 19
}

    .navbar-v2 .top-nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 80px;
        width: 100%;
        background: #fff;
        padding: 0 1.5rem;
        border-bottom: 1px solid #e8e8e8
    }

        .navbar-v2 .top-nav .left {
            display: flex;
            align-items: center
        }

            .navbar-v2 .top-nav .left .brand .navbar-logo {
                display: block;
                border-right: 1px solid #e0e0e0
            }

                .navbar-v2 .top-nav .left .brand .navbar-logo img {
                    height: 46px;
                    width: 46px;
                    min-width: 46px;
                    margin-right: 1rem
                }

            .navbar-v2 .top-nav .left .control {
                position: relative;
                margin-left: 1rem
            }

                .navbar-v2 .top-nav .left .control .input {
                    position: relative;
                    height: 38px;
                    width: 320px;
                    padding-right: 85px;
                    padding-left: 38px;
                    padding-bottom: 8px;
                    background: #f7f7f7;
                    border-color: #f7f7f7;
                    transition: all .4s;
                    z-index: 1
                }

                    .navbar-v2 .top-nav .left .control .input:focus {
                        background: #fff;
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important;
                        border-color: #e3e3e3
                    }

                    .navbar-v2 .top-nav .left .control .input:not(:valid) ~ .reset-search {
                        opacity: 0;
                        pointer-events: none
                    }

                    .navbar-v2 .top-nav .left .control .input:focus ~ .search-icon svg {
                        stroke: #999 !important
                    }

                .navbar-v2 .top-nav .left .control .reset-search {
                    position: absolute;
                    top: 0;
                    right: 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 38px;
                    width: 38px;
                    opacity: 1;
                    pointer-events: all;
                    transition: all .3s;
                    z-index: 1;
                    cursor: pointer
                }

                    .navbar-v2 .top-nav .left .control .reset-search svg {
                        height: 18px;
                        width: 18px;
                        stroke: #999
                    }

                .navbar-v2 .top-nav .left .control .search-icon {
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 38px;
                    width: 38px;
                    z-index: 1
                }

                    .navbar-v2 .top-nav .left .control .search-icon svg {
                        height: 20px;
                        width: 20px;
                        stroke: #cecece;
                        transition: all .3s
                    }

        .navbar-v2 .top-nav .right {
            display: flex;
            align-items: center;
            justify-content: flex-end
        }

        .navbar-v2 .top-nav .mobile-search {
            height: 58px;
            display: flex;
            align-items: center;
            padding: 0 1rem;
            width: 100%
        }

            .navbar-v2 .top-nav .mobile-search .control {
                position: relative;
                width: 100%
            }

                .navbar-v2 .top-nav .mobile-search .control .input {
                    width: 100%;
                    height: 42px;
                    padding-left: 42px
                }

                    .navbar-v2 .top-nav .mobile-search .control .input:focus {
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
                        border-color: #e0e0e0
                    }

                        .navbar-v2 .top-nav .mobile-search .control .input:focus + .form-icon {
                            color: #3d70b2
                        }

                .navbar-v2 .top-nav .mobile-search .control .form-icon {
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 42px;
                    width: 42px;
                    z-index: 2;
                    color: #cecece;
                    transition: color .3s
                }

                    .navbar-v2 .top-nav .mobile-search .control .form-icon svg {
                        height: 20px;
                        width: 20px;
                        transition: stroke .3s
                    }

                .navbar-v2 .top-nav .mobile-search .control .close-icon {
                    position: absolute;
                    top: 0;
                    right: 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 42px;
                    width: 42px;
                    z-index: 2;
                    color: #393a4f;
                    transition: color .3s
                }

                    .navbar-v2 .top-nav .mobile-search .control .close-icon svg {
                        height: 20px;
                        width: 20px;
                        transition: stroke .3s
                    }

            .navbar-v2 .top-nav .mobile-search .tipue-drop-content {
                position: absolute;
                top: 62px;
                width: 100%
            }

    .navbar-v2 .sub-nav {
        position: relative;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        height: 70px;
        width: 100%;
        background: #f2f2f2;
        box-shadow: 0px 5px 25px 0px rgba(0,0,0,.09);
        padding: 0 1.5rem;
        border-bottom: 1px solid #e8e8e8;
        z-index: 0
    }

        .navbar-v2 .sub-nav .sub-nav-tabs {
            width: 100%;
            max-width: 640px
        }

            .navbar-v2 .sub-nav .sub-nav-tabs .tabs ul {
                border: none
            }

                .navbar-v2 .sub-nav .sub-nav-tabs .tabs ul li {
                    margin: 0 .5rem
                }

                    .navbar-v2 .sub-nav .sub-nav-tabs .tabs ul li:not(.is-active) a {
                        border-color: transparent;
                        color: #a2a5b9
                    }

                    .navbar-v2 .sub-nav .sub-nav-tabs .tabs ul li.is-active a {
                        font-weight: 500;
                        color: #3d70b2;
                        border-color: #3d70b2
                    }

                    .navbar-v2 .sub-nav .sub-nav-tabs .tabs ul li a {
                        font-family: "Roboto",sans-serif;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        padding-top: 0;
                        padding-bottom: 0;
                        height: 70px;
                        border-width: 4px
                    }

@media only screen and (max-width: 767px) {
    .navbar-v2 .top-nav {
        padding: 0 10px
    }

        .navbar-v2 .top-nav .left .brand .navbar-logo {
            border: none
        }

            .navbar-v2 .top-nav .left .brand .navbar-logo img {
                height: 36px;
                width: 36px;
                min-width: 36px;
                margin-right: 0
            }

        .navbar-v2 .top-nav .left .control {
            display: none
        }

    .navbar-v2 .sub-nav {
        padding: 0
    }
}

.sidebar-v1 {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 280px;
    background: #fff;
    border-right: 1px solid #e3e3e3;
    box-shadow: 0px 5px 25px 0px rgba(0,0,0,.09);
    z-index: 10;
    transition: transform .3s
}

    .sidebar-v1.is-fold {
        transform: translate(-100%)
    }

    .sidebar-v1 .top-section {
        position: relative;
        height: 40%;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 2rem 2rem 1rem 2rem
    }

        .sidebar-v1 .top-section .close-button {
            position: absolute;
            top: 10px;
            right: 12px;
            display: none;
            align-items: center;
            justify-content: center;
            height: 38px;
            width: 38px;
            background: none;
            border: none;
            outline: none
        }

        .sidebar-v1 .top-section .field {
            margin-bottom: 0
        }

            .sidebar-v1 .top-section .field .control {
                position: relative;
                width: 100%
            }

                .sidebar-v1 .top-section .field .control .input {
                    width: 100%;
                    height: 42px;
                    border-radius: .5rem;
                    padding-left: 42px;
                    background: #f7f7f7;
                    border-color: #f7f7f7
                }

                    .sidebar-v1 .top-section .field .control .input:focus {
                        background: #fff;
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important;
                        border-color: #e3e3e3
                    }

                        .sidebar-v1 .top-section .field .control .input:focus + .form-icon {
                            color: #3d70b2
                        }

                .sidebar-v1 .top-section .field .control .form-icon {
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 42px;
                    width: 42px;
                    z-index: 2;
                    color: #cecece;
                    transition: color .3s
                }

                    .sidebar-v1 .top-section .field .control .form-icon svg {
                        height: 20px;
                        width: 20px;
                        transition: stroke .3s
                    }

        .sidebar-v1 .top-section .user-block .avatar {
            display: block;
            height: 70px;
            width: 70px;
            border-radius: 50%;
            margin-bottom: 1rem
        }

        .sidebar-v1 .top-section .user-block .meta span {
            display: block
        }

            .sidebar-v1 .top-section .user-block .meta span:first-child {
                font-family: "Montserrat",sans-serif;
                font-weight: 700;
                font-size: 1.25rem;
                color: #393a4f
            }

            .sidebar-v1 .top-section .user-block .meta span:nth-child(2) {
                font-family: "Roboto",sans-serif;
                font-size: .9rem;
                color: #a2a5b9
            }

    .sidebar-v1 .bottom-section {
        position: relative;
        height: 60%;
        width: 100%;
        padding: 2rem 0 3rem 0
    }

        .sidebar-v1 .bottom-section ul:not(:last-child) {
            padding-bottom: 3rem
        }

        .sidebar-v1 .bottom-section ul li {
            transition: background-color .3s
        }

            .sidebar-v1 .bottom-section ul li:hover {
                background: #f2f2f2
            }

            .sidebar-v1 .bottom-section ul li a {
                display: flex;
                align-items: center;
                padding: .75rem 2rem;
                border-left: 5px solid transparent;
                color: #393a4f
            }

                .sidebar-v1 .bottom-section ul li a.is-active {
                    border-color: #3d70b2;
                    font-weight: 500;
                    color: #3d70b2
                }

                    .sidebar-v1 .bottom-section ul li a.is-active svg {
                        stroke: #3d70b2
                    }

                .sidebar-v1 .bottom-section ul li a span {
                    font-family: "Roboto",sans-serif;
                    font-size: .9rem
                }

                .sidebar-v1 .bottom-section ul li a svg {
                    height: 18px;
                    width: 18px;
                    margin-right: 1rem;
                    stroke: #a2a5b9
                }

@media only screen and (max-width: 767px) {
    .sidebar-v1 .top-section {
        padding-top: 4rem
    }

        .sidebar-v1 .top-section .close-button {
            display: flex
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .sidebar-v1 .top-section {
        padding-top: 4rem
    }

        .sidebar-v1 .top-section .close-button {
            display: flex
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .sidebar-v1 {
        width: 250px
    }

        .sidebar-v1 .top-section {
            padding-left: 2rem;
            padding-right: 2rem
        }

        .sidebar-v1 .bottom-section ul li a {
            padding-left: 2rem;
            padding-right: 2rem
        }
}

.dashboard-aside {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 80px;
    background: #fff;
    border-right: 1px solid #e3e3e3;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
    z-index: 10;
    transition: transform .3s
}

    .dashboard-aside .dashboard-aside-brand {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px
    }

        .dashboard-aside .dashboard-aside-brand .logo {
            max-width: 40px
        }

    .dashboard-aside .dashboard-aside-end {
        margin-top: auto
    }

    .dashboard-aside .dashboard-aside-link {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 80px;
        text-align: center;
        color: #a2a5b9
    }

        .dashboard-aside .dashboard-aside-link.is-active {
            color: #3d70b2
        }

        .dashboard-aside .dashboard-aside-link svg {
            height: 18px;
            width: 18px
        }

        .dashboard-aside .dashboard-aside-link span {
            display: block;
            font-family: "Roboto",sans-serif;
            font-size: .6rem;
            text-transform: uppercase
        }

        .dashboard-aside .dashboard-aside-link .link-avatar {
            display: block;
            height: 40px;
            width: 40px;
            border-radius: 50%
        }

@media only screen and (max-width: 767px) {
    .dashboard-aside {
        flex-direction: row;
        width: 100%;
        height: 70px
    }

        .dashboard-aside .dashboard-aside-brand {
            height: 70px;
            width: 60px
        }

        .dashboard-aside .dashboard-aside-body {
            display: flex;
            flex-grow: 2;
            display: flex;
            justify-content: center
        }

        .dashboard-aside .dashboard-aside-link {
            height: 70px;
            width: 60px
        }

        .dashboard-aside .dashboard-aside-end {
            height: 70px;
            width: 60px
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .dashboard-aside {
        flex-direction: row;
        width: 100%;
        height: 60px
    }

        .dashboard-aside .dashboard-aside-brand {
            height: 60px;
            width: 60px
        }

        .dashboard-aside .dashboard-aside-body {
            display: flex;
            flex-grow: 2;
            display: flex;
            justify-content: center
        }

        .dashboard-aside .dashboard-aside-link {
            height: 60px;
            width: 60px
        }

        .dashboard-aside .dashboard-aside-end {
            height: 60px;
            width: 60px
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .dashboard-aside {
        width: 60px
    }
}

.toolbar-v1 {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto 1.5rem auto;
    z-index: 9
}

    .toolbar-v1.is-narrow {
        margin: 0 auto
    }

    .toolbar-v1 .friendkit-hamburger {
        margin-right: 1rem
    }

    .toolbar-v1 h1 {
        font-family: "Montserrat",sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        color: #393a4f
    }

    .toolbar-v1 .controls {
        margin-left: auto;
        display: flex;
        align-items: center
    }

.toolbar-v1-fixed-wrap {
    position: fixed;
    top: 10px;
    left: 0;
    width: 100%;
    margin-left: 280px;
    width: calc(100% - 280px);
    padding-left: 2rem;
    padding-right: 2rem;
    transform: translateY(-100%) translateY(-15px);
    opacity: 0;
    transition: all .3s;
    z-index: 9
}

    .toolbar-v1-fixed-wrap.is-fold {
        width: 100%;
        margin-left: 0
    }

    .toolbar-v1-fixed-wrap.is-active {
        transform: translateY(0);
        opacity: 1
    }

    .toolbar-v1-fixed-wrap .toolbar-v1 {
        background: #fff;
        padding: .5rem 1.5rem;
        border-radius: 1rem;
        border: 1px solid #e0e0e0;
        box-shadow: 0px 5px 25px 0px rgba(0,0,0,.09);
        max-width: 940px
    }

        .toolbar-v1-fixed-wrap .toolbar-v1 h1 {
            font-size: 1.25rem
        }

@media only screen and (max-width: 767px) {
    .toolbar-v1-fixed-wrap {
        padding-left: .25rem;
        padding-right: .25rem;
        width: 100% !important;
        margin-left: 0 !important
    }

    .toolbar-v1 h1 {
        display: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .toolbar-v1-fixed-wrap {
        padding-left: 2rem;
        padding-right: 2rem;
        width: 100% !important;
        margin-left: 0 !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .toolbar-v1-fixed-wrap {
        margin-left: 250px;
        width: calc(100% - 250px);
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.navbar-item.is-account {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer
}

    .navbar-item.is-account .user-image {
        position: relative;
        max-height: 38px
    }

        .navbar-item.is-account .user-image .indicator {
            display: block;
            position: absolute;
            top: 0px;
            right: 0px;
            height: 10px;
            width: 10px;
            border-radius: 50%;
            border: 1.4px solid #fff;
            background: #41d6c3
        }

    .navbar-item.is-account img {
        height: 38px;
        width: 38px;
        max-height: 38px;
        border-radius: 50%;
        object-fit: cover
    }

    .navbar-item.is-account.is-busy .indicator {
        background: #ff533d
    }

    .navbar-item.is-account.is-opened .account-caret svg {
        transform: rotate(180deg)
    }

.navbar-item.is-cart .cart-button {
    position: relative;
    height: 36px;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

    .navbar-item.is-cart .cart-button svg {
        height: 20px;
        width: 20px;
        stroke: #6f7592;
        stroke-width: 1.4px
    }

    .navbar-item.is-cart .cart-button .cart-count {
        position: absolute;
        top: 0;
        right: 0;
        height: 12px;
        min-width: 12px;
        background: #3d70b2;
        border: 2px solid #fff;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .navbar-item.is-cart .cart-button .cart-count span {
            display: block;
            font-size: .55rem;
            color: #fafafa;
            padding: 0 5px;
            font-weight: 500
        }

.navbar-item.is-cart .shopping-cart {
    position: absolute;
    top: 60px;
    right: -10px;
    background: #fff;
    width: 320px;
    border-radius: 3px;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
    border: 1px solid #e0e0e0;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: transform .3s,opacity .3s;
    z-index: 1
}

    .navbar-item.is-cart .shopping-cart.is-active {
        opacity: 1;
        transform: translateY(0);
        pointer-events: all
    }

    .navbar-item.is-cart .shopping-cart:after {
        bottom: 100%;
        left: 89%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #fff;
        border-width: 8px;
        margin-left: -8px;
        z-index: 1
    }

    .navbar-item.is-cart .shopping-cart:before {
        bottom: 100%;
        left: 89%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #e8e8e8;
        border-width: 10px;
        margin-left: -10px;
        z-index: 0
    }

    .navbar-item.is-cart .shopping-cart .cart-inner {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 20px
    }

        .navbar-item.is-cart .shopping-cart .cart-inner .navbar-cart-loader {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            pointer-events: none;
            z-index: 1;
            transition: all .3s
        }

            .navbar-item.is-cart .shopping-cart .cart-inner .navbar-cart-loader.is-active {
                opacity: 1
            }

            .navbar-item.is-cart .shopping-cart .cart-inner .navbar-cart-loader .loader {
                height: 3.5rem;
                width: 3.5rem
            }

    .navbar-item.is-cart .shopping-cart .button {
        background: #3d70b2;
        border-color: #3d70b2;
        color: #fff;
        font-weight: 400;
        text-align: center;
        text-decoration: none;
        display: block;
        border-radius: 3px;
        font-size: .9rem;
        margin: 20px 0 0 0;
        line-height: 0
    }

        .navbar-item.is-cart .shopping-cart .button:hover {
            background: #629ee8;
            box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
        }

    .navbar-item.is-cart .shopping-cart .shopping-cart-header {
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 15px
    }

        .navbar-item.is-cart .shopping-cart .shopping-cart-header .cart-link {
            font-size: .75rem;
            color: #999;
            padding: 7px 10px;
            border: 1px solid #e8e8e8;
            border-radius: 100px;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
            transition: all .3s
        }

            .navbar-item.is-cart .shopping-cart .shopping-cart-header .cart-link:hover {
                border-color: #3d70b2;
                color: #3d70b2
            }

        .navbar-item.is-cart .shopping-cart .shopping-cart-header .shopping-cart-total {
            float: right
        }

            .navbar-item.is-cart .shopping-cart .shopping-cart-header .shopping-cart-total span:first-child {
                color: #a2a5b9;
                font-size: .9rem
            }

            .navbar-item.is-cart .shopping-cart .shopping-cart-header .shopping-cart-total span:nth-child(2) {
                color: #393a4f;
                font-weight: 500
            }

    .navbar-item.is-cart .shopping-cart .shopping-cart-items {
        padding-top: 20px
    }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items .cart-row {
            display: flex;
            align-items: center
        }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items li {
            margin-bottom: 6px;
            padding-bottom: 12px;
            border-bottom: 1px solid #e8e8e8
        }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items img {
            display: block;
            height: 54px;
            width: 54px;
            min-width: 54px;
            min-height: 54px;
            margin-right: 12px
        }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items .meta-info {
            position: relative;
            top: -4px
        }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items .item-name {
            display: block;
            padding-top: 10px;
            font-size: .9rem;
            font-weight: 600;
            color: #393a4f;
            font-family: "Open Sans",sans-serif
        }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items .item-price {
            color: #6f7592;
            margin-right: 8px;
            font-size: .8rem;
            line-height: 1
        }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items .item-quantity {
            color: #a2a5b9;
            font-size: .8rem;
            line-height: 1
        }

.navbar-item.is-cart .clearfix:after {
    content: "";
    display: table;
    clear: both
}

.navbar-item.is-icon {
    padding-left: 6px !important;
    padding-right: 6px !important
}

    .navbar-item.is-icon .icon-link {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 38px;
        height: 38px;
        border-radius: 8px;
        transition: all .3s
    }

        .navbar-item.is-icon .icon-link.is-bold:hover, .navbar-item.is-icon .icon-link.is-bold.is-active {
            background: #3a86e2;
            box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
        }

            .navbar-item.is-icon .icon-link.is-bold:hover svg, .navbar-item.is-icon .icon-link.is-bold.is-active svg {
                stroke: #fafafa
            }

            .navbar-item.is-icon .icon-link.is-bold:hover .mdi, .navbar-item.is-icon .icon-link.is-bold.is-active .mdi {
                color: #fafafa
            }

        .navbar-item.is-icon .icon-link:hover, .navbar-item.is-icon .icon-link.is-active {
            background: #6ba4e9;
            box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
        }

            .navbar-item.is-icon .icon-link:hover svg, .navbar-item.is-icon .icon-link.is-active svg {
                stroke: #fafafa
            }

            .navbar-item.is-icon .icon-link:hover .mdi, .navbar-item.is-icon .icon-link.is-active .mdi {
                color: #fafafa
            }

        .navbar-item.is-icon .icon-link.is-primary:hover, .navbar-item.is-icon .icon-link.is-primary.is-active {
            background: #3d70b2;
            box-shadow: 0 14px 26px -12px rgba(61,112,178,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(61,112,178,.2) !important
        }

            .navbar-item.is-icon .icon-link.is-primary:hover svg, .navbar-item.is-icon .icon-link.is-primary.is-active svg {
                stroke: #fff
            }

            .navbar-item.is-icon .icon-link.is-primary:hover .mdi, .navbar-item.is-icon .icon-link.is-primary.is-active .mdi {
                color: #fafafa
            }

        .navbar-item.is-icon .icon-link.is-primary.is-friends:hover svg, .navbar-item.is-icon .icon-link.is-primary.is-friends.is-active svg {
            fill: #fff;
            animation: pulse 1s infinite
        }

        .navbar-item.is-icon .icon-link.is-secondary:hover, .navbar-item.is-icon .icon-link.is-secondary.is-active {
            background: #41d6c3;
            box-shadow: 0 14px 26px -12px rgba(65,214,195,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(65,214,195,.2) !important
        }

            .navbar-item.is-icon .icon-link.is-secondary:hover svg, .navbar-item.is-icon .icon-link.is-secondary.is-active svg {
                stroke: #fff
            }

            .navbar-item.is-icon .icon-link.is-secondary:hover .mdi, .navbar-item.is-icon .icon-link.is-secondary.is-active .mdi {
                color: #fafafa
            }

        .navbar-item.is-icon .icon-link.is-friends:hover, .navbar-item.is-icon .icon-link.is-friends.is-active {
            background: #e6122f;
            box-shadow: 0 14px 26px -12px rgba(247,20,22,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(247,20,22,.2) !important
        }

            .navbar-item.is-icon .icon-link.is-friends:hover svg, .navbar-item.is-icon .icon-link.is-friends.is-active svg {
                fill: #fff;
                animation: pulse 1s infinite
            }

        .navbar-item.is-icon .icon-link.is-active .indicator {
            display: block;
            position: absolute;
            top: -6px;
            right: -6px;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            border: 2px solid #fff;
            background: #41d6c3
        }

        .navbar-item.is-icon .icon-link svg {
            width: 18px;
            height: 18px;
            stroke: #999;
            stroke-width: 1.4px;
            transition: all .3s
        }

        .navbar-item.is-icon .icon-link .mdi {
            font-size: 20px;
            color: #999;
            transition: all .3s
        }

.navbar-item .nav-drop {
    position: absolute;
    top: 90%;
    left: 0;
    width: 340px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: .65rem;
    margin-top: 16px;
    box-shadow: 0px 5px 43px rgba(0,0,0,.18) !important;
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition: all .2s;
    z-index: 100
}

    .navbar-item .nav-drop.is-active {
        opacity: 1;
        transform: translateY(0);
        pointer-events: all
    }

    .navbar-item .nav-drop:after, .navbar-item .nav-drop:before {
        bottom: 100%;
        left: 7%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .navbar-item .nav-drop:after {
        border-color: rgba(255,255,255,0);
        border-bottom-color: #fff;
        border-width: 4px;
        margin-left: -4px
    }

    .navbar-item .nav-drop:before {
        border-color: rgba(255,255,255,0);
        border-bottom-color: #fff;
        border-width: 7px;
        margin-left: -7px
    }

    .navbar-item .nav-drop.is-right {
        left: initial;
        right: 0
    }

        .navbar-item .nav-drop.is-right:before, .navbar-item .nav-drop.is-right:after {
            left: initial;
            right: 5%
        }

    .navbar-item .nav-drop.is-status {
        left: calc(50% - 100px);
        width: 200px
    }

        .navbar-item .nav-drop.is-status .inner .drop-image img {
            display: block;
            width: 170px;
            height: 170px;
            min-height: 170px;
            margin: 0 auto
        }

        .navbar-item .nav-drop.is-status .inner .drop-text {
            padding: 0 10px 20px 10px;
            text-align: center
        }

            .navbar-item .nav-drop.is-status .inner .drop-text h4 {
                font-size: .9rem;
                font-weight: 500
            }

            .navbar-item .nav-drop.is-status .inner .drop-text p {
                font-size: .8rem;
                color: #999
            }

    .navbar-item .nav-drop.is-account-dropdown {
        width: 300px;
        right: 0;
        left: unset;
        max-height: unset;
        z-index: 1
    }

        .navbar-item .nav-drop.is-account-dropdown:before {
            right: 23px;
            left: unset
        }

        .navbar-item .nav-drop.is-account-dropdown:after {
            display: none !important
        }

    .navbar-item .nav-drop .inner {
        position: relative
    }

        .navbar-item .nav-drop .inner .nav-drop-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px;
            border-bottom: 1px solid #e8e8e8;
            border-radius: .65rem .65rem 0 0;
            background: #fff
        }

            .navbar-item .nav-drop .inner .nav-drop-header span, .navbar-item .nav-drop .inner .nav-drop-header a {
                display: block;
                text-transform: uppercase;
                font-size: .68rem;
                font-weight: 500;
                color: #a2a5b9
            }

                .navbar-item .nav-drop .inner .nav-drop-header span.username, .navbar-item .nav-drop .inner .nav-drop-header a.username {
                    font-weight: 600 !important
                }

            .navbar-item .nav-drop .inner .nav-drop-header a {
                height: unset;
                width: unset;
                display: flex;
                justify-content: center;
                align-items: center
            }

                .navbar-item .nav-drop .inner .nav-drop-header a:hover svg {
                    stroke: #3d70b2
                }

                .navbar-item .nav-drop .inner .nav-drop-header a svg {
                    height: 16px;
                    width: 16px;
                    stroke: #a2a5b9;
                    transition: stroke .3s
                }

        .navbar-item .nav-drop .inner .nav-drop-body {
            max-height: 420px;
            padding: 0 10px;
            overflow-y: auto
        }

            .navbar-item .nav-drop .inner .nav-drop-body::-webkit-scrollbar {
                width: 5px
            }

            .navbar-item .nav-drop .inner .nav-drop-body::-webkit-scrollbar-thumb {
                border-radius: 5px;
                background: rgba(0,0,0,.2)
            }

            .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications, .navbar-item .nav-drop .inner .nav-drop-body.is-messages {
                padding: 8px 16px
            }

                .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media {
                    align-items: stretch;
                    margin: 0;
                    padding: .75rem 0 !important
                }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media img, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media img, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media img {
                        height: 36px;
                        width: 36px;
                        max-height: 36px;
                        border-radius: 50%
                    }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-content span, .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-content a, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-content span, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-content a, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-content span, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-content a {
                        /*display: block;*/
                        width: unset;
                        height: unset
                    }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-content a, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-content a, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-content a {
                        font-size: .75rem;
                        font-weight: 500;
                        color: #344258
                    }

                        .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-content a:hover, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-content a:hover, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-content a:hover {
                            color: #3d70b2
                        }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-content span, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-content span, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-content span {
                        font-size: .75rem;
                        color: #a2a5b9
                    }

                        .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-content span a, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-content span a, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-content span a {
                            color: #344258;
                            display: inline-block
                        }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .added-icon, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .added-icon, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .added-icon {
                        width: 18px;
                        height: 18px;
                        margin: 0 15px
                    }

                        .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .added-icon svg, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .added-icon svg, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .added-icon svg {
                            height: 18px;
                            width: 18px;
                            stroke: #a2a5b9;
                            stroke-width: 1.6px
                        }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-right.is-centered, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-right.is-centered, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-right.is-centered {
                        display: flex;
                        justify-content: center;
                        align-items: center
                    }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-right .icon-button:hover svg, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-right .icon-button:hover svg, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-right .icon-button:hover svg {
                        stroke: #3d70b2 !important
                    }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-right .icon-button svg, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-right .icon-button svg, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-right .icon-button svg {
                        stroke: #a2a5b9 !important;
                        stroke-width: 1.6px
                    }

                .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .time, .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .time, .navbar-item .nav-drop .inner .nav-drop-body.is-messages .time {
                    font-size: .65rem !important;
                    color: #999
                }

            .navbar-item .nav-drop .inner .nav-drop-body.account-items {
                padding: 10px 0
            }

                .navbar-item .nav-drop .inner .nav-drop-body.account-items hr {
                    margin: .4rem 0 !important;
                    height: 1px
                }

                .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item {
                    padding: 8px 16px;
                    display: block;
                    line-height: 1.2
                }

                    .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media {
                        align-items: center
                    }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media .media-left img {
                            height: 35px;
                            width: 35px
                        }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media h3 {
                            color: #393a4f;
                            font-size: .8rem;
                            font-weight: 500;
                            transition: all .3s
                        }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media .icon-wrap {
                            height: 35px;
                            width: 35px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            margin-right: 1rem
                        }

                            .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media .icon-wrap svg {
                                width: 18px;
                                height: 18px;
                                stroke-width: 2px;
                                stroke: #757a91;
                                transition: all .3s
                            }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media small {
                            color: #757a91;
                            font-size: .75rem
                        }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media .media-right svg {
                            width: 18px;
                            height: 18px;
                            margin: 0 16px
                        }

                    .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item.is-active {
                        background: #039be5
                    }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item.is-active svg {
                            stroke: #fff
                        }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item.is-active small {
                            color: #fff
                        }

                    .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item:hover {
                        background: #fafafa
                    }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item:hover svg {
                            stroke: #3d70b2
                        }

        .navbar-item .nav-drop .inner .nav-drop-footer {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 12px 10px;
            border-bottom: 1px solid #e8e8e8;
            border-radius: 0 0 6px 6px;
            background: #fafafa
        }

            .navbar-item .nav-drop .inner .nav-drop-footer span, .navbar-item .nav-drop .inner .nav-drop-footer a {
                display: block;
                text-transform: uppercase;
                font-size: .65rem;
                font-weight: 500
            }

            .navbar-item .nav-drop .inner .nav-drop-footer a {
                color: #999;
                height: unset;
                width: unset
            }

                .navbar-item .nav-drop .inner .nav-drop-footer a:hover {
                    color: #3d70b2
                }

@media only screen and (max-width: 767px) {
    .navbar-item.is-cart, .navbar-item.is-account {
        padding-left: 6px !important;
        padding-right: 6px !important
    }

        .navbar-item.is-cart .shopping-cart {
            position: fixed !important;
            top: 95px;
            right: 0 !important;
            left: 0 !important;
            margin: 0 auto !important
        }

            .navbar-item.is-cart .shopping-cart:before, .navbar-item.is-cart .shopping-cart:after {
                left: 83% !important
            }

    .nav-drop {
        position: fixed !important;
        top: 75px !important;
        left: 10px !important;
        right: 0 !important;
        width: calc(100% - 20px) !important
    }

        .nav-drop:before, .nav-drop:after {
            right: 46% !important
        }
}

.pageloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fafafa;
    z-index: 999998;
    opacity: 0;
    transition: -webkit-opacity .35s ease-out;
    transition: opacity .35s ease-out;
    will-change: opacity;
    pointer-events: none
}

    .pageloader.is-active {
        opacity: 1
    }

    .pageloader::after, .pageloader::before {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        border-radius: 100%;
        content: "";
        z-index: 999999
    }

    .pageloader::after {
        margin-top: -100px;
        margin-left: -100px;
        width: 200px;
        height: 200px;
        background-color: rgba(61,112,178,.5);
        border: 3px solid rgba(61,112,178,.75);
        animation: page-loader-inner 1.5s infinite ease-out
    }

    .pageloader::before {
        margin-top: -30px;
        margin-left: -30px;
        width: 60px;
        height: 60px;
        background-color: #3d70b2;
        animation: page-loader-outer 1.5s infinite ease-in
    }

@keyframes page-loader-inner {
    0%,40% {
        transform: scale(0)
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

@keyframes page-loader-outer {
    0% {
        transform: scale(1)
    }

    100%,40% {
        transform: scale(0);
        opacity: 0
    }
}

.infraloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: -1;
    opacity: 0;
    transition: opacity .35s
}

    .infraloader.is-active {
        opacity: 1;
        z-index: 999997
    }

    .infraloader.is-full {
        width: 100% !important;
        left: 0 !important
    }

@media(max-width: 767px) {
    .pageloader, .infraloader {
        width: 100% !important;
        left: 0 !important
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .pageloader, .infraloader {
        width: 100% !important;
        left: 0 !important
    }
}

.friendkit-hamburger .menu-toggle {
    font-size: 20px;
    color: #666;
    text-align: center;
    background: transparent;
    display: block;
    width: 26px;
    height: 26px;
    cursor: pointer;
    padding: 0;
    transition: opacity .4s;
    opacity: 1;
    position: relative
}

    .friendkit-hamburger .menu-toggle.has-chevron .icon-box-toggle.active .icon-line-top {
        width: 13px !important;
        top: 17px !important
    }

    .friendkit-hamburger .menu-toggle.has-chevron .icon-box-toggle.active .icon-line-bottom {
        width: 13px !important;
        top: 9px !important
    }

    .friendkit-hamburger .menu-toggle .icon-box-toggle {
        height: 100%;
        width: 100%;
        background: transparent;
        position: relative;
        display: block;
        width: 30px;
        height: 30px
    }

        .friendkit-hamburger .menu-toggle .icon-box-toggle.active > span.rotate {
            transform: translate(0px, 0px) rotate(90deg)
        }

        .friendkit-hamburger .menu-toggle .icon-box-toggle.active > span > i.icon-line-center {
            visibility: hidden;
            width: 1px;
            height: 3px;
            left: 70%
        }

        .friendkit-hamburger .menu-toggle .icon-box-toggle.active > span > i.icon-line-bottom {
            margin: -2px 0 0 -10px;
            left: 50%;
            top: 12px;
            transform: translate(0px, 0px) rotate(135deg)
        }

        .friendkit-hamburger .menu-toggle .icon-box-toggle.active > span > i.icon-line-top {
            margin: -2px 0 0 -10px;
            left: 50%;
            top: 12px;
            transform: translate(0px, 0px) rotate(45deg)
        }

    .friendkit-hamburger .menu-toggle .icon-line-center {
        position: absolute;
        width: 12px;
        height: 2px;
        background: #3d70b2;
        margin: -1px 0 0 -10px;
        left: 50%;
        top: 12px;
        transition: all .2s ease
    }

    .friendkit-hamburger .menu-toggle .icon-line-top {
        position: absolute;
        width: 20px;
        height: 2px;
        background: #3d70b2;
        margin: -3px 0 0 -10px;
        left: 50%;
        top: 6px;
        transition: all .2s ease
    }

    .friendkit-hamburger .menu-toggle .icon-line-bottom {
        position: absolute;
        width: 20px;
        height: 2px;
        background: #3d70b2;
        margin: 2px 0 0 -10px;
        left: 50%;
        top: 17px;
        transition: all .2s ease
    }

.card, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card {
    position: relative;
    margin-bottom: 1.5rem;
    border: 1px solid #e8e8e8;
    background: #fff;
    border-radius: .85rem;
    box-shadow: none
}

    .card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 16px
    }

        .card .card-heading .dropdown, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .dropdown {
            margin-left: auto
        }

            .card .card-heading .dropdown .button, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .dropdown .button {
                padding: 0;
                background: none;
                border: none
            }

                .card .card-heading .dropdown .button svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .dropdown .button svg {
                    stroke: #888da8
                }

            .card .card-heading .dropdown.is-light svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .dropdown.is-light svg {
                stroke: #fff
            }

        .card .card-heading.is-bordered, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading.is-bordered {
            border-bottom: 1px solid #e8e8e8
        }

            .card .card-heading.is-bordered h4, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading.is-bordered h4 {
                font-size: .9rem;
                color: #757a91;
                font-weight: 400
            }

    .card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body {
        padding: 10px 16px
    }

        .card .card-body.no-padding, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body.no-padding {
            padding: 0
        }

    .card .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer {
        margin: 8px 16px 16px 16px;
        border-top: 1px solid #e8e8e8
    }

    .card.is-weather-card, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card {
        background-color: #3d70b2;
        background-color: -webkit-linear-gradient(to right, #c2e9fb, #a1c4fd);
        background-color: linear-gradient(to right, #c2e9fb, #a1c4fd)
    }

        .card.is-weather-card .card-heading .dropdown.is-spaced > div .button:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .card-heading .dropdown.is-spaced > div .button:hover {
            background: #2175dd !important
        }

        .card.is-weather-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .card-body {
            padding-top: 0
        }

        .card.is-weather-card .temperature, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .temperature {
            display: flex;
            justify-content: center;
            align-items: center
        }

            .card.is-weather-card .temperature span, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .temperature span {
                position: relative;
                display: block;
                font-size: 2.6rem;
                font-weight: 500;
                color: #fff
            }

                .card.is-weather-card .temperature span:after, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .temperature span:after {
                    content: "";
                    position: absolute;
                    top: 10px;
                    right: -18px;
                    height: 14px;
                    width: 14px;
                    border: 2px solid #fff;
                    border-radius: 50%
                }

        .card.is-weather-card .weather-icon, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .weather-icon {
            display: flex;
            justify-content: center;
            align-items: center
        }

            .card.is-weather-card .weather-icon div, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .weather-icon div {
                text-align: center
            }

            .card.is-weather-card .weather-icon h4, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .weather-icon h4 {
                font-size: 1.4rem;
                color: #fff
            }

            .card.is-weather-card .weather-icon svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .weather-icon svg {
                stroke: #fff;
                height: 2.8rem;
                width: 2.8rem
            }

            .card.is-weather-card .weather-icon .details, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .weather-icon .details {
                display: flex;
                justify-content: space-between;
                align-items: center;
                font-size: .85rem;
                color: #fff
            }

                .card.is-weather-card .weather-icon .details span, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .weather-icon .details span {
                    display: block;
                    margin: 0 10px
                }

        .card.is-weather-card .previsions, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .previsions {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: rgba(255,255,255,.2);
            padding: 15px;
            margin: 20px 0
        }

            .card.is-weather-card .previsions .day, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .previsions .day {
                text-align: center;
                font-size: .7rem;
                color: #fff
            }

                .card.is-weather-card .previsions .day *, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .previsions .day * {
                    display: block
                }

                .card.is-weather-card .previsions .day span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .previsions .day span:first-child {
                    text-transform: uppercase;
                    font-size: .6rem;
                    font-weight: 500
                }

                .card.is-weather-card .previsions .day svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .previsions .day svg {
                    margin: 3px auto;
                    height: 18px;
                    width: 18px
                }

        .card.is-weather-card .current-date-location, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .current-date-location {
            margin-bottom: 20px
        }

            .card.is-weather-card .current-date-location span, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .current-date-location span {
                display: block;
                color: #fff
            }

            .card.is-weather-card .current-date-location .date, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .current-date-location .date {
                font-size: 1.1rem;
                font-weight: 500
            }

            .card.is-weather-card .current-date-location .location, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .current-date-location .location {
                font-size: .8rem
            }

                .card.is-weather-card .current-date-location .location svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .current-date-location .location svg {
                    height: 16px;
                    width: 16px
                }

    .card.is-birthday-card, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card {
        background-color: #45d7c4
    }

        .card.is-birthday-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-heading {
            padding: 16px 16px 0 16px
        }

            .card.is-birthday-card .card-heading .dropdown.is-spaced > div .button:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-heading .dropdown.is-spaced > div .button:hover {
                background: #1c8174 !important
            }

            .card.is-birthday-card .card-heading > svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-heading > svg {
                stroke: #fff
            }

        .card.is-birthday-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body {
            padding: 16px;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 290px
        }

            .card.is-birthday-card .card-body .birthday-avatar, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-avatar {
                position: relative;
                width: 45px;
                margin: 0 auto 16px auto
            }

                .card.is-birthday-card .card-body .birthday-avatar img, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-avatar img {
                    display: block;
                    height: 45px;
                    width: 45px;
                    border-radius: 50%
                }

                .card.is-birthday-card .card-body .birthday-avatar .birthday-indicator, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-avatar .birthday-indicator {
                    position: absolute;
                    top: -6px;
                    right: -14px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 26px;
                    width: 26px;
                    border-radius: 50%;
                    border: 2px solid #45d7c4;
                    font-size: .7rem;
                    color: #fff;
                    font-weight: 500;
                    background: #344258
                }

            .card.is-birthday-card .card-body .birthday-content, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-content {
                text-align: center;
                color: #fff
            }

                .card.is-birthday-card .card-body .birthday-content h4, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-content h4 {
                    font-weight: 500
                }

                .card.is-birthday-card .card-body .birthday-content p, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-content p {
                    font-size: .9rem
                }

                .card.is-birthday-card .card-body .birthday-content button, .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-content button {
                    line-height: 0;
                    margin: 16px 0
                }

    .card.is-promo-card, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card {
        background-color: #3e72b6
    }

        .card.is-promo-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card .card-heading {
            padding: 16px 16px 0 16px
        }

            .card.is-promo-card .card-heading .dropdown.is-spaced > div .button:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card .card-heading .dropdown.is-spaced > div .button:hover {
                background: #2d5384 !important
            }

            .card.is-promo-card .card-heading > svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card .card-heading > svg {
                stroke: #fff
            }

        .card.is-promo-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card .card-body {
            padding: 16px;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 290px
        }

            .card.is-promo-card .card-body .promo-avatar, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card .card-body .promo-avatar {
                position: relative;
                width: 45px;
                margin: 0 auto 16px auto
            }

                .card.is-promo-card .card-body .promo-avatar img, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card .card-body .promo-avatar img {
                    display: block;
                    height: 45px;
                    width: 45px;
                    border-radius: 50%
                }

            .card.is-promo-card .card-body .promo-content, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card .card-body .promo-content {
                text-align: center;
                color: #fff
            }

                .card.is-promo-card .card-body .promo-content h4, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card .card-body .promo-content h4 {
                    font-weight: 500
                }

                .card.is-promo-card .card-body .promo-content p, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card .card-body .promo-content p {
                    font-size: .9rem
                }

                .card.is-promo-card .card-body .promo-content button, .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card .card-body .promo-content button {
                    line-height: 0;
                    margin: 16px 0
                }

    .card.is-ad .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .is-ad.summary-card .card-body {
        position: relative;
        display: flex !important;
        align-items: center;
        padding: 14px
    }

        .card.is-ad .card-body img, .shop-wrapper .cart-container .cart-content .cart-summary .is-ad.summary-card .card-body img {
            display: block;
            max-width: 50% !important;
            flex-shrink: 2
        }

        .card.is-ad .card-body .ad-text, .shop-wrapper .cart-container .cart-content .cart-summary .is-ad.summary-card .card-body .ad-text {
            padding-left: 10px;
            font-size: .85rem;
            font-weight: 500;
            margin-top: -20px
        }

        .card.is-ad .card-body .ad-brand, .shop-wrapper .cart-container .cart-content .cart-summary .is-ad.summary-card .card-body .ad-brand {
            position: absolute;
            bottom: 12px;
            right: 14px;
            text-transform: uppercase;
            font-size: .65rem;
            color: #999
        }

body.is-dark .card:not(.is-promo-card):not(.is-weather-card):not(.is-birthday-card), body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card:not(.is-promo-card):not(.is-weather-card):not(.is-birthday-card), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card:not(.is-promo-card):not(.is-weather-card):not(.is-birthday-card) {
    border-color: #283143;
    background: #202836
}

body.is-dark .card.is-weather-card, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-weather-card.summary-card, body.is-dark .card.is-promo-card, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-promo-card.summary-card, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-promo-card.summary-card {
    border-color: #3d70b2
}

body.is-dark .card.is-birthday-card, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-birthday-card.summary-card {
    border-color: #41d6c3
}

body.is-dark .card .card-heading.is-bordered, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading.is-bordered, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-heading.is-bordered {
    border-color: #37445c
}

body.is-dark .card .card-heading h4, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h4, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-heading h4 {
    color: #fafafa
}

body.is-dark .card .card-body .ad-text, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .ad-text, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .ad-text {
    color: #fafafa
}

body.is-dark .card .card-body .page-block, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block, body.is-dark .card .card-body .story-block, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block, body.is-dark .card .card-body .add-friend-block, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block {
    border-color: #37445c
}

    body.is-dark .card .card-body .page-block .page-meta span:first-child, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .page-meta span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block .page-meta span:first-child, body.is-dark .card .card-body .page-block .story-meta span:first-child, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .story-meta span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block .story-meta span:first-child, body.is-dark .card .card-body .story-block .page-meta span:first-child, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .page-meta span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block .page-meta span:first-child, body.is-dark .card .card-body .story-block .story-meta span:first-child, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .story-meta span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block .story-meta span:first-child, body.is-dark .card .card-body .add-friend-block .page-meta span:first-child, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .page-meta span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block .page-meta span:first-child, body.is-dark .card .card-body .add-friend-block .story-meta span:first-child, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .story-meta span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block .story-meta span:first-child {
        color: #fafafa
    }

    body.is-dark .card .card-body .page-block .page-meta span:nth-child(2), body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .page-meta span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block .page-meta span:nth-child(2), body.is-dark .card .card-body .page-block .story-meta span:nth-child(2), body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .story-meta span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block .story-meta span:nth-child(2), body.is-dark .card .card-body .story-block .page-meta span:nth-child(2), body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .page-meta span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block .page-meta span:nth-child(2), body.is-dark .card .card-body .story-block .story-meta span:nth-child(2), body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .story-meta span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block .story-meta span:nth-child(2), body.is-dark .card .card-body .add-friend-block .page-meta span:nth-child(2), body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .page-meta span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block .page-meta span:nth-child(2), body.is-dark .card .card-body .add-friend-block .story-meta span:nth-child(2), body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .story-meta span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block .story-meta span:nth-child(2) {
        color: #9195a8
    }

    body.is-dark .card .card-body .page-block .add-page:hover, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-page:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block .add-page:hover, body.is-dark .card .card-body .page-block .add-friend:hover, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-friend:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block .add-friend:hover, body.is-dark .card .card-body .story-block .add-page:hover, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .add-page:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block .add-page:hover, body.is-dark .card .card-body .story-block .add-friend:hover, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .add-friend:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block .add-friend:hover, body.is-dark .card .card-body .add-friend-block .add-page:hover, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-page:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block .add-page:hover, body.is-dark .card .card-body .add-friend-block .add-friend:hover, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-friend:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block .add-friend:hover {
        background: #2f3b50
    }

.schedule {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: .65rem;
    border: 1px solid #e8e8e8;
    margin: 10px 0 20px 0;
    overflow: visible;
    background: #fff
}

    .schedule .schedule-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 16px 16px 0 16px
    }

        .schedule .schedule-header .month {
            text-align: center;
            padding: 4px 0;
            color: #393a4f;
            width: 40%;
            border-radius: 100px;
            cursor: pointer;
            transition: all .3s
        }

            .schedule .schedule-header .month:hover {
                background: #f5f5f5
            }

        .schedule .schedule-header .nav-icon {
            height: 34px;
            width: 34px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all .3s;
            cursor: pointer
        }

            .schedule .schedule-header .nav-icon:hover {
                background: #f5f5f5
            }

            .schedule .schedule-header .nav-icon svg {
                height: 20px;
                width: 20px;
                stroke: #999
            }

    .schedule .schedule-calendar {
        position: relative;
        padding: 20px 20px 40px 20px
    }

        .schedule .schedule-calendar .next-fab {
            position: absolute;
            bottom: -25px;
            right: 0;
            left: 0;
            margin: 0 auto;
            height: 50px;
            width: 50px;
            border: 1px solid #e2e2e2;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #fff;
            box-shadow: 0 4px 12px 0 rgba(0,0,0,.07);
            cursor: pointer;
            transition: all .3s;
            transform: rotate(0)
        }

            .schedule .schedule-calendar .next-fab:hover {
                background: #fcfcfc
            }

                .schedule .schedule-calendar .next-fab:hover svg {
                    stroke: #3d70b2
                }

            .schedule .schedule-calendar .next-fab.is-toggled {
                transform: rotate(180deg);
                box-shadow: none
            }

            .schedule .schedule-calendar .next-fab svg {
                height: 20px;
                width: 20px;
                transition: all .3s
            }

        .schedule .schedule-calendar .calendar-row {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

            .schedule .schedule-calendar .calendar-row:not(:first-of-type) {
                margin-top: 4px
            }

            .schedule .schedule-calendar .calendar-row .day {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 20px;
                height: 20px;
                font-size: 12px;
                padding: 14px;
                color: #596367;
                border-radius: 50%;
                cursor: pointer;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none
            }

                .schedule .schedule-calendar .calendar-row .day:hover {
                    background: #f5f5f5
                }

                .schedule .schedule-calendar .calendar-row .day.day-name {
                    color: #869ba1
                }

                .schedule .schedule-calendar .calendar-row .day.event {
                    position: relative;
                    color: #fff
                }

                    .schedule .schedule-calendar .calendar-row .day.event:before {
                        content: "";
                        display: block;
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 27px;
                        height: 27px;
                        border-radius: 50%;
                        z-index: -1;
                        transition: transform .25s ease-in-out
                    }

                    .schedule .schedule-calendar .calendar-row .day.event.primary {
                        background: #3d70b2
                    }

                        .schedule .schedule-calendar .calendar-row .day.event.primary:before {
                            background: #3d70b2
                        }

                    .schedule .schedule-calendar .calendar-row .day.event.green {
                        background: #1ce589
                    }

                        .schedule .schedule-calendar .calendar-row .day.event.green:before {
                            background: #1ce589
                        }

                    .schedule .schedule-calendar .calendar-row .day.event.purple {
                        background: #3d70b2
                    }

                        .schedule .schedule-calendar .calendar-row .day.event.purple:before {
                            background: #3d70b2
                        }

                    .schedule .schedule-calendar .calendar-row .day.event.pink {
                        background: #fa3275
                    }

                        .schedule .schedule-calendar .calendar-row .day.event.pink:before {
                            background: #fa3275
                        }

                    .schedule .schedule-calendar .calendar-row .day.event.animate {
                        position: static
                    }

                        .schedule .schedule-calendar .calendar-row .day.event.animate:before {
                            top: 160px;
                            left: 55px;
                            z-index: 1;
                            will-change: transform
                        }

    .schedule .schedule-divider {
        height: 1px;
        background: #ededed
    }

    .schedule .schedule-events {
        padding: 16px;
        display: none;
        background: #fafafa
    }

        .schedule .schedule-events .schedule-events-title {
            margin-top: 16px;
            font-weight: 500;
            text-transform: uppercase;
            font-size: .75rem;
            color: #999
        }

        .schedule .schedule-events .schedule-event {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            margin-top: 16px
        }

            .schedule .schedule-events .schedule-event .event-date {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 32px;
                height: 32px;
                font-size: .75rem;
                font-weight: 500;
                border-radius: 50%;
                color: #fff
            }

                .schedule .schedule-events .schedule-event .event-date.primary {
                    background: #3d70b2
                }

                .schedule .schedule-events .schedule-event .event-date.green {
                    background: #1ce589
                }

                .schedule .schedule-events .schedule-event .event-date.purple {
                    background: #3d70b2
                }

                .schedule .schedule-events .schedule-event .event-date.pink {
                    background: #fa3275
                }

            .schedule .schedule-events .schedule-event .event-title {
                color: #596367;
                padding-left: 16px
            }

                .schedule .schedule-events .schedule-event .event-title span {
                    display: block
                }

                    .schedule .schedule-events .schedule-event .event-title span:first-child {
                        font-size: .9rem;
                        color: #393a4f
                    }

                    .schedule .schedule-events .schedule-event .event-title span:nth-child(2) {
                        color: #999;
                        font-size: .85rem
                    }

        .schedule .schedule-events .button-wrap {
            margin-top: 16px
        }

    .schedule .schedule-day-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 3px;
        opacity: 1;
        transform: translate(0, 0);
        z-index: 1;
        overflow: hidden
    }

        .schedule .schedule-day-container.animate-out {
            animation: day-container-out .15s ease-out forwards;
            will-change: transform
        }

        .schedule .schedule-day-container.hidden {
            z-index: -100
        }

        .schedule .schedule-day-container .day-header {
            position: relative;
            top: 0;
            left: 0;
            display: flex;
            flex-direction: column;
            height: 46px;
            padding: 16px;
            overflow: hidden;
            z-index: 2;
            transition: height .075s linear
        }

            .schedule .schedule-day-container .day-header.day-header--large {
                height: 200px
            }

                .schedule .schedule-day-container .day-header.day-header--large .day-header-content {
                    font-weight: lighter;
                    padding: 16px;
                    height: 200px;
                    padding-top: 46px
                }

                    .schedule .schedule-day-container .day-header.day-header--large .day-header-content .day-header-title .day-header-title-day {
                        font-size: 2.4rem;
                        font-weight: 600
                    }

                    .schedule .schedule-day-container .day-header.day-header--large .day-header-content .day-header-title .day-header-title-month {
                        font-size: 1rem;
                        text-transform: uppercase
                    }

                    .schedule .schedule-day-container .day-header.day-header--large .day-header-content .day-header-event {
                        font-size: 1.2rem;
                        font-weight: 600;
                        padding-top: 16px
                    }

            .schedule .schedule-day-container .day-header .day-header-bg {
                position: absolute;
                top: 166px;
                left: 55px;
                width: 27px;
                height: 27px;
                border-radius: 50%;
                will-change: transform;
                transform: scale(1)
            }

                .schedule .schedule-day-container .day-header .day-header-bg.primary {
                    background: #3d70b2
                }

                .schedule .schedule-day-container .day-header .day-header-bg.pink {
                    background: #fa3275
                }

                .schedule .schedule-day-container .day-header .day-header-bg.purple {
                    background: #3d70b2
                }

                .schedule .schedule-day-container .day-header .day-header-bg.green {
                    background: #1ce589
                }

                .schedule .schedule-day-container .day-header .day-header-bg.animate {
                    animation: day-header-grow .25s .05s ease-in-out forwards
                }

            .schedule .schedule-day-container .day-header .day-header-close {
                position: absolute;
                top: 14px;
                right: 14px;
                width: 18px;
                height: 18px;
                opacity: 0;
                cursor: pointer;
                transition: opacity .15s ease-out;
                z-index: 4
            }

                .schedule .schedule-day-container .day-header .day-header-close svg {
                    height: 20px;
                    width: 20px;
                    stroke: #fcfcfc
                }

                .schedule .schedule-day-container .day-header .day-header-close.animate {
                    opacity: 1
                }

            .schedule .schedule-day-container .day-header .day-header-content {
                position: absolute;
                display: flex;
                flex-direction: column;
                padding: 8px;
                top: 0;
                left: 0;
                width: 100%;
                height: 46px;
                color: #fff;
                z-index: 3;
                opacity: 0;
                transform: translateY(18px)
            }

                .schedule .schedule-day-container .day-header .day-header-content.animate-in {
                    animation: day-header-content-in .15s ease-out forwards
                }

                .schedule .schedule-day-container .day-header .day-header-content .day-header-title {
                    font-weight: normal
                }

                    .schedule .schedule-day-container .day-header .day-header-content .day-header-title .day-header-title-day, .schedule .schedule-day-container .day-header .day-header-content .day-header-title .day-header-title-month {
                        display: inline;
                        vertical-align: baseline
                    }

                    .schedule .schedule-day-container .day-header .day-header-content .day-header-title .day-header-title-day {
                        font-size: 18px
                    }

                    .schedule .schedule-day-container .day-header .day-header-content .day-header-title .day-header-title-month {
                        font-size: 18px
                    }

                .schedule .schedule-day-container .day-header .day-header-content .day-header-event {
                    padding-top: 2px;
                    font-size: 12px;
                    font-weight: normal
                }

        .schedule .schedule-day-container .day-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow-y: auto;
            z-index: 0;
            opacity: 0;
            padding-top: 216px;
            padding-left: 16px;
            padding-right: 16px;
            transform: translateY(35px);
            background: #fff
        }

            .schedule .schedule-day-container .day-content.animate-in {
                animation: day-content-animate-in .2s ease-out forwards
            }

            .schedule .schedule-day-container .day-content .event-details-wrap {
                display: none;
                padding: 20px 0
            }

                .schedule .schedule-day-container .day-content .event-details-wrap.is-active {
                    display: block
                }

                .schedule .schedule-day-container .day-content .event-details-wrap .meta-block {
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    margin-bottom: 10px
                }

                    .schedule .schedule-day-container .day-content .event-details-wrap .meta-block i {
                        font-size: 24px;
                        color: #999
                    }

                    .schedule .schedule-day-container .day-content .event-details-wrap .meta-block .meta {
                        margin-left: 20px
                    }

                        .schedule .schedule-day-container .day-content .event-details-wrap .meta-block .meta span {
                            display: block
                        }

                            .schedule .schedule-day-container .day-content .event-details-wrap .meta-block .meta span:first-child {
                                font-weight: 500;
                                font-size: .9rem
                            }

                            .schedule .schedule-day-container .day-content .event-details-wrap .meta-block .meta span:nth-child(2) {
                                font-size: .8rem;
                                color: #999
                            }

                .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap {
                    padding: 16px 0
                }

                    .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap label {
                        display: block;
                        font-size: .9rem;
                        font-weight: 500;
                        margin-bottom: 6px
                    }

                    .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants {
                        display: flex;
                        justify-content: flex-start;
                        align-items: center
                    }

                        .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img {
                            display: block;
                            height: 53px;
                            width: 53px;
                            font-size: .8rem;
                            border-radius: 50%;
                            border: 3px solid #fff;
                            background: #e8e8e8
                        }

                            .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img:not(:first-child):nth-child(1) {
                                margin-left: -14px
                            }

                            .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img:not(:first-child):nth-child(2) {
                                margin-left: -14px
                            }

                            .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img:not(:first-child):nth-child(3) {
                                margin-left: -14px
                            }

                            .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img:not(:first-child):nth-child(4) {
                                margin-left: -14px
                            }

                            .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img:not(:first-child):nth-child(5) {
                                margin-left: -14px
                            }

                            .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img:not(:first-child):nth-child(6) {
                                margin-left: -14px
                            }

                        .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants .is-more {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            height: 53px;
                            width: 53px;
                            font-weight: 500;
                            font-size: .9rem;
                            border-radius: 50%;
                            border: 3px solid #fff;
                            background: #e8e8e8;
                            margin-left: -14px
                        }

                .schedule .schedule-day-container .day-content .event-details-wrap .event-description label {
                    display: block;
                    font-size: .9rem;
                    font-weight: 500;
                    margin-bottom: 6px
                }

                .schedule .schedule-day-container .day-content .event-details-wrap .event-description p {
                    font-size: .9rem;
                    color: #999
                }

                .schedule .schedule-day-container .day-content .event-details-wrap .button-wrap {
                    display: flex;
                    justify-content: space-between;
                    align-items: center
                }

                    .schedule .schedule-day-container .day-content .event-details-wrap .button-wrap .button {
                        width: 49%
                    }

                .schedule .schedule-day-container .day-content .event-details-wrap .img {
                    margin-top: 16px;
                    margin-bottom: 16px;
                    width: 100%;
                    height: 150px;
                    background: #2c3144
                }

@keyframes day-header-grow {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(25)
    }
}

@keyframes day-container-out {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    100% {
        transform: translateY(45px);
        opacity: 0
    }
}

@keyframes day-header-content-in {
    0% {
        transform: translateY(18px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes day-content-animate-in {
    0% {
        transform: translateY(35px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.media-flex-center {
    display: flex;
    align-items: center;
    margin-bottom: 1rem
}

    .media-flex-center:last-child, .media-flex-center.no-margin {
        margin-bottom: 0
    }

    .media-flex-center .flex-meta {
        margin-left: 12px;
        line-height: 1.4
    }

        .media-flex-center .flex-meta.is-lighter span:first-child, .media-flex-center .flex-meta.is-lighter > a:first-child {
            font-weight: 400
        }

        .media-flex-center .flex-meta.is-light span:first-child, .media-flex-center .flex-meta.is-light > a:first-child {
            font-weight: 500
        }

        .media-flex-center .flex-meta span, .media-flex-center .flex-meta > a {
            display: block
        }

            .media-flex-center .flex-meta span:first-child, .media-flex-center .flex-meta > a:first-child {
                font-family: "Montserrat",sans-serif;
                font-size: .85rem;
                color: #393a4f;
                font-weight: 600
            }

            .media-flex-center .flex-meta span:nth-child(2), .media-flex-center .flex-meta > a:nth-child(2) {
                font-family: "Roboto",sans-serif;
                color: #a2a5b9;
                font-size: .8rem
            }

        .media-flex-center .flex-meta a:hover {
            color: #3d70b2
        }

    .media-flex-center .flex-end {
        margin-left: auto;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

        .media-flex-center .flex-end .end-action {
            margin-left: 1rem
        }

@media only screen and (max-width: 767px) {
    .media-flex.is-responsive-mobile, .media-flex-center.is-responsive-mobile {
        flex-direction: column;
        text-align: center
    }

        .media-flex.is-responsive-mobile .h-avatar, .media-flex.is-responsive-mobile .h-icon, .media-flex-center.is-responsive-mobile .h-avatar, .media-flex-center.is-responsive-mobile .h-icon {
            display: block;
            margin: 0 auto
        }

        .media-flex.is-responsive-mobile .flex-meta, .media-flex-center.is-responsive-mobile .flex-meta {
            margin: 10px auto 16px auto
        }

        .media-flex.is-responsive-mobile .flex-end, .media-flex-center.is-responsive-mobile .flex-end {
            margin: 0 auto 10px auto
        }

            .media-flex.is-responsive-mobile .flex-end .end-action, .media-flex-center.is-responsive-mobile .flex-end .end-action {
                margin-left: 0
            }

            .media-flex.is-responsive-mobile .flex-end .button, .media-flex-center.is-responsive-mobile .flex-end .button {
                min-width: 140px
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .media-flex.is-responsive-tablet-p, .media-flex-center.is-responsive-tablet-p {
        flex-direction: column;
        text-align: center
    }

        .media-flex.is-responsive-tablet-p .h-avatar, .media-flex.is-responsive-tablet-p .h-icon, .media-flex-center.is-responsive-tablet-p .h-avatar, .media-flex-center.is-responsive-tablet-p .h-icon {
            display: block;
            margin: 0 auto
        }

        .media-flex.is-responsive-tablet-p .flex-meta, .media-flex-center.is-responsive-tablet-p .flex-meta {
            margin: 10px auto 16px auto
        }

        .media-flex.is-responsive-tablet-p .flex-end, .media-flex-center.is-responsive-tablet-p .flex-end {
            margin: 0 auto 10px auto
        }

            .media-flex.is-responsive-tablet-p .flex-end .end-action, .media-flex-center.is-responsive-tablet-p .flex-end .end-action {
                margin-left: 0
            }

            .media-flex.is-responsive-tablet-p .flex-end .button, .media-flex-center.is-responsive-tablet-p .flex-end .button {
                min-width: 140px
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .media-flex.is-responsive-tablet-l, .media-flex-center.is-responsive-tablet-l {
        flex-direction: column;
        text-align: center
    }

        .media-flex.is-responsive-tablet-l .h-avatar, .media-flex.is-responsive-tablet-l .h-icon, .media-flex-center.is-responsive-tablet-l .h-avatar, .media-flex-center.is-responsive-tablet-l .h-icon {
            display: block;
            margin: 0 auto
        }

        .media-flex.is-responsive-tablet-l .flex-meta, .media-flex-center.is-responsive-tablet-l .flex-meta {
            margin: 10px auto 16px auto
        }

        .media-flex.is-responsive-tablet-l .flex-end, .media-flex-center.is-responsive-tablet-l .flex-end {
            margin: 0 auto 10px auto
        }

            .media-flex.is-responsive-tablet-l .flex-end .end-action, .media-flex-center.is-responsive-tablet-l .flex-end .end-action {
                margin-left: 0
            }

            .media-flex.is-responsive-tablet-l .flex-end .button, .media-flex-center.is-responsive-tablet-l .flex-end .button {
                min-width: 140px
            }

    .friend-cards-list .is-friend-card .friend-item .text-content a {
        font-size: .8rem !important
    }

    .friend-cards-list .is-friend-card .friend-item .text-content span {
        font-size: .65rem !important
    }
}

button.button {
    line-height: 0
}

.button {
    font-size: .8rem;
    font-weight: 500;
    padding: 18px 22px;
    border-radius: .65rem;
    transition: all .3s
}
input.button{
    padding-bottom: 18px 22px 18px 22px !important;
    line-height: normal !important;
}
    .button.is-rounded {
        padding-left: 1.5em;
        padding-right: 1.5em
    }

    .button.icon-button {
        width: 32px;
        height: 32px;
        padding: 0
    }

        .button.icon-button svg {
            height: 16px !important;
            width: 16px !important;
            stroke: #344258
        }

        .button.icon-button.is-solid svg {
            stroke: #fff !important
        }

    .button.has-icon svg {
        height: 16px;
        width: 16px;
        min-height: 16px;
        min-width: 16px;
        margin-right: 4px
    }

    .button.default-raised:hover {
        box-shadow: 0 14px 26px -12px rgba(0,0,0,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);
        opacity: .8
    }

    .button.is-phantom {
        background: transparent;
        border: 2px solid transparent
    }

        .button.is-phantom.primary-button {
            color: #3d70b2
        }

            .button.is-phantom.primary-button:hover {
                border-color: #3d70b2
            }

        .button.is-phantom.accent-button {
            color: #3d70b2
        }

            .button.is-phantom.accent-button:hover {
                border-color: #3d70b2
            }

    .button.is-reversed-phantom {
        background: transparent;
        border: 1px solid transparent
    }

        .button.is-reversed-phantom.primary-button {
            color: #3d70b2
        }

            .button.is-reversed-phantom.primary-button:hover {
                border-color: transparent !important;
                background: #3d70b2;
                color: #fafafa
            }

        .button.is-reversed-phantom.accent-button {
            color: #3d70b2
        }

            .button.is-reversed-phantom.accent-button:hover {
                border-color: transparent !important;
                background: #3d70b2;
                color: #fafafa
            }

    .button.is-solid.primary-button {
        background: #3d70b2;
        border-color: #3d70b2;
        color: #fff
    }

        .button.is-solid.primary-button.raised:hover {
            box-shadow: 0 14px 26px -12px rgba(61,112,178,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(61,112,178,.2) !important;
            opacity: .8
        }

    .button.is-solid.secondary-button {
        background: #41d6c3;
        border-color: #41d6c3;
        color: #fff
    }

        .button.is-solid.secondary-button.raised:hover {
            box-shadow: 0 14px 26px -12px rgba(65,214,195,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(65,214,195,.2) !important;
            opacity: .8
        }

    .button.is-solid.accent-button {
        background: #3d70b2;
        border-color: #3d70b2;
        color: #fff
    }

        .button.is-solid.accent-button.raised:hover {
            box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important;
            opacity: .8
        }

    .button.is-solid.red-button {
        background: #f71416;
        border-color: #f71416;
        color: #fff
    }

        .button.is-solid.red-button.raised:hover {
            box-shadow: 0 14px 26px -12px rgba(247,20,22,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(247,20,22,.2) !important;
            opacity: .8
        }

    .button.is-solid.green-button {
        background: #1ce589;
        border-color: #1ce589;
        color: #fff
    }

        .button.is-solid.green-button.raised:hover {
            box-shadow: 0 14px 26px -12px rgba(28,229,137,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(28,229,137,.2) !important;
            opacity: .8
        }

    .button.is-solid.blue-button {
        background: #039be5;
        border-color: #039be5;
        color: #fff
    }

        .button.is-solid.blue-button.raised:hover {
            box-shadow: 0 14px 26px -12px rgba(3,155,229,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(3,155,229,.2) !important;
            opacity: .8
        }

    .button.is-solid.grey-button {
        background: #f7f7f7;
        border-color: #f7f7f7
    }

        .button.is-solid.grey-button svg {
            stroke: #344258 !important
        }

        .button.is-solid.grey-button:hover {
            background: #f2f2f2;
            border-color: #f2f2f2
        }

    .button.is-solid.dark-grey-button {
        background: #ededed;
        border-color: #ededed
    }

        .button.is-solid.dark-grey-button svg {
            stroke: #344258 !important
        }

        .button.is-solid.dark-grey-button:hover {
            background: #dedede;
            border-color: #dedede
        }

    .button.light-button {
        background: transparent;
        border-color: #fff;
        color: #fff;
        font-weight: 500
    }

        .button.light-button:hover {
            background: #fff;
            color: #393a4f
        }

        .button.light-button.raised:hover {
            box-shadow: 0 14px 26px -12px rgba(61,112,178,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(61,112,178,.2) !important !important;
            opacity: .8
        }

.like-wrapper .like-button {
    position: relative;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 5px 43px rgba(0,0,0,.18);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    text-decoration: none;
    opacity: 1 !important;
    overflow: hidden
}

    .like-wrapper .like-button .like-overlay {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 54px;
        height: 54px;
        border-radius: 50%;
        background: #d10709;
        transform: scale(0);
        transition: all .4s;
        z-index: 0
    }
    .like-wrapper .like-button i {
        font-size: 24px !important
    }
    .like-wrapper .like-button i.not-liked {
        display: block;
        color: #d10709;
        position: relative;
        z-index: 1
    }

    .like-wrapper .like-button i.is-liked {
        display: none;
        color: #fff;
        position: relative;
        z-index: 1
    }

    .like-wrapper .like-button.is-active {
        box-shadow: 0px 5px 43px rgba(247,20,22,.18)
    }

        .like-wrapper .like-button.is-active .like-overlay {
            transform: scale(1)
        }

        .like-wrapper .like-button.is-active i.not-liked {
            display: none
        }

        .like-wrapper .like-button.is-active i.is-liked {
            display: block
        }

.fab-wrapper.is-share a {
    background: #6ba4e9;
    box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
}

    .fab-wrapper.is-share a:hover {
        background: #8ab7ee
    }

        .fab-wrapper.is-share a:hover svg {
            stroke: #fff
        }

.fab-wrapper.is-comment a {
    background: #6ba4e9;
    box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
}

    .fab-wrapper.is-comment a:hover {
        background: #8ab7ee
    }

        .fab-wrapper.is-comment a:hover svg {
            stroke: #fff
        }

.fab-wrapper .small-fab {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    color: #fcfcfc;
    opacity: 1;
    transition: all .3s
}

    .fab-wrapper .small-fab svg {
        width: 18px;
        height: 18px;
        transition: all .3s
    }

    .fab-wrapper .small-fab.is-active {
        background: #3d70b2
    }

.load-more-wrap {
    padding: 40px 0
}

    .load-more-wrap.narrow-top {
        padding-top: 20px 0
    }

.load-more-button {
    box-sizing: border-box;
    display: inline-block;
    width: 9em;
    height: 2.75em;
    padding: .5em 1em;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
    color: #757a91 !important;
    white-space: nowrap;
    line-height: 1.5;
    font-size: 1em;
    text-decoration: none;
    transition: width .1s ease,height .4s ease,border-width .4s ease,border-radius .4s ease,border-color .4s ease,padding .4s ease
}

    .load-more-button:focus {
        outline: none;
        border-color: #ddd
    }

    .load-more-button:hover {
        background: #fafafa
    }

    .load-more-button.loading {
        height: 24px;
        width: 24px;
        padding: 0;
        border-width: 2px;
        border-radius: 17px;
        border-color: #eee #eee #eee #999;
        background: #fff;
        font-size: 0;
        color: transparent;
        pointer-events: none;
        animation: spin 1.2s infinite linear
    }

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.spinner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 38px;
    min-width: 110px;
    border: 1px solid #e8e8e8;
    border-radius: 100px;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
    padding: 0 4px
}

    .spinner .add, .spinner .remove {
        height: 38px;
        width: 38px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
        background: none;
        cursor: pointer;
        outline: none !important
    }

        .spinner .add:hover svg, .spinner .remove:hover svg {
            stroke: #393a4f
        }

        .spinner .add svg, .spinner .remove svg {
            height: 14px;
            width: 14px;
            stroke: #6f7592;
            transition: stroke .3s
        }

    .spinner .value {
        font-size: .9rem;
        font-weight: 500;
        color: #393a4f;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

.dropdown-divider {
    background-color: #e8e8e8
}

.dropdown .avatar-button {
    display: flex;
    align-items: center;
    cursor: pointer
}

    .dropdown .avatar-button img {
        height: 22px;
        width: 22px;
        display: block;
        margin: 0 auto;
        border-radius: 50%
    }

    .dropdown .avatar-button svg {
        transform: rotate(180deg);
        fill: #393a4f;
        height: 8px;
        width: 8px;
        margin: 0 4px
    }

.card-heading .dropdown.is-spaced > div .button, .about-card .header .actions .dropdown.is-spaced > div .button {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    width: 32px;
    border: none;
    border-radius: 50%;
    transition: all .3s
}

    .card-heading .dropdown.is-spaced > div .button:hover, .about-card .header .actions .dropdown.is-spaced > div .button:hover {
        background: #f5f5f5
    }

    .card-heading .dropdown.is-spaced > div .button svg, .about-card .header .actions .dropdown.is-spaced > div .button svg {
        height: 20px;
        width: 20px;
        transition: all .3s
    }

.dropdown.is-spaced.is-modern.is-active .caret {
    transform: rotate(180deg)
}

.dropdown.is-spaced.is-modern.is-active .main-icon {
    transform: rotate(360deg)
}

.dropdown.is-spaced.is-modern > div .button {
    min-width: 110px;
    border-radius: 100px
}

    .dropdown.is-spaced.is-modern > div .button .caret, .dropdown.is-spaced.is-modern > div .button .main-icon {
        transition: all .3s
    }

.dropdown.is-spaced.is-modern .dropdown-menu {
    margin-top: 6px
}

.dropdown.is-spaced .dropdown-menu {
    box-shadow: 0px 5px 16px rgba(0,0,0,.05);
    border-color: #e8e8e8;
    padding-top: 0;
    min-width: 280px;
    border-radius: .65rem
}

    .dropdown.is-spaced .dropdown-menu.has-margin {
        margin-top: 10px
    }

    .dropdown.is-spaced .dropdown-menu .dropdown-content {
        border: 1px solid #e8e8e8;
        box-shadow: none;
        border-radius: .65rem
    }

.dropdown.is-spaced .dropdown-item {
    padding-right: 1rem !important;
    padding: .5rem 1rem
}

    .dropdown.is-spaced .dropdown-item:hover {
        background: #fafafa
    }

        .dropdown.is-spaced .dropdown-item:hover h3 {
            color: #3d70b2
        }

        .dropdown.is-spaced .dropdown-item:hover svg {
            stroke: #3d70b2
        }

    .dropdown.is-spaced .dropdown-item.is-selected .checkmark {
        display: block !important
    }

    .dropdown.is-spaced .dropdown-item.is-header h5 {
        font-weight: 500;
        margin-bottom: 10px;
        color: #757a91
    }

    .dropdown.is-spaced .dropdown-item .media {
        align-items: center
    }

        .dropdown.is-spaced .dropdown-item .media .media-content {
            line-height: 1.2
        }

        .dropdown.is-spaced .dropdown-item .media h3 {
            font-weight: 500;
            font-size: .85rem;
            color: #393a4f;
            transition: all .3s;
            line-height: 1.2
        }

        .dropdown.is-spaced .dropdown-item .media img {
            display: block;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            margin-right: 20px
        }

        .dropdown.is-spaced .dropdown-item .media svg {
            width: 18px;
            height: 18px;
            margin-right: 10px;
            stroke-width: 1px;
            stroke: #757a91;
            transition: all .3s
        }

        .dropdown.is-spaced .dropdown-item .media small {
            color: #a2a5b9
        }

        .dropdown.is-spaced .dropdown-item .media .checkmark {
            display: none
        }

            .dropdown.is-spaced .dropdown-item .media .checkmark svg {
                margin-right: 0;
                margin-left: auto
            }

    .dropdown.is-spaced .dropdown-item.is-title {
        background-color: transparent;
        margin-bottom: 10px
    }

    .dropdown.is-spaced .dropdown-item.is-active {
        background: #039be5
    }

        .dropdown.is-spaced .dropdown-item.is-active svg {
            stroke: #fff
        }

        .dropdown.is-spaced .dropdown-item.is-active small {
            color: #fff
        }

.dropdown.is-spaced.is-accent .dropdown-item:hover {
    background: #fafafa
}

    .dropdown.is-spaced.is-accent .dropdown-item:hover h3 {
        color: #3d70b2 !important
    }

    .dropdown.is-spaced.is-accent .dropdown-item:hover svg {
        stroke: #3d70b2 !important
    }

.dropdown.is-spaced.is-neutral .dropdown-item:hover {
    background: #fafafa
}

    .dropdown.is-spaced.is-neutral .dropdown-item:hover h3 {
        color: #393a4f !important
    }

    .dropdown.is-spaced.is-neutral .dropdown-item:hover svg {
        stroke: #757a91 !important
    }

body.is-dark .dropdown.is-spaced:hover > div .button, body.is-dark .dropdown.is-spaced.is-active > div .button {
    background: #242d3c !important
}

    body.is-dark .dropdown.is-spaced:hover > div .button svg, body.is-dark .dropdown.is-spaced.is-active > div .button svg {
        stroke: #fafafa
    }

body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content {
    background: #171c26 !important;
    border-color: #2f3b50 !important
}

    body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading {
        border-color: #2f3b50 !important
    }

        body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading:hover, body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading *:hover {
            background: #202836 !important
        }

        body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading .heading-right .notification-link {
            color: #3d70b2 !important
        }

body.is-dark .dropdown.is-neutral .dropdown-menu .dropdown-content .dropdown-item:hover h3 {
    color: #fafafa !important
}

body.is-dark .dropdown.is-neutral .dropdown-menu .dropdown-content .dropdown-item:hover svg {
    stroke: #fafafa !important
}

body.is-dark .dropdown .dropdown-menu .dropdown-content {
    background: #202836;
    border-color: #2f3b50 !important
}

    body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-item {
        color: #a2a5b9
    }

        body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-item.is-active {
            background: #3d70b2 !important
        }

        body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-item:hover .media .media-content h3 {
            color: #3d70b2
        }

        body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-item .media .media-content h3 {
            color: #fafafa
        }

    body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-divider {
        background: #293446
    }

    body.is-dark .dropdown .dropdown-menu .dropdown-content a:hover {
        background: #262f40 !important
    }

body.is-dark .child-dropdown .inner {
    background: #202836 !important;
    border-color: #283143 !important
}

    body.is-dark .child-dropdown .inner:hover {
        background: #202836 !important;
        border-color: #283143 !important
    }

    body.is-dark .child-dropdown .inner ul li .text span:first-child {
        color: #fafafa !important
    }

.emoji-picker {
    border-color: #e5e5e5 !important;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important;
    margin: 0 !important;
    top: -6px !important;
    height: 24.5rem !important
}

    .emoji-picker .emoji-picker__search-container {
        display: none !important
    }

        .emoji-picker .emoji-picker__search-container input {
            outline: none !important;
            padding-left: 12px !important;
            transition: all .3s !important;
            border-radius: 100px !important
        }

            .emoji-picker .emoji-picker__search-container input:focus {
                border-color: #e0e0e0;
                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
            }

                .emoji-picker .emoji-picker__search-container input:focus + span {
                    color: #3d70b2
                }

            .emoji-picker .emoji-picker__search-container input + span svg {
                vertical-align: top
            }

    .emoji-picker .emoji-picker__content .emoji-picker__tabs-container .emoji-picker__tabs .emoji-picker__tab {
        color: #999
    }

        .emoji-picker .emoji-picker__content .emoji-picker__tabs-container .emoji-picker__tabs .emoji-picker__tab.active {
            color: #3d70b2;
            border-bottom-color: #3d70b2
        }

    .emoji-picker .emoji-picker__content .emoji-picker__tabs-container div > .emoji-picker__tab-body {
        border-bottom: 1px solid #e8e8e8
    }

        .emoji-picker .emoji-picker__content .emoji-picker__tabs-container div > .emoji-picker__tab-body h2 {
            padding: 4px 0
        }

        .emoji-picker .emoji-picker__content .emoji-picker__tabs-container div > .emoji-picker__tab-body .emoji-picker__emojis {
            height: 16.5rem;
            width: calc(1.3rem * 1.4 * 10);
            margin: 0 auto;
            overflow-x: hidden !important
        }

            .emoji-picker .emoji-picker__content .emoji-picker__tabs-container div > .emoji-picker__tab-body .emoji-picker__emojis::-webkit-scrollbar {
                width: 6px !important
            }

            .emoji-picker .emoji-picker__content .emoji-picker__tabs-container div > .emoji-picker__tab-body .emoji-picker__emojis::-webkit-scrollbar-thumb {
                border-radius: 10px !important;
                background: rgba(0,0,0,.2) !important
            }

    .emoji-picker .emoji-picker__preview {
        border-top: none;
        height: 3.3em
    }

.nav-tabs-wrapper .tabs ul.is-faded {
    border-bottom-color: transparent !important
}

.nav-tabs-wrapper .tabs ul li a {
    color: #cecece;
    border-image-width: 2px
}

.nav-tabs-wrapper .tabs ul li:hover a {
    border-bottom-color: inherit
}

.nav-tabs-wrapper .tabs ul li.is-active a {
    color: #3d70b2;
    border-bottom-color: #3d70b2
}

.nav-tabs-wrapper .tab-content {
    display: none;
    overflow: hidden;
    padding: 0 10px 10px 10px;
    animation: fadeInLeft .5s
}

    .nav-tabs-wrapper .tab-content.is-active {
        display: block
    }

.modal {
    z-index: 1050
}

    .modal .modal-background {
        transition: all .3s
    }

    .modal.is-xsmall .modal-content {
        width: 480px
    }

    .modal.is-small .modal-content {
        width: 540px
    }

    .modal.is-medium .modal-content {
        width: 720px
    }

    .modal.is-large .modal-content {
        width: 840px
    }

    .modal.is-xlarge .modal-content {
        width: 1200px
    }

    .modal.is-xxl .modal-content {
        width: 1340px
    }

    .modal.is-light-bg .modal-background {
        background: rgba(0,0,0,.4)
    }

    .modal .card, .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card, .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card {
        animation: modalScale .3s;
        margin-bottom: 0
    }

        .modal .card .card-heading, .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-heading {
            display: flex;
            align-items: center;
            padding: 8px 12px
        }

            .modal .card .card-heading h3, .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-heading h3 {
                font-size: .95rem;
                font-weight: 500
            }

            .modal .card .card-heading .close-wrap, .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .close-wrap, .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-heading .close-wrap {
                height: 30px;
                width: 30px;
                margin-left: auto
            }

                .modal .card .card-heading .close-wrap .close-modal, .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .close-wrap .close-modal, .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-heading .close-wrap .close-modal {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 30px;
                    width: 30px;
                    border-radius: 50%;
                    background: transparent;
                    cursor: pointer;
                    transition: background .3s
                }

                    .modal .card .card-heading .close-wrap .close-modal:hover, .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .close-wrap .close-modal:hover, .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-heading .close-wrap .close-modal:hover {
                        background: #e8e8e8
                    }

                    .modal .card .card-heading .close-wrap .close-modal svg, .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .close-wrap .close-modal svg, .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-heading .close-wrap .close-modal svg {
                        height: 18px;
                        width: 18px;
                        stroke: #757a91
                    }

        .modal .card .card-body, .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-body {
            padding: 8px 12px
        }

.create-group-modal .card-heading {
    border-bottom: 1px solid #e8e8e8
}

.create-group-modal .subheading {
    display: flex;
    align-items: center;
    padding: 12px;
    border-bottom: 1px solid #e8e8e8
}

    .create-group-modal .subheading .group-avatar {
        position: relative;
        cursor: pointer
    }

        .create-group-modal .subheading .group-avatar input {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            width: 100%;
            height: 100%
        }

        .create-group-modal .subheading .group-avatar .add-photo {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 42px;
            width: 42px;
            background: #ededed;
            border-radius: 4px
        }

            .create-group-modal .subheading .group-avatar .add-photo svg {
                height: 18px;
                width: 18px;
                stroke: #757a91
            }
    .create-group-modal .subheading .control{
        width: 90%
    }
    .create-group-modal .subheading .control input {
        margin: 0 10px;
        border: none !important
    }

.create-group-modal .card-body {
    padding: 0 !important
}

    .create-group-modal .card-body .inner {
        display: flex;
        align-items: flex-start
    }

        .create-group-modal .card-body .inner .left-section {
            width: 67%
        }

            .create-group-modal .card-body .inner .left-section .search-subheader {
                border-bottom: 1px solid #e8e8e8;
                padding: 0 12px;
                height: 57px;
                display: flex;
                justify-content: center;
                align-items: center
            }

                .create-group-modal .card-body .inner .left-section .search-subheader .control {
                    width: 100%;
                    position: relative
                }

                    .create-group-modal .card-body .inner .left-section .search-subheader .control input {
                        height: 32px;
                        border-radius: 0;
                        padding-left: 36px;
                        font-size: .9rem;
                        transition: all .3s
                    }

                        .create-group-modal .card-body .inner .left-section .search-subheader .control input:focus {
                            border-color: #cecece
                        }

                            .create-group-modal .card-body .inner .left-section .search-subheader .control input:focus + .icon svg {
                                stroke: #3d70b2
                            }

                    .create-group-modal .card-body .inner .left-section .search-subheader .control .icon {
                        position: absolute;
                        top: 0;
                        left: 0;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 32px;
                        width: 32px
                    }

                        .create-group-modal .card-body .inner .left-section .search-subheader .control .icon svg {
                            width: 18px;
                            height: 18px;
                            stroke: #cecece;
                            transition: all .3s
                        }

            .create-group-modal .card-body .inner .left-section .user-list {
                height: 298px;
                padding: 12px 0;
                overflow-y: auto
            }

                .create-group-modal .card-body .inner .left-section .user-list .friend-block {
                    display: flex;
                    align-items: center;
                    margin-bottom: 6px;
                    padding: 6px 12px;
                    border-radius: 0;
                    cursor: pointer
                }

                    .create-group-modal .card-body .inner .left-section .user-list .friend-block:hover {
                        background: #f2f2f2
                    }

                    .create-group-modal .card-body .inner .left-section .user-list .friend-block .friend-avatar {
                        height: 40px;
                        width: 40px;
                        border-radius: 50%
                    }

                    .create-group-modal .card-body .inner .left-section .user-list .friend-block .friend-name {
                        font-size: .85rem;
                        font-weight: 500;
                        color: #393a4f;
                        margin: 0 10px
                    }

                    .create-group-modal .card-body .inner .left-section .user-list .friend-block .round-checkbox {
                        margin-left: auto;
                        margin-right: 12px
                    }

        .create-group-modal .card-body .inner .right-section {
            width: 33%;
            height: 355px;
            background: #f5f6f7;
            border-left: 1px solid #e8e8e8;
            overflow-y: auto
        }

            .create-group-modal .card-body .inner .right-section .selected-count {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 6px 12px;
                min-height: 57px
            }

                .create-group-modal .card-body .inner .right-section .selected-count span {
                    display: block;
                    font-size: .9rem;
                    font-weight: 500;
                    color: #999
                }

                    .create-group-modal .card-body .inner .right-section .selected-count span:first-child {
                        text-transform: uppercase;
                        font-size: .7rem
                    }

            .create-group-modal .card-body .inner .right-section .selected-list {
                padding: 12px
            }

                .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block {
                    display: flex;
                    align-items: center;
                    padding: 6px 0;
                    border-radius: 0
                }
                .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block a.button {
                    position:absolute;
                    right: 10px;
                    padding: 5px
                }
                    .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .image-wrapper {
                        position: relative
                    }

                        .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .image-wrapper .checked-badge {
                            position: absolute;
                            bottom: 6px;
                            right: -1px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            height: 18px;
                            width: 18px;
                            border: 2px solid #f5f6f7;
                            border-radius: 50%;
                            background: #757a91
                        }

                            .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .image-wrapper .checked-badge svg {
                                height: 8px;
                                width: 8px;
                                stroke: #fafafa;
                                stroke-width: 3px
                            }

                    .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .friend-avatar {
                        height: 40px;
                        width: 40px;
                        border-radius: 50%
                    }

                    .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .friend-name {
                        font-size: .85rem;
                        font-weight: 500;
                        color: #393a4f;
                        margin: 0 14px
                    }

.create-group-modal .card-footer {
    /*display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0 !important;
    padding: 8px display: flex;*/
    justify-content: space-between;
    align-items: center;
    margin: 0 !important;
    padding: 8px;
    background: #f5f6f7;
    border-radius: 0 0 6px 6px;
}
.create-group-modal .card-footer .action-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.create-group-modal .card-footer .action-wrap button
{
    line-height: 0;
    height: 36px;
    padding: 6px;
}
.create-group-modal .card-footer .action-wrap button svg{
    width: 16px;
    height: 16px;
}
.create-group-modal .card-footer .action-wrap button span{
    margin: 0 4px;
}
.create-group-modal .card-footer button {
    margin-left: 12px;
    line-height: 0
}

.albums-help-modal .card, .albums-help-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card, .shop-wrapper .cart-container .cart-content .cart-summary .albums-help-modal .summary-card, .videos-help-modal .card, .videos-help-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card, .shop-wrapper .cart-container .cart-content .cart-summary .videos-help-modal .summary-card {
    overflow: hidden
}

.albums-help-modal .card-heading, .videos-help-modal .card-heading {
    border-bottom: 1px solid #e8e8e8
}

.albums-help-modal .card-body .content-block, .videos-help-modal .card-body .content-block {
    position: absolute;
    height: 248px;
    width: 454px;
    opacity: 0;
    transition: all .3s
}

    .albums-help-modal .card-body .content-block:first-child, .videos-help-modal .card-body .content-block:first-child {
        transform: translateX(-100%)
    }

    .albums-help-modal .card-body .content-block:nth-child(2), .videos-help-modal .card-body .content-block:nth-child(2) {
        transform: translateX(100%)
    }

    .albums-help-modal .card-body .content-block img, .videos-help-modal .card-body .content-block img {
        display: block;
        height: 140px;
        margin: 20px auto
    }

    .albums-help-modal .card-body .content-block .help-text, .videos-help-modal .card-body .content-block .help-text {
        text-align: center;
        max-width: 350px;
        margin: 0 auto
    }

        .albums-help-modal .card-body .content-block .help-text h3, .videos-help-modal .card-body .content-block .help-text h3 {
            font-weight: 500
        }

        .albums-help-modal .card-body .content-block .help-text p, .videos-help-modal .card-body .content-block .help-text p {
            color: #999;
            font-size: .9rem
        }

    .albums-help-modal .card-body .content-block.is-active, .videos-help-modal .card-body .content-block.is-active {
        transform: translateX(0);
        opacity: 1
    }

.albums-help-modal .card-body .slide-dots, .videos-help-modal .card-body .slide-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 258px 0 16px 0
}

    .albums-help-modal .card-body .slide-dots .dot, .videos-help-modal .card-body .slide-dots .dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #e8e8e8;
        margin: 0 3px
    }

        .albums-help-modal .card-body .slide-dots .dot.is-active, .videos-help-modal .card-body .slide-dots .dot.is-active {
            background: #3d70b2
        }

.albums-help-modal .card-body .action, .videos-help-modal .card-body .action {
    text-align: center;
    margin-bottom: 16px
}

    .albums-help-modal .card-body .action button, .videos-help-modal .card-body .action button {
        line-height: 0;
        width: 160px
    }

.albums-modal .modal-content {
    max-width: calc(100% - 40px);
    max-height: calc(100vh - 20px) !important
}

    .albums-modal .modal-content .modal-card {
        max-height: calc(100vh - 20px) !important
    }

.albums-modal .card-heading {
    border-bottom: 1px solid #e8e8e8;
    justify-content: flex-start !important
}

    .albums-modal .card-heading .button {
        line-height: 0 !important;
        padding: 14px 18px !important;
        margin-left: auto;
        margin-right: 10px;
        cursor: pointer
    }

        .albums-modal .card-heading .button i {
            font-size: 18px
        }

    .albums-modal .card-heading .close-wrap {
        margin-left: 0 !important
    }

.albums-modal .card-body {
    padding: 0 !important;
    display: flex
}

    .albums-modal .card-body .left-section, .albums-modal .card-body .right-section {
        padding: 12px;
        height: 580px
    }

    .albums-modal .card-body .left-section {
        width: 25%;
        background: #f5f6f7;
        border-right: 1px solid #e8e8e8
    }

        .albums-modal .card-body .left-section .control {
            margin-bottom: 10px
        }

            .albums-modal .card-body .left-section .control input {
                padding-left: 34px
            }

            .albums-modal .card-body .left-section .control .icon {
                position: absolute;
                top: 0;
                left: 0;
                height: 36px;
                width: 36px;
                display: flex;
                justify-content: center;
                align-items: center;
                color: #cecece
            }

                .albums-modal .card-body .left-section .control .icon svg {
                    width: 16px;
                    height: 16px;
                    transition: all .3s
                }

        .albums-modal .card-body .left-section .album-form {
            margin-bottom: 20px
        }

        .albums-modal .card-body .left-section .tagged-in-album {
            margin: 0 0 10px 0
        }

            .albums-modal .card-body .left-section .tagged-in-album .head {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 3px
            }

                .albums-modal .card-body .left-section .tagged-in-album .head h4 {
                    font-weight: 500;
                    font-size: .85rem;
                    color: #393a4f
                }

                .albums-modal .card-body .left-section .tagged-in-album .head .button {
                    height: 22px;
                    width: 22px;
                    outline: none
                }

                    .albums-modal .card-body .left-section .tagged-in-album .head .button svg {
                        height: 12px !important;
                        width: 12px !important;
                        stroke-width: 2.6px
                    }

            .albums-modal .card-body .left-section .tagged-in-album p {
                font-size: .75rem;
                max-width: 250px;
                color: #999;
                margin-bottom: 8px
            }

        .albums-modal .card-body .left-section .album-tag-list {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap
        }

            .albums-modal .card-body .left-section .album-tag-list .tagged-user {
                position: relative
            }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(1) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(2) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(3) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(4) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(5) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(6) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(7) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(8) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(9) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(10) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(11) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(12) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(13) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(14) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(15) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(16) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(17) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(18) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(19) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(20) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(21) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(22) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(23) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(24) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(25) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(26) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(27) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(28) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(29) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(30) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(31) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(32) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(33) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(34) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(35) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(36) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(37) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(38) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(39) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(40) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(41) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(42) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(43) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(44) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(45) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(46) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(47) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(48) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(49) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(50) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(51) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(52) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(53) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(54) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(55) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(56) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(57) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(58) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(59) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(60) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(61) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(62) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(63) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(64) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(65) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(66) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(67) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(68) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(69) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(70) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(71) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(72) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(73) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(74) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(75) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(76) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(77) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(78) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(79) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(80) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(81) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(82) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(83) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(84) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(85) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(86) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(87) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(88) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(89) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(90) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(91) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(92) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(93) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(94) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(95) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(96) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(97) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(98) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(99) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:hover .remove-tag {
                    display: flex
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user img {
                    height: 42px;
                    width: 42px;
                    border-radius: 50%;
                    border: 3px solid #f5f6f7
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user .remove-tag {
                    position: absolute;
                    top: -5px;
                    left: -7px;
                    display: none;
                    justify-content: center;
                    align-items: center;
                    height: 22px;
                    width: 22px;
                    border-radius: 50%;
                    border: 2px solid #fafafa;
                    background: #999;
                    cursor: pointer
                }

                    .albums-modal .card-body .left-section .album-tag-list .tagged-user .remove-tag:hover {
                        background: #f71416
                    }

                    .albums-modal .card-body .left-section .album-tag-list .tagged-user .remove-tag svg {
                        height: 12px;
                        width: 12px;
                        stroke: #fafafa
                    }

        .albums-modal .card-body .left-section .shared-album, .albums-modal .card-body .left-section .album-date {
            margin-bottom: 10px;
            margin-top: 0
        }

            .albums-modal .card-body .left-section .shared-album .head, .albums-modal .card-body .left-section .album-date .head {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 3px
            }

                .albums-modal .card-body .left-section .shared-album .head h4, .albums-modal .card-body .left-section .album-date .head h4 {
                    font-weight: 500;
                    font-size: .85rem;
                    color: #393a4f
                }

                .albums-modal .card-body .left-section .shared-album .head .basic-checkbox label:before, .albums-modal .card-body .left-section .album-date .head .basic-checkbox label:before {
                    margin-right: 0
                }

                .albums-modal .card-body .left-section .shared-album .head .button, .albums-modal .card-body .left-section .album-date .head .button {
                    height: 22px;
                    width: 22px;
                    outline: none
                }

                    .albums-modal .card-body .left-section .shared-album .head .button svg, .albums-modal .card-body .left-section .album-date .head .button svg {
                        height: 12px !important;
                        width: 12px !important;
                        stroke-width: 2.6px
                    }

            .albums-modal .card-body .left-section .shared-album p, .albums-modal .card-body .left-section .album-date p {
                font-size: .75rem;
                max-width: 250px;
                color: #999;
                margin-bottom: 8px
            }

        .albums-modal .card-body .left-section .album-date {
            margin-top: 20px
        }

    .albums-modal .card-body .right-section {
        width: 75%;
        overflow-y: auto
    }

.albums-modal .card-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0 !important;
    padding: 8px
}

    .albums-modal .card-footer button {
        margin-left: 6px;
        line-height: 0
    }

    .albums-modal .card-footer .dropdown button {
        padding: 0 16px;
        height: 38px
    }

        .albums-modal .card-footer .dropdown button svg {
            height: 16px;
            width: 16px
        }

            .albums-modal .card-footer .dropdown button svg.main-icon {
                margin-right: 4px
            }

        .albums-modal .card-footer .dropdown button i {
            font-size: 18px;
            margin-right: 4px
        }

.videos-modal .modal-content {
    max-width: calc(100% - 40px);
    max-height: calc(100vh - 20px) !important
}

.videos-modal .modal-card {
    max-height: calc(100vh - 20px) !important
}

.videos-modal .card-heading {
    border-bottom: 1px solid #e8e8e8;
    justify-content: flex-start !important
}

    .videos-modal .card-heading .button {
        line-height: 0 !important;
        padding: 14px 18px !important;
        margin-left: auto;
        margin-right: 10px;
        cursor: pointer
    }

        .videos-modal .card-heading .button i {
            font-size: 18px;
            margin-right: 4px
        }

    .videos-modal .card-heading .close-wrap {
        margin-left: 0 !important
    }

.videos-modal .card-body {
    padding: 0 !important
}

    .videos-modal .card-body .inner {
        display: flex;
        align-items: stretch
    }

        .videos-modal .card-body .inner .left-section {
            width: 65%
        }

        .videos-modal .card-body .inner .right-section {
            position: relative;
            width: 35%;
            border-left: 1px solid #e8e8e8
        }

            .videos-modal .card-body .inner .right-section .comment-controls {
                position: absolute;
                bottom: 0;
                left: 0;
                background: #eff1f2;
                height: 50px;
                width: 100%;
                border-radius: 0 0 6px 0;
                border-top: 1px solid #dee2e5
            }

                .videos-modal .card-body .inner .right-section .comment-controls .controls-inner {
                    position: relative;
                    display: flex;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    padding: 0 16px
                }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner img {
                        height: 32px;
                        width: 32px;
                        border-radius: 50%
                    }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .control {
                        position: relative;
                        width: 100%
                    }

                        .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .control .textarea, .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .control .emojionearea-editor {
                            resize: none;
                            height: 36px;
                            max-height: 36px;
                            min-height: 36px;
                            border-radius: 100px;
                            overflow: hidden;
                            line-height: 1.6;
                            font-size: .8rem;
                            padding-left: 16px;
                            margin: 0 6px
                        }

                        .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .control .emoji-button {
                            position: absolute;
                            top: 0;
                            right: 0;
                            height: 36px;
                            width: 36px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            background: none;
                            border: none;
                            outline: none;
                            transition: all .3s;
                            cursor: pointer
                        }

                            .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .control .emoji-button:hover svg {
                                stroke: #3d70b2
                            }

                            .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .control .emoji-button svg {
                                height: 16px;
                                width: 16px;
                                stroke: #a2a5b9;
                                transition: all .3s
                            }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea-editor {
                        padding-left: 0 !important
                    }

                        .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea-editor img {
                            height: 18px;
                            width: 18px;
                            min-height: 18px;
                            max-height: 18px
                        }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea {
                        overflow: visible !important
                    }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea-picker {
                        top: -230px;
                        position: absolute;
                        left: -50px;
                        width: 310px
                    }

                        .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea-picker .emojionearea-wrapper {
                            width: 310px
                        }

                            .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea-picker .emojionearea-wrapper img {
                                height: 22px;
                                width: 22px;
                                min-height: 22px;
                                max-height: 22px
                            }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea-scroll-area {
                        width: 310px
                    }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea .emojionearea-button > div.emojionearea-button-open {
                        background-position: 0 -22px
                    }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn {
                        width: 24px !important;
                        height: 24px !important
                    }

            .videos-modal .card-body .inner .right-section .header {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                padding: 12px;
                width: 100%
            }

                .videos-modal .card-body .inner .right-section .header img {
                    height: 42px;
                    width: 42px;
                    border-radius: 50%
                }

                .videos-modal .card-body .inner .right-section .header .user-meta {
                    margin: 0 10px
                }

                    .videos-modal .card-body .inner .right-section .header .user-meta span {
                        display: block
                    }

                        .videos-modal .card-body .inner .right-section .header .user-meta span:first-child {
                            font-size: .9rem;
                            font-weight: 500
                        }

                            .videos-modal .card-body .inner .right-section .header .user-meta span:first-child small {
                                color: #999
                            }

                        .videos-modal .card-body .inner .right-section .header .user-meta span:nth-child(2) {
                            font-size: .8rem;
                            color: #999
                        }

                .videos-modal .card-body .inner .right-section .header .button {
                    line-height: 0;
                    margin-left: auto;
                    padding: 14px 18px
                }

                .videos-modal .card-body .inner .right-section .header .dropdown .button {
                    padding: 18px 6px;
                    border: none;
                    background: transparent
                }

                    .videos-modal .card-body .inner .right-section .header .dropdown .button svg {
                        height: 18px;
                        width: 18px
                    }

                    .videos-modal .card-body .inner .right-section .header .dropdown .button img {
                        border-radius: 50%
                    }

                .videos-modal .card-body .inner .right-section .header .dropdown .dropdown-menu {
                    margin-top: 10px
                }

            .videos-modal .card-body .inner .right-section .inner-content {
                padding: 12px
            }

                .videos-modal .card-body .inner .right-section .inner-content .control {
                    width: 100%
                }

                    .videos-modal .card-body .inner .right-section .inner-content .control input {
                        padding-left: 34px
                    }

                        .videos-modal .card-body .inner .right-section .inner-content .control input:focus + .icon svg {
                            stroke: #3d70b2
                        }

                    .videos-modal .card-body .inner .right-section .inner-content .control .icon {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 32px;
                        width: 32px;
                        display: flex;
                        justify-content: center;
                        align-items: center
                    }

                        .videos-modal .card-body .inner .right-section .inner-content .control .icon svg {
                            height: 18px;
                            width: 18px;
                            stroke: #cecece;
                            transition: all .3s
                        }

            .videos-modal .card-body .inner .right-section .live-stats {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 20px 0;
                border-bottom: 1px solid #e8e8e8
            }

                .videos-modal .card-body .inner .right-section .live-stats .social-count {
                    display: flex;
                    align-items: stretch
                }

                    .videos-modal .card-body .inner .right-section .live-stats .social-count .shares-count, .videos-modal .card-body .inner .right-section .live-stats .social-count .comments-count, .videos-modal .card-body .inner .right-section .live-stats .social-count .likes-count, .videos-modal .card-body .inner .right-section .live-stats .social-count .views-count {
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        margin: 0 3px
                    }

                        .videos-modal .card-body .inner .right-section .live-stats .social-count .shares-count span, .videos-modal .card-body .inner .right-section .live-stats .social-count .comments-count span, .videos-modal .card-body .inner .right-section .live-stats .social-count .likes-count span, .videos-modal .card-body .inner .right-section .live-stats .social-count .views-count span {
                            display: block;
                            font-size: .8rem;
                            color: #888da8;
                            margin: 0 5px
                        }

                            .videos-modal .card-body .inner .right-section .live-stats .social-count .shares-count span.views, .videos-modal .card-body .inner .right-section .live-stats .social-count .comments-count span.views, .videos-modal .card-body .inner .right-section .live-stats .social-count .likes-count span.views, .videos-modal .card-body .inner .right-section .live-stats .social-count .views-count span.views {
                                margin: 0 2px
                            }

                        .videos-modal .card-body .inner .right-section .live-stats .social-count .shares-count svg, .videos-modal .card-body .inner .right-section .live-stats .social-count .comments-count svg, .videos-modal .card-body .inner .right-section .live-stats .social-count .likes-count svg, .videos-modal .card-body .inner .right-section .live-stats .social-count .views-count svg {
                            height: 14px;
                            width: 14px;
                            stroke: #888da8
                        }

            .videos-modal .card-body .inner .right-section .actions {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 16px 0
            }

                .videos-modal .card-body .inner .right-section .actions .action {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer
                }

                    .videos-modal .card-body .inner .right-section .actions .action span {
                        display: block;
                        font-size: .8rem;
                        margin: 0 4px;
                        transition: all .3s
                    }

                    .videos-modal .card-body .inner .right-section .actions .action svg {
                        height: 16px;
                        width: 16px;
                        stroke: #888da8;
                        transition: all .3s
                    }

                    .videos-modal .card-body .inner .right-section .actions .action:hover span {
                        color: #3d70b2
                    }

                    .videos-modal .card-body .inner .right-section .actions .action:hover svg {
                        stroke: #3d70b2
                    }

            .videos-modal .card-body .inner .right-section .tabs-wrapper .tabs {
                margin-bottom: 0 !important
            }

                .videos-modal .card-body .inner .right-section .tabs-wrapper .tabs li a {
                    font-size: .85rem;
                    color: #cecece;
                    font-weight: 400
                }

                .videos-modal .card-body .inner .right-section .tabs-wrapper .tabs li:hover a {
                    border-bottom-color: #999
                }

                .videos-modal .card-body .inner .right-section .tabs-wrapper .tabs li.is-active a {
                    font-weight: 500;
                    color: #3d70b2;
                    border-bottom-color: #3d70b2
                }

            .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content {
                background: #f5f6f7;
                height: 320px;
                padding: 20px 14px;
                overflow-y: auto
            }

                .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment {
                    border: none !important;
                    padding-top: 0 !important
                }

                    .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-left {
                        margin-right: 10px
                    }

                        .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-left img {
                            border-radius: 50%
                        }

                    .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content {
                        background: #fff;
                        padding: 8px;
                        border-radius: 12px
                    }

                        .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content .username {
                            font-size: .8rem;
                            font-weight: 500
                        }

                        .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content p {
                            font-size: .75rem;
                            color: #999
                        }

                        .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content .comment-actions {
                            display: flex;
                            align-items: center;
                            padding-top: 8px
                        }

                            .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content .comment-actions span, .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content .comment-actions a {
                                display: block;
                                font-size: .75rem
                            }

                            .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content .comment-actions span {
                                margin: 0 20px;
                                color: #999
                            }

.share-modal .card-heading {
    padding: 8px !important
}

.share-modal .card-heading, .share-modal .share-inputs {
    border-bottom: 1px solid #e8e8e8
}

    .share-modal .card-heading .dropdown, .share-modal .share-inputs .dropdown {
        margin-left: 0 !important
    }

        .share-modal .card-heading .dropdown .button, .share-modal .share-inputs .dropdown .button {
            padding: 10px 12px;
            background: #f5f6f7;
            color: #393a4f
        }

            .share-modal .card-heading .dropdown .button svg, .share-modal .share-inputs .dropdown .button svg {
                height: 16px;
                width: 16px;
                margin: 0 4px;
                stroke: #393a4f
            }

            .share-modal .card-heading .dropdown .button i, .share-modal .share-inputs .dropdown .button i {
                font-size: 20px;
                margin-right: 4px
            }

            .share-modal .card-heading .dropdown .button img, .share-modal .share-inputs .dropdown .button img {
                height: 20px !important;
                width: 20px !important;
                border-radius: 50% !important
            }

        .share-modal .card-heading .dropdown .dropdown-menu, .share-modal .share-inputs .dropdown .dropdown-menu {
            width: 320px
        }

            .share-modal .card-heading .dropdown .dropdown-menu .dropdown-content .dropdown-item, .share-modal .share-inputs .dropdown .dropdown-menu .dropdown-content .dropdown-item {
                cursor: pointer
            }

                .share-modal .card-heading .dropdown .dropdown-menu .dropdown-content .dropdown-item:hover, .share-modal .share-inputs .dropdown .dropdown-menu .dropdown-content .dropdown-item:hover {
                    background: #f5f5f5
                }

            .share-modal .card-heading .dropdown .dropdown-menu .dropdown-content img, .share-modal .share-inputs .dropdown .dropdown-menu .dropdown-content img {
                height: 36px !important;
                width: 36px !important;
                border-radius: 50% !important;
                margin-right: 10px
            }

            .share-modal .card-heading .dropdown .dropdown-menu .dropdown-content i, .share-modal .share-inputs .dropdown .dropdown-menu .dropdown-content i {
                font-size: 22px;
                margin-right: 16px;
                color: #999
            }

            .share-modal .card-heading .dropdown .dropdown-menu .dropdown-content .media-content h3, .share-modal .share-inputs .dropdown .dropdown-menu .dropdown-content .media-content h3 {
                font-size: .85rem
            }

            .share-modal .card-heading .dropdown .dropdown-menu .dropdown-content .media-content small, .share-modal .share-inputs .dropdown .dropdown-menu .dropdown-content .media-content small {
                color: #999
            }

        .share-modal .card-heading .dropdown.is-active .button, .share-modal .share-inputs .dropdown.is-active .button {
            background: #3d70b2;
            color: #fafafa
        }

            .share-modal .card-heading .dropdown.is-active .button svg, .share-modal .share-inputs .dropdown.is-active .button svg {
                stroke: #fafafa
            }

.share-modal .share-inputs {
    border-bottom: none !important
}

    .share-modal .share-inputs .field {
        margin-bottom: 0 !important
    }

        .share-modal .share-inputs .field .easy-autocomplete input {
            padding-left: 85px
        }

    .share-modal .share-inputs .control {
        border-bottom: 1px solid #e8e8e8
    }

        .share-modal .share-inputs .control.no-border {
            border-bottom-color: transparent
        }

        .share-modal .share-inputs .control input {
            border: none;
            padding-left: 85px
        }

        .share-modal .share-inputs .control .input-heading {
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 36px;
            width: 70px;
            padding: 0 6px;
            background: #999;
            color: #fafafa;
            font-size: .8rem
        }

        .share-modal .share-inputs .control .page-controls {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

            .share-modal .share-inputs .control .page-controls .page-selection {
                padding: 8px
            }

                .share-modal .share-inputs .control .page-controls .page-selection .page-selector img {
                    display: block;
                    position: relative;
                    top: -1px;
                    margin-right: 6px
                }

            .share-modal .share-inputs .control .page-controls .alias {
                padding: 8px
            }

                .share-modal .share-inputs .control .page-controls .alias img {
                    display: block;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%
                }

.share-modal .card-body > .control {
    position: relative
}

    .share-modal .card-body > .control .textarea {
        resize: none;
        border: none;
        padding-right: 42px
    }

    .share-modal .card-body > .control .emoji-button {
        position: absolute;
        top: 0;
        right: 0;
        height: 41px;
        width: 41px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: none;
        border: none;
        outline: none;
        transition: all .3s;
        cursor: pointer
    }

        .share-modal .card-body > .control .emoji-button:hover svg {
            stroke: #3d70b2
        }

        .share-modal .card-body > .control .emoji-button svg {
            height: 16px;
            width: 16px;
            stroke: #a2a5b9;
            transition: all .3s
        }

.share-modal .card-body .shared-publication {
    margin-top: 20px
}

    .share-modal .card-body .shared-publication .featured-image img {
        display: block
    }

    .share-modal .card-body .shared-publication .publication-meta {
        border: 1px solid #e8e8e8;
        background: #f5f6f7;
        padding: 20px
    }

        .share-modal .card-body .shared-publication .publication-meta .inner-flex {
            display: flex;
            align-items: flex-start;
            margin-bottom: 20px
        }

            .share-modal .card-body .shared-publication .publication-meta .inner-flex img {
                height: 40px;
                width: 40px;
                border-radius: 50%
            }

            .share-modal .card-body .shared-publication .publication-meta .inner-flex p {
                font-size: .8rem;
                padding: 0 16px;
                overflow: hidden;
                position: relative;
                line-height: 1.2em;
                max-height: 3.6em;
                text-align: justify;
                margin-right: -1em;
                padding-right: 1em
            }

                .share-modal .card-body .shared-publication .publication-meta .inner-flex p:before {
                    content: "...";
                    position: absolute;
                    right: 0;
                    bottom: 0
                }

                .share-modal .card-body .shared-publication .publication-meta .inner-flex p:after {
                    content: "";
                    position: absolute;
                    right: 0;
                    width: 1em;
                    height: 1em;
                    margin-top: .2em;
                    background: #f5f6f7
                }

        .share-modal .card-body .shared-publication .publication-meta .publication-footer {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

            .share-modal .card-body .shared-publication .publication-meta .publication-footer .stats {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                width: 100%
            }

            .share-modal .card-body .shared-publication .publication-meta .publication-footer .stat-block {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                margin-right: 10px
            }

                .share-modal .card-body .shared-publication .publication-meta .publication-footer .stat-block i {
                    margin-right: 2px;
                    color: #999
                }

                .share-modal .card-body .shared-publication .publication-meta .publication-footer .stat-block small {
                    font-size: .75rem
                }

            .share-modal .card-body .shared-publication .publication-meta .publication-footer .publication-origin small {
                text-transform: uppercase;
                color: #999;
                font-weight: 200;
                font-size: .65rem
            }

.share-modal .bottom-share-inputs {
    border-bottom: none !important
}

    .share-modal .bottom-share-inputs .field {
        margin-bottom: 0 !important
    }

        .share-modal .bottom-share-inputs .field .easy-autocomplete input {
            padding-left: 85px
        }

    .share-modal .bottom-share-inputs .control {
        border-top: 1px solid #e8e8e8
    }

        .share-modal .bottom-share-inputs .control.no-border {
            border-bottom-color: transparent
        }

        .share-modal .bottom-share-inputs .control input {
            border: none;
            padding-left: 85px
        }

        .share-modal .bottom-share-inputs .control .input-heading {
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 36px;
            width: 70px;
            padding: 0 6px;
            background: #999;
            color: #fafafa;
            font-size: .8rem
        }

        .share-modal .bottom-share-inputs .control .page-controls {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

            .share-modal .bottom-share-inputs .control .page-controls .page-selection {
                padding: 8px
            }

                .share-modal .bottom-share-inputs .control .page-controls .page-selection .page-selector img {
                    display: block;
                    position: relative;
                    top: -1px;
                    margin-right: 6px
                }

            .share-modal .bottom-share-inputs .control .page-controls .alias {
                padding: 8px
            }

                .share-modal .bottom-share-inputs .control .page-controls .alias img {
                    display: block;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%
                }

.share-modal .card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 !important;
    padding: 8px;
    background: #f5f6f7;
    border-radius: 0 0 6px 6px
}

    .share-modal .card-footer .action-wrap {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

        .share-modal .card-footer .action-wrap .footer-action {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 34px;
            width: 34px;
            border-radius: 4px;
            cursor: pointer;
            transition: all .3s
        }

            .share-modal .card-footer .action-wrap .footer-action i {
                font-size: 18px;
                color: #999
            }

            .share-modal .card-footer .action-wrap .footer-action:hover {
                background: #e7e9ec
            }

            .share-modal .card-footer .action-wrap .footer-action.is-active {
                background: #e7e9ec
            }

                .share-modal .card-footer .action-wrap .footer-action.is-active i {
                    color: #3d70b2
                }

    .share-modal .card-footer button {
        line-height: 0;
        margin-left: 4px;
        height: 32px !important;
        padding: 8px 22px
    }

    /***********************************/
    /****   COMMENT MODAL *************/
.comment-modal .card-body > .control {
position: relative
}

.comment-modal .card-body > .control .textarea {
    resize: none;
    border: none;
    padding-right: 42px
}

.comment-modal .card-body > .control .emoji-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 41px;
    width: 41px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    border: none;
    outline: none;
    transition: all .3s;
    cursor: pointer
}

.comment-modal .card-body > .control .emoji-button:hover svg {
    stroke: #3d70b2
}

.comment-modal .card-body > .control .emoji-button svg {
    height: 16px;
    width: 16px;
    stroke: #a2a5b9;
    transition: all .3s
}
.comment-modal .card-body .shared-publication {
    margin-top: 20px
}

.comment-modal .card-body .shared-publication .featured-image img {
    display: block
}

.comment-modal .card-body .shared-publication .publication-meta {
    border: 1px solid #e8e8e8;
    background: #f5f6f7;
    padding: 20px
}

.comment-modal .card-body .shared-publication .publication-meta .inner-flex {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px
}

.comment-modal .card-body .shared-publication .publication-meta .inner-flex img {
    height: 40px;
    width: 40px;
    border-radius: 50%
}

.comment-modal .card-body .shared-publication .publication-meta .inner-flex p {
    font-size: .8rem;
    padding: 0 16px;
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 3.6em;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em
}

.comment-modal .card-body .shared-publication .publication-meta .inner-flex p:before {
    content: "...";
    position: absolute;
    right: 0;
    bottom: 0
}

.comment-modal .card-body .shared-publication .publication-meta .inner-flex p:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: .2em;
    background: #f5f6f7
}
.comment-modal .card-footer {
    align-items: end;
    display: flex;
    justify-content: end;
}
.comment-modal .card-footer .button-wrap{
    margin-top: 10px;
}
.change-cover-modal .card .card-heading, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-heading, .change-profile-pic-modal .card .card-heading, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-heading, .new-story-modal .card .card-heading, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-heading {
    padding: 16px 28px
}

    .change-cover-modal .card .card-heading h3, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-heading h3, .change-profile-pic-modal .card .card-heading h3, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-heading h3, .new-story-modal .card .card-heading h3, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-heading h3 {
        font-size: 1rem
    }

    .change-cover-modal .card .card-heading .small-avatar, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-heading .small-avatar, .change-profile-pic-modal .card .card-heading .small-avatar, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-heading .small-avatar, .new-story-modal .card .card-heading .small-avatar, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-heading .small-avatar {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 8px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
        border: 1px solid #cecece;
        transition: all .3s
    }

        .change-cover-modal .card .card-heading .small-avatar img, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar img, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-heading .small-avatar img, .change-profile-pic-modal .card .card-heading .small-avatar img, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar img, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-heading .small-avatar img, .new-story-modal .card .card-heading .small-avatar img, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar img, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-heading .small-avatar img {
            display: block;
            height: 24px;
            width: 24px;
            border-radius: 50%;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

.change-cover-modal .card .card-body .selection-placeholder, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder, .change-profile-pic-modal .card .card-body .selection-placeholder, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder, .new-story-modal .card .card-body .selection-placeholder, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder {
    padding: 0 20px 30px 20px
}

    .change-cover-modal .card .card-body .selection-placeholder .selection-box, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box, .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box, .new-story-modal .card .card-body .selection-placeholder .selection-box, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box {
        padding: 40px;
        width: 100%;
        border: 1px solid #e8e8e8;
        border-radius: 4px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: all .3s
    }

        .change-cover-modal .card .card-body .selection-placeholder .selection-box:hover, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box:hover, .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box:hover, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box:hover, .new-story-modal .card .card-body .selection-placeholder .selection-box:hover, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box:hover {
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

            .change-cover-modal .card .card-body .selection-placeholder .selection-box:hover .box-content img, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover .box-content img, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box:hover .box-content img, .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box:hover .box-content img, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover .box-content img, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box:hover .box-content img, .new-story-modal .card .card-body .selection-placeholder .selection-box:hover .box-content img, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover .box-content img, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box:hover .box-content img {
                filter: grayscale(0);
                opacity: 1
            }

            .change-cover-modal .card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child, .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child, .new-story-modal .card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child {
                color: #3d70b2
            }

        .change-cover-modal .card .card-body .selection-placeholder .selection-box .box-content, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box .box-content, .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box .box-content, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box .box-content, .new-story-modal .card .card-body .selection-placeholder .selection-box .box-content, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box .box-content {
            text-align: center
        }

            .change-cover-modal .card .card-body .selection-placeholder .selection-box .box-content img, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content img, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box .box-content img, .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box .box-content img, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content img, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box .box-content img, .new-story-modal .card .card-body .selection-placeholder .selection-box .box-content img, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content img, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box .box-content img {
                display: block;
                max-height: 120px;
                margin: 0 auto;
                opacity: .5;
                transition: all .3s;
                filter: grayscale(1)
            }

            .change-cover-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text, .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text, .new-story-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text {
                margin: 10px 0
            }

                .change-cover-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span, .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span, .new-story-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span {
                    display: block
                }

                    .change-cover-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child, .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child, .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child, .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child, .new-story-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child, .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child {
                        font-weight: 500;
                        color: #393a4f;
                        transition: color .3s
                    }

                    .change-cover-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2), .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2), .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2), .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2), .new-story-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2), .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2) {
                        font-size: .9rem;
                        color: #999
                    }

.user-photos-modal .card .card-heading, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-heading {
    padding: 20px
}

    .user-photos-modal .card .card-heading h3, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-heading h3 {
        font-size: 1rem
    }

.user-photos-modal .card .card-body, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body {
    padding: 0 20px
}

    .user-photos-modal .card .card-body .tabs, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tabs, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tabs {
        margin-bottom: 0
    }

        .user-photos-modal .card .card-body .tabs ul, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tabs ul, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tabs ul {
            border-color: transparent
        }

            .user-photos-modal .card .card-body .tabs ul li.is-active, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tabs ul li.is-active, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tabs ul li.is-active {
                background: #f5f5f5;
                border-radius: 8px;
                border: 1px solid #f2f2f2
            }

                .user-photos-modal .card .card-body .tabs ul li.is-active a, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tabs ul li.is-active a, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tabs ul li.is-active a {
                    color: #393a4f;
                    font-weight: 500
                }

            .user-photos-modal .card .card-body .tabs ul li a, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tabs ul li a, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tabs ul li a {
                font-size: .8rem;
                border-bottom-color: transparent !important
            }

    .user-photos-modal .card .card-body .tab-content, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tab-content, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tab-content {
        padding: 20px 0;
        max-height: 395px;
        overflow-y: auto
    }

        .user-photos-modal .card .card-body .tab-content .album-info, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tab-content .album-info, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tab-content .album-info {
            margin-bottom: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

            .user-photos-modal .card .card-body .tab-content .album-info h4, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tab-content .album-info h4, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tab-content .album-info h4 {
                font-weight: 600;
                color: #393a4f
            }

                .user-photos-modal .card .card-body .tab-content .album-info h4 small, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tab-content .album-info h4 small, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tab-content .album-info h4 small {
                    font-size: .9rem;
                    color: #999;
                    font-weight: 400
                }

            .user-photos-modal .card .card-body .tab-content .album-info .close-nested-photos, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tab-content .album-info .close-nested-photos, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tab-content .album-info .close-nested-photos {
                font-size: .9rem;
                font-weight: 500
            }

    .user-photos-modal .card .card-body .image-grid, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid, .user-photos-modal .card .card-body .album-image-grid, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid {
        animation: fadeInLeft .5s
    }

        .user-photos-modal .card .card-body .image-grid .column, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .column, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .column, .user-photos-modal .card .card-body .album-image-grid .column, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .column, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .column {
            padding: .5rem
        }

        .user-photos-modal .card .card-body .image-grid .grid-image, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image, .user-photos-modal .card .card-body .album-image-grid .grid-image, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image {
            position: relative
        }

            .user-photos-modal .card .card-body .image-grid .grid-image:hover img, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image:hover img, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image:hover img, .user-photos-modal .card .card-body .album-image-grid .grid-image:hover img, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image:hover img, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image:hover img {
                box-shadow: 0px 5px 25px 0px rgba(0,0,0,.2)
            }

            .user-photos-modal .card .card-body .image-grid .grid-image:hover .inner-overlay, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image:hover .inner-overlay, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image:hover .inner-overlay, .user-photos-modal .card .card-body .album-image-grid .grid-image:hover .inner-overlay, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image:hover .inner-overlay, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image:hover .inner-overlay {
                background: rgba(57,58,79,.2) !important
            }

            .user-photos-modal .card .card-body .image-grid .grid-image input, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image input, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image input, .user-photos-modal .card .card-body .album-image-grid .grid-image input, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image input, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image input {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                cursor: pointer;
                z-index: 1
            }

                .user-photos-modal .card .card-body .image-grid .grid-image input:checked + .inner .inner-overlay, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image input:checked + .inner .inner-overlay, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image input:checked + .inner .inner-overlay, .user-photos-modal .card .card-body .album-image-grid .grid-image input:checked + .inner .inner-overlay, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image input:checked + .inner .inner-overlay, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image input:checked + .inner .inner-overlay {
                    background: rgba(57,58,79,.5)
                }

                .user-photos-modal .card .card-body .image-grid .grid-image input:checked + .inner .indicator, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image input:checked + .inner .indicator, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image input:checked + .inner .indicator, .user-photos-modal .card .card-body .album-image-grid .grid-image input:checked + .inner .indicator, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image input:checked + .inner .indicator, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image input:checked + .inner .indicator {
                    display: flex
                }

            .user-photos-modal .card .card-body .image-grid .grid-image .inner, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image .inner, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image .inner, .user-photos-modal .card .card-body .album-image-grid .grid-image .inner, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image .inner, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image .inner {
                position: relative
            }

                .user-photos-modal .card .card-body .image-grid .grid-image .inner img, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image .inner img, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image .inner img, .user-photos-modal .card .card-body .album-image-grid .grid-image .inner img, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image .inner img, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image .inner img {
                    display: block;
                    border-radius: 4px;
                    transition: all .3s
                }
                .user-photos-modal .card .card-body .image-grid .grid-image .inner img{
                    width: 100%;
                }
                .user-photos-modal .card .card-body .image-grid .grid-image .inner .inner-overlay, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image .inner .inner-overlay, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image .inner .inner-overlay, .user-photos-modal .card .card-body .album-image-grid .grid-image .inner .inner-overlay, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image .inner .inner-overlay, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image .inner .inner-overlay {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(57,58,79,.1);
                    border-radius: 4px;
                    transition: all .3s;
                    z-index: 0
                }

                .user-photos-modal .card .card-body .image-grid .grid-image .inner .indicator, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image .inner .indicator, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image .inner .indicator, .user-photos-modal .card .card-body .album-image-grid .grid-image .inner .indicator, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image .inner .indicator, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image .inner .indicator {
                    position: absolute;
                    top: 8px;
                    right: 8px;
                    display: none;
                    justify-content: center;
                    align-items: center;
                    height: 26px;
                    width: 26px;
                    border-radius: 50%;
                    background: #3d70b2;
                    border: 2px solid #fff;
                    z-index: 0
                }

                    .user-photos-modal .card .card-body .image-grid .grid-image .inner .indicator svg, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image .inner .indicator svg, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image .inner .indicator svg, .user-photos-modal .card .card-body .album-image-grid .grid-image .inner .indicator svg, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image .inner .indicator svg, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image .inner .indicator svg {
                        height: 12px;
                        width: 12px;
                        stroke: #fafafa;
                        stroke-width: 3px
                    }

    .user-photos-modal .card .card-body .album-wrapper, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper {
        width: 100%;
        border: 1px solid #e8e8e8;
        border-radius: 4px;
        padding: 12px;
        background: #fff;
        cursor: pointer;
        transition: all .3s
    }

        .user-photos-modal .card .card-body .album-wrapper:hover, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper:hover, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper:hover {
            transform: translateY(-5px);
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

            .user-photos-modal .card .card-body .album-wrapper:hover .image-count svg, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper:hover .image-count svg, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper:hover .image-count svg {
                stroke: #3d70b2 !important
            }

            .user-photos-modal .card .card-body .album-wrapper:hover .image-count span, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper:hover .image-count span, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper:hover .image-count span {
                color: #3d70b2 !important
            }

        .user-photos-modal .card .card-body .album-wrapper .album-image img, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-image img, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-image img {
            display: block;
            border: 4px
        }

        .user-photos-modal .card .card-body .album-wrapper .album-meta, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

            .user-photos-modal .card .card-body .album-wrapper .album-meta .album-title, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .album-title, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .album-title {
                margin-top: 6px
            }

                .user-photos-modal .card .card-body .album-wrapper .album-meta .album-title span, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .album-title span, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .album-title span {
                    display: block
                }

                    .user-photos-modal .card .card-body .album-wrapper .album-meta .album-title span:first-child, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .album-title span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .album-title span:first-child {
                        min-width: 0;
                        font-size: .9rem;
                        font-weight: 600;
                        color: #393a4f
                    }

                    .user-photos-modal .card .card-body .album-wrapper .album-meta .album-title span:nth-child(2), .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .album-title span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .album-title span:nth-child(2) {
                        font-size: .8rem;
                        color: #999
                    }

            .user-photos-modal .card .card-body .album-wrapper .album-meta .image-count, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .image-count, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .image-count {
                display: flex;
                align-items: center;
                margin-top: 6px
            }

                .user-photos-modal .card .card-body .album-wrapper .album-meta .image-count svg, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .image-count svg, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .image-count svg {
                    height: 20px;
                    width: 20px;
                    stroke: #cecece;
                    transition: all .3s
                }

                .user-photos-modal .card .card-body .album-wrapper .album-meta .image-count span, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .image-count span, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .image-count span {
                    display: block;
                    font-size: .9rem;
                    font-weight: 500;
                    color: #999;
                    margin: 0 4px;
                    transition: .3s
                }

.user-photos-modal .card .card-footer, .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-footer {
    padding: 20px;
    margin: 0;
    border: none;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.upload-crop-profile-modal .card .card-heading, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-heading, .upload-crop-cover-modal .card .card-heading, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-heading {
    padding: 20px
}

    .upload-crop-profile-modal .card .card-heading h3, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-heading h3, .upload-crop-cover-modal .card .card-heading h3, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-heading h3 {
        font-size: 1rem
    }

.upload-crop-profile-modal .card .card-body, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body, .upload-crop-cover-modal .card .card-body, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body {
    padding: 0 20px
}

    .upload-crop-profile-modal .card .card-body .profile-uploader-box, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box, .upload-crop-profile-modal .card .card-body .cover-uploader-box, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box, .upload-crop-cover-modal .card .card-body .profile-uploader-box, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box, .upload-crop-cover-modal .card .card-body .cover-uploader-box, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box {
        display: block;
        width: 100%;
        height: 300px;
        padding: 40px;
        border: 3px dashed #e8e8e8;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .upload-crop-profile-modal .card .card-body .profile-uploader-box:hover .inner-content, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box:hover .inner-content, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box:hover .inner-content, .upload-crop-profile-modal .card .card-body .cover-uploader-box:hover .inner-content, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box:hover .inner-content, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box:hover .inner-content, .upload-crop-cover-modal .card .card-body .profile-uploader-box:hover .inner-content, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box:hover .inner-content, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box:hover .inner-content, .upload-crop-cover-modal .card .card-body .cover-uploader-box:hover .inner-content, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box:hover .inner-content, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box:hover .inner-content {
            position: relative
        }

            .upload-crop-profile-modal .card .card-body .profile-uploader-box:hover .inner-content img, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box:hover .inner-content img, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box:hover .inner-content img, .upload-crop-profile-modal .card .card-body .cover-uploader-box:hover .inner-content img, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box:hover .inner-content img, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box:hover .inner-content img, .upload-crop-cover-modal .card .card-body .profile-uploader-box:hover .inner-content img, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box:hover .inner-content img, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box:hover .inner-content img, .upload-crop-cover-modal .card .card-body .cover-uploader-box:hover .inner-content img, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box:hover .inner-content img, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box:hover .inner-content img {
                opacity: 1;
                filter: grayscale(0)
            }

        .upload-crop-profile-modal .card .card-body .profile-uploader-box .inner-content, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box .inner-content, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box .inner-content, .upload-crop-profile-modal .card .card-body .cover-uploader-box .inner-content, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box .inner-content, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box .inner-content, .upload-crop-cover-modal .card .card-body .profile-uploader-box .inner-content, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box .inner-content, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box .inner-content, .upload-crop-cover-modal .card .card-body .cover-uploader-box .inner-content, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box .inner-content, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box .inner-content {
            display: block
        }

            .upload-crop-profile-modal .card .card-body .profile-uploader-box .inner-content img, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box .inner-content img, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box .inner-content img, .upload-crop-profile-modal .card .card-body .cover-uploader-box .inner-content img, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box .inner-content img, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box .inner-content img, .upload-crop-cover-modal .card .card-body .profile-uploader-box .inner-content img, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box .inner-content img, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box .inner-content img, .upload-crop-cover-modal .card .card-body .cover-uploader-box .inner-content img, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box .inner-content img, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box .inner-content img {
                display: block;
                max-height: 110px;
                margin: 0 auto;
                opacity: .5;
                filter: grayscale(1);
                transition: all .3s
            }

            .upload-crop-profile-modal .card .card-body .profile-uploader-box .inner-content span, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box .inner-content span, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box .inner-content span, .upload-crop-profile-modal .card .card-body .cover-uploader-box .inner-content span, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box .inner-content span, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box .inner-content span, .upload-crop-cover-modal .card .card-body .profile-uploader-box .inner-content span, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box .inner-content span, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box .inner-content span, .upload-crop-cover-modal .card .card-body .cover-uploader-box .inner-content span, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box .inner-content span, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box .inner-content span {
                display: block;
                text-align: center;
                color: #cecece;
                padding: 10px 0
            }

        .upload-crop-profile-modal .card .card-body .profile-uploader-box input, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box input, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box input, .upload-crop-profile-modal .card .card-body .cover-uploader-box input, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box input, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box input, .upload-crop-cover-modal .card .card-body .profile-uploader-box input, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box input, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box input, .upload-crop-cover-modal .card .card-body .cover-uploader-box input, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box input, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box input {
            display: none
        }

    .upload-crop-profile-modal .card .card-body .croppie-container .cr-boundary, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .croppie-container .cr-boundary, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .croppie-container .cr-boundary, .upload-crop-cover-modal .card .card-body .croppie-container .cr-boundary, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .croppie-container .cr-boundary, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .croppie-container .cr-boundary {
        background-image: url(http://cdn.thedesigninspiration.com/wp-content/uploads/2014/07/Icon-Pattern-l.jpg);
        background-repeat: repeat;
        background-size: cover
    }

    .upload-crop-profile-modal .card .card-body .croppie-container .cr-viewport, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .croppie-container .cr-viewport, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .croppie-container .cr-viewport, .upload-crop-cover-modal .card .card-body .croppie-container .cr-viewport, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .croppie-container .cr-viewport, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .croppie-container .cr-viewport {
        box-shadow: 0 0 2000px 2000px rgba(0,0,0,.1)
    }

    .upload-crop-profile-modal .card .card-body .croppie-container .cr-slider, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .croppie-container .cr-slider, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .croppie-container .cr-slider, .upload-crop-cover-modal .card .card-body .croppie-container .cr-slider, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .croppie-container .cr-slider, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .croppie-container .cr-slider {
        cursor: pointer
    }

    .upload-crop-profile-modal .card .card-body .upload-help, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .upload-help, .upload-crop-cover-modal .card .card-body .upload-help, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .upload-help {
        display: flex;
        justify-content: center;
        align-items: center
    }

        .upload-crop-profile-modal .card .card-body .upload-help .profile-reset, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .profile-reset, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .upload-help .profile-reset, .upload-crop-profile-modal .card .card-body .upload-help .cover-reset, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .cover-reset, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .upload-help .cover-reset, .upload-crop-cover-modal .card .card-body .upload-help .profile-reset, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .profile-reset, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .upload-help .profile-reset, .upload-crop-cover-modal .card .card-body .upload-help .cover-reset, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .cover-reset, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .upload-help .cover-reset {
            display: block;
            color: #999;
            padding: 4px 12px;
            border-radius: 4px;
            font-size: .9rem;
            background: #e8e8e8;
            transition: all .3s
        }

            .upload-crop-profile-modal .card .card-body .upload-help .profile-reset:hover, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .profile-reset:hover, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .upload-help .profile-reset:hover, .upload-crop-profile-modal .card .card-body .upload-help .cover-reset:hover, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .cover-reset:hover, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .upload-help .cover-reset:hover, .upload-crop-cover-modal .card .card-body .upload-help .profile-reset:hover, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .profile-reset:hover, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .upload-help .profile-reset:hover, .upload-crop-cover-modal .card .card-body .upload-help .cover-reset:hover, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .cover-reset:hover, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .upload-help .cover-reset:hover {
                background: #f0f0f0;
                color: #393a4f
            }

.upload-crop-profile-modal .card .card-footer, .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-footer, .upload-crop-cover-modal .card .card-footer, .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-footer {
    border-top: none;
    justify-content: center;
    margin: 20px
}

.end-tour-modal .modal-content .card .card-body .image-wrap, .end-tour-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-wrap, .shop-wrapper .cart-container .cart-content .cart-summary .end-tour-modal .modal-content .summary-card .card-body .image-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background: #f5f5f5;
    margin: 0 auto 20px auto
}

    .end-tour-modal .modal-content .card .card-body .image-wrap img, .end-tour-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-wrap img, .shop-wrapper .cart-container .cart-content .cart-summary .end-tour-modal .modal-content .summary-card .card-body .image-wrap img {
        display: block;
        height: 50px;
        width: 50px
    }

.end-tour-modal .modal-content .card .card-body h3, .end-tour-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body h3, .shop-wrapper .cart-container .cart-content .cart-summary .end-tour-modal .modal-content .summary-card .card-body h3 {
    font-weight: 500;
    font-size: 1.1rem;
    font-family: "montserrat",sans-serif
}

.end-tour-modal .modal-content .card .card-body p, .end-tour-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body p, .shop-wrapper .cart-container .cart-content .cart-summary .end-tour-modal .modal-content .summary-card .card-body p {
    font-size: .9rem;
    color: #999;
    max-width: 330px;
    margin: 0 auto
}

.end-tour-modal .modal-content .card .card-body .action, .end-tour-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .action, .shop-wrapper .cart-container .cart-content .cart-summary .end-tour-modal .modal-content .summary-card .card-body .action {
    margin: 20px 0
}

    .end-tour-modal .modal-content .card .card-body .action .button, .end-tour-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .action .button, .shop-wrapper .cart-container .cart-content .cart-summary .end-tour-modal .modal-content .summary-card .card-body .action .button {
        max-width: 180px;
        margin: 0 auto
    }

.no-stream-modal .modal-content .card .card-body .image-wrap, .no-stream-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-wrap, .shop-wrapper .cart-container .cart-content .cart-summary .no-stream-modal .modal-content .summary-card .card-body .image-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px auto
}

    .no-stream-modal .modal-content .card .card-body .image-wrap img, .no-stream-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-wrap img, .shop-wrapper .cart-container .cart-content .cart-summary .no-stream-modal .modal-content .summary-card .card-body .image-wrap img {
        display: block;
        width: 200px
    }

.no-stream-modal .modal-content .card .card-body h3, .no-stream-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body h3, .shop-wrapper .cart-container .cart-content .cart-summary .no-stream-modal .modal-content .summary-card .card-body h3 {
    font-weight: 500;
    font-size: 1.1rem;
    font-family: "montserrat",sans-serif
}

.no-stream-modal .modal-content .card .card-body p, .no-stream-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body p, .shop-wrapper .cart-container .cart-content .cart-summary .no-stream-modal .modal-content .summary-card .card-body p {
    font-size: .9rem;
    color: #999;
    max-width: 330px;
    margin: 0 auto
}

.no-stream-modal .modal-content .card .card-body .action, .no-stream-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .action, .shop-wrapper .cart-container .cart-content .cart-summary .no-stream-modal .modal-content .summary-card .card-body .action {
    margin: 20px 0
}

    .no-stream-modal .modal-content .card .card-body .action .button, .no-stream-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .action .button, .shop-wrapper .cart-container .cart-content .cart-summary .no-stream-modal .modal-content .summary-card .card-body .action .button {
        max-width: 180px;
        margin: 0 auto
    }

.video-story-modal .modal-content .card .card-heading, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-heading, .image-story-modal .modal-content .card .card-heading, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-heading {
    padding: 16px 28px
}

    .video-story-modal .modal-content .card .card-heading h3, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-heading h3, .image-story-modal .modal-content .card .card-heading h3, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-heading h3 {
        font-size: 1rem
    }

    .video-story-modal .modal-content .card .card-heading .small-avatar, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-heading .small-avatar, .image-story-modal .modal-content .card .card-heading .small-avatar, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-heading .small-avatar {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 8px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
        border: 1px solid #cecece;
        transition: all .3s
    }

        .video-story-modal .modal-content .card .card-heading .small-avatar img, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar img, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-heading .small-avatar img, .image-story-modal .modal-content .card .card-heading .small-avatar img, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar img, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-heading .small-avatar img {
            display: block;
            height: 24px;
            width: 24px;
            border-radius: 50%;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

.video-story-modal .modal-content .card .card-body, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body, .image-story-modal .modal-content .card .card-body, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body {
    padding: 10px 30px 30px 30px
}

    .video-story-modal .modal-content .card .card-body .story-meta p, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta p, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-meta p, .image-story-modal .modal-content .card .card-body .story-meta p, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta p, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-meta p {
        font-family: "Roboto",sans-serif;
        font-size: .75rem;
        color: #535473;
        margin-bottom: 1.5rem
    }

    .video-story-modal .modal-content .card .card-body .story-meta select, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta select, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-meta select, .image-story-modal .modal-content .card .card-body .story-meta select, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta select, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-meta select {
        width: 100%
    }

    .video-story-modal .modal-content .card .card-body .story-upload .preview-block .upload-placeholder, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .upload-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .upload-placeholder, .image-story-modal .modal-content .card .card-body .story-upload .preview-block .upload-placeholder, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .upload-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .upload-placeholder {
        display: block;
        width: 100%;
        max-width: 220px;
        margin: 0 auto
    }

    .video-story-modal .modal-content .card .card-body .story-upload .preview-block .image-upload-placeholder, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .image-upload-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .image-upload-placeholder, .image-story-modal .modal-content .card .card-body .story-upload .preview-block .image-upload-placeholder, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .image-upload-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .image-upload-placeholder {
        display: block;
        width: 100%;
        max-width: 140px;
        margin: 0 auto
    }

    .video-story-modal .modal-content .card .card-body .story-upload .preview-block .preview-image-container, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .preview-image-container, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .preview-image-container, .image-story-modal .modal-content .card .card-body .story-upload .preview-block .preview-image-container, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .preview-image-container, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .preview-image-container {
        position: relative;
        max-width: 260px;
        margin: 0 auto
    }

        .video-story-modal .modal-content .card .card-body .story-upload .preview-block .preview-image-container .delete, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .preview-image-container .delete, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .preview-image-container .delete, .image-story-modal .modal-content .card .card-body .story-upload .preview-block .preview-image-container .delete, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .preview-image-container .delete, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .preview-image-container .delete {
            position: absolute;
            top: 4px;
            right: 4px
        }

        .video-story-modal .modal-content .card .card-body .story-upload .preview-block .preview-image-container .preview-image, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .preview-image-container .preview-image, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .preview-image-container .preview-image, .image-story-modal .modal-content .card .card-body .story-upload .preview-block .preview-image-container .preview-image, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .preview-image-container .preview-image, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .preview-image-container .preview-image {
            display: block;
            max-width: 260px;
            min-height: 160px;
            margin: 0 auto;
            border-radius: 12px;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
            -o-object-fit: cover;
            object-fit: cover
        }

    .video-story-modal .modal-content .card .card-body .story-upload .input-block, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .input-block, .image-story-modal .modal-content .card .card-body .story-upload .input-block, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .input-block {
        padding: 16px 0;
        max-width: 260px;
        margin: 0 auto
    }

        .video-story-modal .modal-content .card .card-body .story-upload .input-block input, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block input, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .input-block input, .image-story-modal .modal-content .card .card-body .story-upload .input-block input, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block input, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .input-block input {
            width: 100%;
            background: #e8e8e8;
            outline: none !important;
            border-radius: 6px
        }

    .video-story-modal .modal-content .card .card-body .story-upload input[type=file], .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload input[type=file], .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload input[type=file], .image-story-modal .modal-content .card .card-body .story-upload input[type=file], .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload input[type=file], .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload input[type=file] {
        cursor: pointer !important
    }

        .video-story-modal .modal-content .card .card-body .story-upload input[type=file]::-webkit-file-upload-button, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload input[type=file]::-webkit-file-upload-button, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload input[type=file]::-webkit-file-upload-button, .image-story-modal .modal-content .card .card-body .story-upload input[type=file]::-webkit-file-upload-button, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload input[type=file]::-webkit-file-upload-button, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload input[type=file]::-webkit-file-upload-button {
            background: #fff;
            border: 0;
            padding: 1em 2em;
            cursor: pointer;
            color: #393a4f;
            border-radius: 6px;
            border: 1px solid #e0e0e0;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
            outline: none !important;
            margin-right: 12px
        }

        .video-story-modal .modal-content .card .card-body .story-upload input[type=file]::-ms-browse, .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload input[type=file]::-ms-browse, .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload input[type=file]::-ms-browse, .image-story-modal .modal-content .card .card-body .story-upload input[type=file]::-ms-browse, .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload input[type=file]::-ms-browse, .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload input[type=file]::-ms-browse {
            background: #fff;
            border: 0;
            padding: 1em 2em;
            cursor: pointer;
            color: #393a4f;
            border-radius: 6px;
            border: 1px solid #e0e0e0;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
            outline: none !important;
            margin-right: 12px
        }

.tokenize .tokens-container .token span {
    font-size: .75rem;
    line-height: 2
}

.tokenize .tokens-container .token .dismiss {
    top: 1px
}

.tokenize-dropdown .dropdown-menu {
    background: #fff !important;
    border-radius: 6px !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important;
    height: 144px;
    overflow-y: auto
}

    .tokenize-dropdown .dropdown-menu::-webkit-scrollbar {
        width: 6px !important
    }

    .tokenize-dropdown .dropdown-menu::-webkit-scrollbar-thumb {
        border-radius: 10px !important;
        background: rgba(0,0,0,.2) !important
    }

    .tokenize-dropdown .dropdown-menu li {
        margin: 0 8px;
        padding: 6px 10px;
        border-radius: 6px
    }

        .tokenize-dropdown .dropdown-menu li:hover {
            background: #f2f2f2
        }

            .tokenize-dropdown .dropdown-menu li:hover a {
                color: #3d70b2
            }

        .tokenize-dropdown .dropdown-menu li a {
            color: #999;
            font-size: .85rem !important;
            font-weight: 400
        }

@media(max-width: 767px) {
    .modal.albums-modal .card .card-heading h3, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-heading h3, .modal.videos-modal .card .card-heading h3, .modal.videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary .modal.videos-modal .summary-card .card-heading h3 {
        display: none
    }

    .modal.albums-modal .card .card-heading .button, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .button, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-heading .button, .modal.videos-modal .card .card-heading .button, .modal.videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .button, .shop-wrapper .cart-container .cart-content .cart-summary .modal.videos-modal .summary-card .card-heading .button {
        margin-left: auto
    }

    .modal.albums-modal .card .card-body, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body, .modal.videos-modal .card .card-body, .modal.videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .modal.videos-modal .summary-card .card-body {
        flex-direction: column
    }

        .modal.albums-modal .card .card-body .left-section, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .left-section, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .left-section, .modal.videos-modal .card .card-body .left-section, .modal.videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .left-section, .shop-wrapper .cart-container .cart-content .cart-summary .modal.videos-modal .summary-card .card-body .left-section {
            display: none;
            width: 100%
        }

        .modal.albums-modal .card .card-body .right-section, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .right-section, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .right-section, .modal.videos-modal .card .card-body .right-section, .modal.videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .right-section, .shop-wrapper .cart-container .cart-content .cart-summary .modal.videos-modal .summary-card .card-body .right-section {
            width: 100%
        }

    .modal.albums-help-modal img, .modal.videos-help-modal img {
        height: 110px !important
    }

    .modal.albums-modal .modal-content, .modal.albums-modal .modal-card {
        max-height: calc(100vh - 20px)
    }

    .modal .modal-content {
        max-height: calc(100vh - 80px) !important;
        max-width: 340px
    }

        .modal .modal-content .content-block {
            width: 314px
        }

            .modal .modal-content .content-block img {
                height: 135px
            }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .modal.albums-modal .card .card-body .album-date .head h4, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-date .head h4, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .album-date .head h4, .modal.albums-modal .card .card-body .tagged-in-album .head h4, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tagged-in-album .head h4, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .tagged-in-album .head h4, .modal.albums-modal .card .card-body .shared-album .head h4, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-album .head h4, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .shared-album .head h4 {
        font-size: .75rem
    }

    .modal.albums-modal .card .card-body .album-date .head p, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-date .head p, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .album-date .head p, .modal.albums-modal .card .card-body .tagged-in-album .head p, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tagged-in-album .head p, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .tagged-in-album .head p, .modal.albums-modal .card .card-body .shared-album .head p, .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-album .head p, .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .shared-album .head p {
        font-size: .7rem
    }
}

.fancybox-confirm {
    padding: 2.5rem !important
}

    .fancybox-confirm .title {
        font-family: "Montserrat",sans-serif;
        font-size: 1.5rem
    }

.modal-uploader .button {
    line-height: 0
}

    .modal-uploader .button.has-icon svg {
        height: 18px;
        width: 18px
    }

.modal-uploader .file-count {
    font-size: .85rem;
    color: #999;
    height: 38px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    margin: 0 10px
}

    .modal-uploader .file-count span {
        margin: 0 4px
    }

.modal-uploader #total-progress {
    opacity: 0;
    transition: opacity .3s linear
}

.modal-uploader #previews .dz-success .progress {
    opacity: 0;
    transition: opacity .3s linear
}

.modal-uploader #previews .delete {
    display: none
}

.modal-uploader #previews .is-template.dz-success .start, .modal-uploader #previews is-template.dz-success .cancel {
    display: none
}

.modal-uploader #previews is-template.dz-success .delete {
    display: block
}

.modal-uploader .preview-box {
    position: relative;
    background: #fff;
    width: 100%;
    border-radius: 3px
}

    .modal-uploader .preview-box:hover .remove-button {
        opacity: 1;
        background: #e8e8e8
    }

    .modal-uploader .preview-box .remove-button {
        position: absolute;
        top: -10px;
        right: -12px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        border: 3px solid #fff;
        background: transparent;
        cursor: pointer;
        opacity: 0
    }

        .modal-uploader .preview-box .remove-button:hover {
            background: #f71416
        }

            .modal-uploader .preview-box .remove-button:hover i {
                color: #fafafa
            }

        .modal-uploader .preview-box .remove-button i {
            font-size: 14px;
            color: #999
        }

    .modal-uploader .preview-box .preview img {
        display: block
    }

    .modal-uploader .preview-box .preview-body {
        padding: 8px;
        border: 1px solid #e8e8e8
    }

        .modal-uploader .preview-box .preview-body .name {
            display: block;
            max-width: 145px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .modal-uploader .preview-box .preview-body .item-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: .85rem;
            font-weight: 500
        }

        .modal-uploader .preview-box .preview-body .textarea {
            padding: 0;
            border: none;
            resize: none;
            color: #999
        }

.modal-uploader progress {
    vertical-align: baseline
}

.modal-uploader .progress {
    display: flex;
    height: .2rem;
    margin: .4rem 0;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.modal-uploader .progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #3d70b2;
    transition: width .6s ease
}

.modal-uploader .progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.modal-uploader .progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

.modal-uploader .upload-item-actions {
    margin-left: 20px
}

.modal-uploader .upload-item-progress {
    margin-left: auto;
    min-width: 120px
}

.video-wrapper .video-wrap {
    position: relative;
    width: 100%;
    margin: 0 auto
}

    .video-wrapper .video-wrap video {
        display: block;
        width: 100%;
        height: auto;
        min-height: 630px;
        border-radius: 0 0 0 6px
    }

    .video-wrapper .video-wrap .live {
        position: absolute;
        top: 0;
        left: 0;
        animation: opacity-shift 2s infinite;
        display: block;
        background: #ff2e1c;
        border-radius: 3px;
        color: #fff;
        padding: 8px 16px;
        margin-top: 20px;
        margin-left: 20px;
        font-size: 10px;
        font-weight: 400;
        font-family: "Roboto",sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        z-index: 1052
    }

.video-block-wrapper {
    background-color: #344258;
    border-radius: 10px;
    overflow: hidden
}

    .video-block-wrapper .video-block-inner {
        position: relative;
        height: 0;
        max-width: 100%;
        padding-bottom: 56.25%;
        margin-bottom: 0;
        overflow: hidden;
        cursor: pointer;
        display: block
    }

        .video-block-wrapper .video-block-inner iframe {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            border-radius: 10px;
            overflow: hidden
        }

        .video-block-wrapper .video-block-inner .video-overlay {
            position: absolute;
            height: 100%;
            width: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            filter: alpha(opacity=35);
            opacity: .2
        }

        .video-block-wrapper .video-block-inner .playbutton {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            cursor: pointer
        }

            .video-block-wrapper .video-block-inner .playbutton .icon-play svg {
                height: 50px;
                width: 50px;
                stroke: #fff;
                stroke-width: 1.6px
            }

.datepicker-container {
    font-size: 12px;
    line-height: 30px;
    padding: 20px;
    border-radius: 5px;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 210px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #fff;
    direction: ltr !important;
    touch-action: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

    .datepicker-container:before, .datepicker-container:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        content: " ";
        border: 5px solid transparent
    }

.datepicker-dropdown {
    position: absolute;
    z-index: 999999 !important;
    box-sizing: content-box;
    border: 1px solid #ccc;
    box-shadow: 0px 5px 25px 0px rgba(0,0,0,.2)
}

.datepicker-inline {
    position: static
}

.datepicker-top-left:before, .datepicker-top-left:after, .datepicker-top-right:before, .datepicker-top-right:after {
    top: -5px;
    left: 10px;
    border-top: 0
}

.datepicker-top-left:before, .datepicker-top-right:before {
    border-bottom-color: #ccc
}

.datepicker-top-left:after, .datepicker-top-right:after {
    top: -4px;
    border-bottom-color: #fff
}

.datepicker-bottom-left:before, .datepicker-bottom-left:after, .datepicker-bottom-right:before, .datepicker-bottom-right:after {
    bottom: -5px;
    left: 10px;
    border-bottom: 0
}

.datepicker-bottom-left:before, .datepicker-bottom-right:before {
    border-top-color: #ccc
}

.datepicker-bottom-left:after, .datepicker-bottom-right:after {
    bottom: -4px;
    border-top-color: #fff
}

.datepicker-top-right:before, .datepicker-top-right:after, .datepicker-bottom-right:before, .datepicker-bottom-right:after {
    right: 10px;
    left: auto
}

.datepicker-panel > ul:before, .datepicker-panel > ul:after {
    display: table;
    content: " "
}

.datepicker-panel > ul:after {
    clear: both
}

.datepicker-panel > ul {
    width: 102%;
    margin: 0;
    padding: 0
}

    .datepicker-panel > ul:first-child li {
        line-height: 25px
    }

        .datepicker-panel > ul:first-child li:nth-child(2) {
            line-height: 28px !important
        }

    .datepicker-panel > ul > li {
        float: left;
        width: 30px;
        height: 30px;
        margin: 0;
        padding: 0;
        list-style: none;
        cursor: pointer;
        text-align: center;
        background-color: #fff
    }

        .datepicker-panel > ul > li:hover {
            background-color: #ededed;
            color: #444 !important;
            border-radius: 50px
        }

        .datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover {
            color: #999
        }

        .datepicker-panel > ul > li.highlighted {
            color: #5d4394 !important;
            border-radius: 50px
        }

            .datepicker-panel > ul > li.highlighted:hover {
                opacity: .8;
                color: #5d4394 !important
            }

        .datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
            color: #fff !important;
            background-color: #3d70b2;
            border-radius: 50px
        }

        .datepicker-panel > ul > li.picked {
            animation-name: gelatine;
            animation-duration: .5s;
            animation-timing-function: ease-in
        }

        .datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover {
            cursor: default;
            color: #ccc;
            background-color: #fff
        }

            .datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted {
                background-color: #e6f2ff
            }

        .datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view=next] {
            font-size: 18px
        }

        .datepicker-panel > ul > li[data-view="years current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="month current"] {
            width: 150px
        }

    .datepicker-panel > ul[data-view=years] > li, .datepicker-panel > ul[data-view=months] > li {
        line-height: 52.5px;
        width: 52.5px;
        height: 52.5px
    }

    .datepicker-panel > ul[data-view=week] > li, .datepicker-panel > ul[data-view=week] > li:hover {
        cursor: default;
        background-color: #fff
    }

.datepicker-hide {
    display: none
}

.input, .textarea {
    box-shadow: none !important
}

    .input.is-light::-webkit-input-placeholder, .textarea.is-light::-webkit-input-placeholder {
        color: #cecece
    }

    .input.is-light::-moz-placeholder, .textarea.is-light::-moz-placeholder {
        color: #cecece
    }

    .input.is-light:-ms-input-placeholder, .textarea.is-light:-ms-input-placeholder {
        color: #cecece
    }

    .input.is-light:-moz-placeholder, .textarea.is-light:-moz-placeholder {
        color: #cecece
    }

    .input.is-dark, .textarea.is-dark {
        color: #97a7c1 !important
    }

        .input.is-dark::-webkit-input-placeholder, .textarea.is-dark::-webkit-input-placeholder {
            color: #677fa5 !important
        }

        .input.is-dark::-moz-placeholder, .textarea.is-dark::-moz-placeholder {
            color: #677fa5 !important
        }

        .input.is-dark:-ms-input-placeholder, .textarea.is-dark:-ms-input-placeholder {
            color: #677fa5 !important
        }

        .input.is-dark:-moz-placeholder, .textarea.is-dark:-moz-placeholder {
            color: #677fa5 !important
        }

.input {
    font-size: .9rem;
    height: 36px;
    border-radius: .65rem;
    transition: all .3s
}

    .input:focus {
        border-color: #3d70b2
    }

    .input.is-sm {
        height: 32px;
        font-size: .9rem
    }

    .input.no-radius {
        border-radius: 1px
    }

    .input.is-fade:hover {
        border: 1px solid #e3e3e3
    }

    .input.is-fade:focus {
        border: 1px solid #e3e3e3;
        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important
    }

    .input.is-bordered:focus {
        border-color: #757a91
    }

.textarea {
    font-size: .9rem;
    border-radius: .65rem;
    transition: all .3s
}

    .textarea.is-sm {
        font-size: .9rem;
        resize: none
    }

    .textarea.no-radius {
        border-radius: 1px
    }

    .textarea.is-fade:hover {
        border: 1px solid #e3e3e3
    }

    .textarea.is-fade:focus {
        border: 1px solid #e3e3e3;
        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important
    }

.field label {
    font-size: .9rem;
    font-weight: 500;
    color: #393a4f
}

.control.has-icon {
    position: relative
}

    .control.has-icon .form-icon {
        position: absolute;
        top: 0;
        left: 0;
        height: 36px;
        width: 36px;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .control.has-icon .form-icon svg {
            height: 20px;
            width: 20px;
            stroke: #cecece;
            transition: all .3s
        }

    .control.has-icon .input {
        height: 36px;
        padding-left: 40px
    }

        .control.has-icon .input:focus + .form-icon svg {
            stroke: #3d70b2
        }

.control.has-validation {
    position: relative
}

    .control.has-validation .error-icon {
        position: absolute;
        top: 0;
        right: 0;
        height: 36px;
        width: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transition: opacity .3s
    }

        .control.has-validation .error-icon svg {
            height: 16px;
            width: 16px;
            stroke: #f71416
        }

    .control.has-validation .success-icon {
        position: absolute;
        top: 0;
        right: 0;
        height: 36px;
        width: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transition: opacity .3s
    }

        .control.has-validation .success-icon svg {
            height: 16px;
            width: 16px;
            stroke: #1ce589
        }

    .control.has-validation.has-error input {
        border-color: #f71416 !important
    }

        .control.has-validation.has-error input + label {
            font-size: .75rem;
            color: #f71416
        }

    .control.has-validation.has-error .error-icon {
        opacity: 1
    }

    .control.has-validation.has-error .success-icon {
        opacity: 0
    }

    .control.has-validation.has-success input {
        border-color: #1ce589 !important
    }

    .control.has-validation.has-success .error-icon {
        opacity: 0
    }

    .control.has-validation.has-success .success-icon {
        opacity: 1
    }

.is-combo .combo-label {
    font-weight: 500;
    font-size: .9rem;
    color: #999
}

.is-combo .combo-box, .is-combo .image-combo-box, .is-combo .stacked-combo-box, .is-combo .user-combo-box {
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 40px;
    margin-top: 4px;
    cursor: pointer;
    transition: all .3s
}

    .is-combo .combo-box.has-rounded-images .combo-item img, .is-combo .combo-box.has-rounded-images .item-icon img, .is-combo .image-combo-box.has-rounded-images .combo-item img, .is-combo .image-combo-box.has-rounded-images .item-icon img, .is-combo .stacked-combo-box.has-rounded-images .combo-item img, .is-combo .stacked-combo-box.has-rounded-images .item-icon img, .is-combo .user-combo-box.has-rounded-images .combo-item img, .is-combo .user-combo-box.has-rounded-images .item-icon img {
        border-radius: 50%
    }

    .is-combo .combo-box.is-scrollable .box-dropdown .dropdown-inner, .is-combo .image-combo-box.is-scrollable .box-dropdown .dropdown-inner, .is-combo .stacked-combo-box.is-scrollable .box-dropdown .dropdown-inner, .is-combo .user-combo-box.is-scrollable .box-dropdown .dropdown-inner {
        max-height: 190px;
        overflow-y: auto
    }

    .is-combo .combo-box .box-inner, .is-combo .image-combo-box .box-inner, .is-combo .stacked-combo-box .box-inner, .is-combo .user-combo-box .box-inner {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

        .is-combo .combo-box .box-inner .combo-item, .is-combo .image-combo-box .box-inner .combo-item, .is-combo .stacked-combo-box .box-inner .combo-item, .is-combo .user-combo-box .box-inner .combo-item {
            display: flex;
            align-items: center;
            height: 40px;
            padding-left: 8px
        }

            .is-combo .combo-box .box-inner .combo-item i, .is-combo .image-combo-box .box-inner .combo-item i, .is-combo .stacked-combo-box .box-inner .combo-item i, .is-combo .user-combo-box .box-inner .combo-item i {
                color: #999;
                font-size: 18px
            }

            .is-combo .combo-box .box-inner .combo-item .fa, .is-combo .image-combo-box .box-inner .combo-item .fa, .is-combo .stacked-combo-box .box-inner .combo-item .fa, .is-combo .user-combo-box .box-inner .combo-item .fa {
                font-size: 14px
            }

                .is-combo .combo-box .box-inner .combo-item .fa.is-green, .is-combo .image-combo-box .box-inner .combo-item .fa.is-green, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-green, .is-combo .user-combo-box .box-inner .combo-item .fa.is-green {
                    color: #1ce589
                }

                .is-combo .combo-box .box-inner .combo-item .fa.is-blue, .is-combo .image-combo-box .box-inner .combo-item .fa.is-blue, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-blue, .is-combo .user-combo-box .box-inner .combo-item .fa.is-blue {
                    color: #039be5
                }

                .is-combo .combo-box .box-inner .combo-item .fa.is-orange, .is-combo .image-combo-box .box-inner .combo-item .fa.is-orange, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-orange, .is-combo .user-combo-box .box-inner .combo-item .fa.is-orange {
                    color: #ff9700
                }

                .is-combo .combo-box .box-inner .combo-item .fa.is-red, .is-combo .image-combo-box .box-inner .combo-item .fa.is-red, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-red, .is-combo .user-combo-box .box-inner .combo-item .fa.is-red {
                    color: #f71416
                }

            .is-combo .combo-box .box-inner .combo-item img, .is-combo .image-combo-box .box-inner .combo-item img, .is-combo .stacked-combo-box .box-inner .combo-item img, .is-combo .user-combo-box .box-inner .combo-item img {
                display: block;
                height: 22px;
                width: 22px;
                -o-object-fit: contain;
                object-fit: contain;
                margin-right: 8px
            }

                .is-combo .combo-box .box-inner .combo-item img.is-stacked, .is-combo .image-combo-box .box-inner .combo-item img.is-stacked, .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked, .is-combo .user-combo-box .box-inner .combo-item img.is-stacked {
                    height: 26px;
                    width: 26px;
                    border: 2px solid #fff;
                    margin-right: 0 !important
                }

                    .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1) {
                        margin-left: -9px
                    }

                    .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2) {
                        margin-left: -9px
                    }

                    .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3) {
                        margin-left: -9px
                    }

                    .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4) {
                        margin-left: -9px
                    }

                    .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5) {
                        margin-left: -9px
                    }

            .is-combo .combo-box .box-inner .combo-item .avatar-container, .is-combo .image-combo-box .box-inner .combo-item .avatar-container, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container, .is-combo .user-combo-box .box-inner .combo-item .avatar-container {
                position: relative;
                display: block;
                height: 26px;
                width: 26px
            }

                .is-combo .combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .image-combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .user-combo-box .box-inner .combo-item .avatar-container .avatar {
                    display: block;
                    height: 26px;
                    width: 26px;
                    border-radius: 50%
                }

                .is-combo .combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .image-combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .user-combo-box .box-inner .combo-item .avatar-container .badge {
                    position: absolute;
                    bottom: 0;
                    right: -6px;
                    height: 16px;
                    width: 16px;
                    border-radius: 50%;
                    border: 2px solid #fff;
                    margin: 0
                }

            .is-combo .combo-box .box-inner .combo-item span, .is-combo .image-combo-box .box-inner .combo-item span, .is-combo .stacked-combo-box .box-inner .combo-item span, .is-combo .user-combo-box .box-inner .combo-item span {
                display: block;
                color: #393a4f;
                font-size: .9rem;
                font-weight: 500;
                margin-left: 8px
            }

                .is-combo .combo-box .box-inner .combo-item span.is-pushed, .is-combo .image-combo-box .box-inner .combo-item span.is-pushed, .is-combo .stacked-combo-box .box-inner .combo-item span.is-pushed, .is-combo .user-combo-box .box-inner .combo-item span.is-pushed {
                    margin-left: 18px
                }

    .is-combo .combo-box .box-chevron, .is-combo .image-combo-box .box-chevron, .is-combo .stacked-combo-box .box-chevron, .is-combo .user-combo-box .box-chevron {
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        width: 40px
    }

        .is-combo .combo-box .box-chevron svg, .is-combo .image-combo-box .box-chevron svg, .is-combo .stacked-combo-box .box-chevron svg, .is-combo .user-combo-box .box-chevron svg {
            height: 18px;
            width: 18px;
            stroke: #393a4f;
            transform: rotate(0);
            transition: all .3s
        }

    .is-combo .combo-box .box-dropdown, .is-combo .image-combo-box .box-dropdown, .is-combo .stacked-combo-box .box-dropdown, .is-combo .user-combo-box .box-dropdown {
        position: absolute;
        top: 32px;
        left: 0;
        width: 100%;
        z-index: 50;
        opacity: 0;
        transform: translateY(20px);
        pointer-events: none;
        transition: all .3s
    }

        .is-combo .combo-box .box-dropdown.is-dropup, .is-combo .image-combo-box .box-dropdown.is-dropup, .is-combo .stacked-combo-box .box-dropdown.is-dropup, .is-combo .user-combo-box .box-dropdown.is-dropup {
            top: -165px;
            height: 148px
        }

            .is-combo .combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .image-combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .stacked-combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .user-combo-box .box-dropdown.is-dropup .dropdown-inner {
                overflow-y: auto
            }

        .is-combo .combo-box .box-dropdown .dropdown-inner, .is-combo .image-combo-box .box-dropdown .dropdown-inner, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner, .is-combo .user-combo-box .box-dropdown .dropdown-inner {
            position: relative;
            width: 100%;
            height: 100%;
            background: #fff;
            border: 1px solid #ccc;
            border-radius: 4px;
            margin-top: 10px;
            max-height: 190px;
            overflow-y: auto
        }

            .is-combo .combo-box .box-dropdown .dropdown-inner ul, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul {
                padding: 10px 0
            }

                .is-combo .combo-box .box-dropdown .dropdown-inner ul li, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li {
                    padding: 6px 8px;
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    width: 100%
                }

                    .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon {
                        position: relative;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 30px;
                        width: 30px;
                        margin-right: 8px
                    }

                        .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon i, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon i, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon i, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon i {
                            color: #999;
                            font-size: 20px
                        }

                        .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa {
                            font-size: 16px;
                            position: relative;
                            top: 5px
                        }

                            .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green {
                                color: #1ce589
                            }

                            .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue {
                                color: #039be5
                            }

                            .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange {
                                color: #ff9700
                            }

                            .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red {
                                color: #f71416
                            }

                        .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon img {
                            display: block;
                            height: 22px;
                            width: 22px;
                            -o-object-fit: contain;
                            object-fit: contain;
                            transition: opacity .3s
                        }

                            .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img {
                                opacity: .4
                            }

                        .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar {
                            display: block;
                            height: 22px;
                            width: 22px;
                            border-radius: 50%
                        }

                        .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge {
                            position: absolute;
                            bottom: 0;
                            right: 0;
                            height: 12px;
                            width: 12px;
                            border-radius: 50%;
                            border: 2px solid #fff
                        }

                    .is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 16px;
                        width: 16px;
                        margin-right: 8px;
                        margin-left: auto;
                        opacity: 0;
                        transition: all .3s
                    }

                        .is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg {
                            stroke: #3d70b2;
                            stroke-width: 3px;
                            height: 16px;
                            width: 16px
                        }

                    .is-combo .combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li span {
                        display: block;
                        color: #999;
                        font-size: .9rem;
                        font-weight: 500
                    }

                    .is-combo .combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li:hover {
                        background: #ededed
                    }

                    .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i {
                        color: #393a4f
                    }

                    .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img {
                        opacity: 1
                    }

                    .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active span, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active span, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active span, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active span {
                        color: #393a4f
                    }

                    .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark {
                        opacity: 1
                    }

    .is-combo .combo-box.is-active, .is-combo .image-combo-box.is-active, .is-combo .stacked-combo-box.is-active, .is-combo .user-combo-box.is-active {
        border-color: #e8e8e8
    }

        .is-combo .combo-box.is-active .box-chevron svg, .is-combo .image-combo-box.is-active .box-chevron svg, .is-combo .stacked-combo-box.is-active .box-chevron svg, .is-combo .user-combo-box.is-active .box-chevron svg {
            transform: rotate(180deg)
        }

        .is-combo .combo-box.is-active .box-dropdown, .is-combo .image-combo-box.is-active .box-dropdown, .is-combo .stacked-combo-box.is-active .box-dropdown, .is-combo .user-combo-box.is-active .box-dropdown {
            opacity: 1;
            transform: translateY(0);
            pointer-events: all
        }

.is-combo .help-text {
    font-size: .75rem;
    color: #999
}

.is-combo .big-combo-box {
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 58px;
    margin-top: 4px;
    cursor: pointer;
    transition: all .3s
}

    .is-combo .big-combo-box .box-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100%
    }

        .is-combo .big-combo-box .box-inner .combo-item {
            display: flex;
            align-items: center;
            height: 58px;
            padding-left: 8px
        }

            .is-combo .big-combo-box .box-inner .combo-item i {
                color: #3d70b2;
                font-size: 1.6rem
            }

            .is-combo .big-combo-box .box-inner .combo-item .combo-text {
                margin-left: 16px
            }

                .is-combo .big-combo-box .box-inner .combo-item .combo-text span {
                    display: block
                }

                    .is-combo .big-combo-box .box-inner .combo-item .combo-text span:first-child {
                        color: #393a4f;
                        font-size: .9rem;
                        font-weight: 500
                    }

                    .is-combo .big-combo-box .box-inner .combo-item .combo-text span:nth-child(2) {
                        color: #999;
                        font-size: .8rem;
                        max-width: 330px;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis
                    }

    .is-combo .big-combo-box .box-chevron {
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 58px;
        width: 58px
    }

        .is-combo .big-combo-box .box-chevron svg {
            height: 18px;
            width: 18px;
            stroke: #393a4f;
            transform: rotate(0);
            transition: all .3s
        }

    .is-combo .big-combo-box .box-dropdown {
        position: absolute;
        top: 54px;
        left: 0;
        width: 100%;
        z-index: 50;
        opacity: 0;
        transform: translateY(20px);
        pointer-events: none;
        transition: all .3s
    }

        .is-combo .big-combo-box .box-dropdown .dropdown-inner {
            position: relative;
            width: 100%;
            height: 100%;
            background: #fff;
            border: 1px solid #ccc;
            border-radius: 4px;
            margin-top: 10px;
            max-height: 190px;
            overflow-y: auto;
            overflow-x: hidden
        }

            .is-combo .big-combo-box .box-dropdown .dropdown-inner ul {
                padding: 10px 0
            }

                .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li {
                    padding: 6px 8px;
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    width: 100%
                }

                    .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-icon {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 30px;
                        width: 30px;
                        min-height: 30px;
                        min-width: 30px;
                        margin-right: 16px
                    }

                        .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-icon i {
                            color: #999;
                            font-size: 1.6rem
                        }

                    .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span {
                        display: block
                    }

                        .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span:first-child {
                            color: #393a4f;
                            font-size: .9rem;
                            font-weight: 500
                        }

                        .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span:nth-child(2) {
                            color: #999;
                            font-size: .8rem;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis
                        }

                    .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li:hover {
                        background: #ededed
                    }

                    .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i {
                        color: #3d70b2
                    }

                    .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li.is-active span {
                        color: #393a4f
                    }

    .is-combo .big-combo-box.is-active {
        border-color: #e8e8e8
    }

        .is-combo .big-combo-box.is-active .box-chevron svg {
            transform: rotate(180deg)
        }

        .is-combo .big-combo-box.is-active .box-dropdown {
            opacity: 1;
            transform: translateY(0);
            pointer-events: all
        }

.custom-select {
    width: 100%;
    z-index: 3
}

    .custom-select.is-dropup .select-drop {
        top: -100%
    }

    .custom-select .select-box {
        position: relative;
        display: flex;
        align-items: center;
        padding: 0 40px 0 10px;
        height: 36px;
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #999;
        background: #fff;
        cursor: pointer;
        transition: all .3s
    }

        .custom-select .select-box:hover {
            border-color: #e8e8e8
        }

    .custom-select .select-icon {
        position: absolute;
        top: 0;
        right: 0;
        width: 36px;
        height: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .3s;
        transform: rotate(0)
    }

        .custom-select .select-icon svg {
            height: 20px;
            width: 20px;
            stroke: #bababa !important;
            transition: all .3s
        }

    .custom-select .select-drop {
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        min-height: 135px;
        max-height: 138px;
        overflow-y: auto;
        background: #fff;
        border: 1px solid #e8e8e8;
        border-radius: 4px;
        z-index: 5;
        transition: all .3s;
        opacity: 0;
        transform: translateY(10px);
        pointer-events: none
    }

        .custom-select .select-drop .drop-inner {
            position: relative;
            height: 100%;
            width: 100%;
            background: #fff
        }

            .custom-select .select-drop .drop-inner .option-row {
                position: relative;
                display: flex;
                background: #fff
            }

                .custom-select .select-drop .drop-inner .option-row input {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    opacity: 0;
                    cursor: pointer
                }

                    .custom-select .select-drop .drop-inner .option-row input:checked + .option-meta {
                        background: #f2f2f2
                    }

                        .custom-select .select-drop .drop-inner .option-row input:checked + .option-meta span {
                            color: #393a4f
                        }

                        .custom-select .select-drop .drop-inner .option-row input:checked + .option-meta svg.is-purple {
                            stroke: #9c2bed
                        }

                .custom-select .select-drop .drop-inner .option-row .option-meta {
                    padding: 12px;
                    width: 100%;
                    display: flex;
                    align-items: center
                }

                    .custom-select .select-drop .drop-inner .option-row .option-meta img {
                        display: block;
                        max-height: 20px
                    }

                    .custom-select .select-drop .drop-inner .option-row .option-meta svg {
                        height: 20px;
                        width: 20px;
                        stroke: #cecece
                    }

                        .custom-select .select-drop .drop-inner .option-row .option-meta svg.is-small {
                            height: 14px;
                            width: 14px
                        }

                    .custom-select .select-drop .drop-inner .option-row .option-meta span {
                        display: block;
                        font-weight: 500;
                        color: #999;
                        font-size: .9rem;
                        margin-left: 8px
                    }

    .custom-select.is-active .select-drop {
        opacity: 1;
        transform: translateY(0);
        pointer-events: all
    }

    .custom-select.is-active .select-icon {
        transform: rotate(180deg)
    }

    .custom-select.is-accounts .option-meta img {
        max-height: 36px !important;
        border-radius: 50%
    }

.tokenize {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    transition: all .3s
}

    .tokenize.focus .tokens-container {
        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
    }

    .tokenize .tokens-container {
        transition: all .3s
    }

.material-radio {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

    .material-radio.is-accent .dot {
        background-color: #3d70b2
    }

    .material-radio.is-accent input:checked {
        background: transparent;
        border-color: #3d70b2
    }

        .material-radio.is-accent input:checked + .dot {
            transform: scale(1)
        }

    .material-radio.is-accent input:focus:checked, .material-radio.is-accent input.focus:checked {
        background-color: transparent;
        border-color: #3d70b2;
        box-shadow: 0 0 0 12px rgba(85,150,230,.1)
    }

    .material-radio.is-accent:active input:checked {
        background-color: transparent;
        border-color: #3d70b2;
        box-shadow: 0 0 0 12px rgba(85,150,230,.1)
    }

    .material-radio.is-green .dot {
        background-color: #1ce589
    }

    .material-radio.is-green input:checked {
        background: transparent;
        border-color: #1ce589
    }

        .material-radio.is-green input:checked + .dot {
            transform: scale(1)
        }

    .material-radio.is-green input:focus:checked, .material-radio.is-green input.focus:checked {
        background-color: transparent;
        border-color: #1ce589;
        box-shadow: 0 0 0 12px rgba(28,229,137,.1)
    }

    .material-radio.is-green:active input:checked {
        background-color: transparent;
        border-color: #1ce589;
        box-shadow: 0 0 0 12px rgba(28,229,137,.1)
    }

    .material-radio.is-blue .dot {
        background-color: #039be5
    }

    .material-radio.is-blue input:checked {
        background: transparent;
        border-color: #039be5
    }

        .material-radio.is-blue input:checked + .dot {
            transform: scale(1)
        }

    .material-radio.is-blue input:focus:checked, .material-radio.is-blue input.focus:checked {
        background-color: transparent;
        border-color: #039be5;
        box-shadow: 0 0 0 12px rgba(3,155,229,.1)
    }

    .material-radio.is-blue:active input:checked {
        background-color: transparent;
        border-color: #039be5;
        box-shadow: 0 0 0 12px rgba(3,155,229,.1)
    }

    .material-radio.is-orange .dot {
        background-color: #ff9700
    }

    .material-radio.is-orange input:checked {
        background: transparent;
        border-color: #ff9700
    }

        .material-radio.is-orange input:checked + .dot {
            transform: scale(1)
        }

    .material-radio.is-orange input:focus:checked, .material-radio.is-orange input.focus:checked {
        background-color: transparent;
        border-color: #ff9700;
        box-shadow: 0 0 0 12px rgba(255,151,0,.1)
    }

    .material-radio.is-orange:active input:checked {
        background-color: transparent;
        border-color: #ff9700;
        box-shadow: 0 0 0 12px rgba(255,151,0,.1)
    }

    .material-radio.is-red .dot {
        background-color: #f71416
    }

    .material-radio.is-red input:checked {
        background: transparent;
        border-color: #f71416
    }

        .material-radio.is-red input:checked + .dot {
            transform: scale(1)
        }

    .material-radio.is-red input:focus:checked, .material-radio.is-red input.focus:checked {
        background-color: transparent;
        border-color: #f71416;
        box-shadow: 0 0 0 12px rgba(247,20,22,.1)
    }

    .material-radio.is-red:active input:checked {
        background-color: transparent;
        border-color: #f71416;
        box-shadow: 0 0 0 12px rgba(247,20,22,.1)
    }

    .material-radio .dot {
        position: absolute;
        top: calc(50% - 3px);
        left: 6.5px;
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background: #3d70b2;
        transform: scale(0);
        z-index: 5;
        transition: all .3s
    }

    .material-radio input, .material-radio input:hover, .material-radio input.hover {
        -webkit-appearance: none;
        border: 1.4px solid #cecece;
        border-radius: 13px;
        height: 19px;
        margin: 0;
        vertical-align: top;
        width: 19px
    }

        .material-radio input:focus, .material-radio input.focus {
            background-color: transparent;
            border-color: #cecece;
            box-shadow: 0 0 0 12px rgba(0,0,0,.07);
            outline: none
        }

        .material-radio input:disabled {
            border-color: rgba(0,0,0,.26)
        }

            .material-radio input:disabled:focus, .material-radio input:disabled.focus {
                background-color: transparent;
                border-color: rgba(0,0,0,.26);
                box-shadow: 0 0 0 12px rgba(0,0,0,.07)
            }

        .material-radio input:checked {
            background: transparent;
            border-color: #3d70b2
        }

            .material-radio input:checked + .dot {
                transform: scale(1)
            }

        .material-radio input:focus:checked, .material-radio input.focus:checked {
            background-color: transparent;
            border-color: #3d70b2;
            box-shadow: 0 0 0 12px rgba(61,112,178,.1)
        }

        .material-radio input:disabled:checked {
            background: transparent;
            border-color: rgba(0,0,0,.26)
        }

        .material-radio input:disabled:focus:checked, .material-radio input:disabled.focus:checked {
            background-color: rgba(0,0,0,.07);
            border-color: rgba(0,0,0,.26);
            box-shadow: 0 0 0 12px rgba(0,0,0,.07)
        }

    .material-radio .radio-label {
        line-height: 30px;
        font-size: .9rem;
        margin: 0 10px
    }

        .material-radio .radio-label small {
            font-weight: 600;
            color: #3d70b2
        }

    .material-radio:active input, .material-radio.active input {
        background-color: rgba(0,0,0,.07);
        border-color: #cecece;
        box-shadow: 0 0 0 12px rgba(0,0,0,.07);
        outline: none
    }

        .material-radio:active input:disabled, .material-radio.active input:disabled {
            background-color: rgba(0,0,0,.07);
            border-color: rgba(0,0,0,.26);
            box-shadow: 0 0 0 12px rgba(0,0,0,.07)
        }

        .material-radio:active input:checked, .material-radio.active input:checked {
            background-color: rgba(61,112,178,.1);
            border-color: #3d70b2;
            box-shadow: 0 0 0 12px rgba(61,112,178,.1)
        }

        .material-radio:active input:disabled:checked, .material-radio.active input:disabled:checked {
            background-color: rgba(0,0,0,.07);
            border-color: rgba(0,0,0,.26);
            box-shadow: 0 0 0 12px rgba(0,0,0,.07)
        }

.animated-toggle {
    width: 56px;
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .animated-toggle input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

        .animated-toggle input:checked ~ .toggler {
            border-color: #3d70b2
        }

            .animated-toggle input:checked ~ .toggler .dark, .animated-toggle input:checked ~ .toggler .light {
                transform: translateX(100%) rotate(360deg)
            }

            .animated-toggle input:checked ~ .toggler .dark {
                opacity: 1
            }

            .animated-toggle input:checked ~ .toggler .light {
                opacity: 0
            }

    .animated-toggle .toggler {
        position: relative;
        display: block;
        height: 31px;
        width: 53px;
        border: 2px solid #3d70b2;
        border-radius: 100px;
        transition: all .3s
    }

        .animated-toggle .toggler .dark, .animated-toggle .toggler .light {
            position: absolute;
            top: 2px;
            left: 2px;
            height: 22px;
            width: 22px;
            border-radius: 50%;
            background: #000;
            display: flex;
            justify-content: center;
            align-items: center;
            transform: translateX(0) rotate(0);
            transition: all .3s ease
        }

            .animated-toggle .toggler .dark svg, .animated-toggle .toggler .light svg {
                stroke: #fff;
                height: 14px !important;
                width: 14px !important
            }

        .animated-toggle .toggler .light {
            background: #3d70b2;
            border-color: #3d70b2;
            opacity: 1;
            z-index: 1
        }

        .animated-toggle .toggler .dark {
            background: #3d70b2;
            border-color: #3d70b2;
            opacity: 0;
            z-index: 0
        }

.f-switch {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

    .f-switch.is-primary input:checked + i {
        background-color: #3d70b2
    }

    .f-switch.is-accent input:checked + i {
        background-color: #3d70b2
    }

    .f-switch.is-red input:checked + i {
        background-color: #f71416
    }

    .f-switch.is-blue input:checked + i {
        background-color: #039be5
    }

    .f-switch i {
        position: relative;
        display: inline-block;
        margin-right: .5rem;
        width: 46px;
        height: 26px;
        background-color: #e6e6e6;
        border-radius: 23px;
        vertical-align: text-bottom;
        transition: all .3s linear
    }

        .f-switch i::before {
            content: "";
            position: absolute;
            left: 0;
            width: 42px;
            height: 22px;
            background-color: #fff;
            border-radius: 11px;
            transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
            transition: all .25s linear
        }

        .f-switch i::after {
            content: "";
            position: absolute;
            left: 0;
            width: 22px;
            height: 22px;
            background-color: #fff;
            border-radius: 11px;
            box-shadow: 0 2px 2px rgba(0,0,0,.24);
            transform: translate3d(2px, 2px, 0);
            transition: all .2s ease-in-out
        }

    .f-switch:active i::after {
        width: 28px;
        transform: translate3d(2px, 2px, 0)
    }

    .f-switch:active input:checked + i::after {
        transform: translate3d(16px, 2px, 0)
    }

    .f-switch input {
        position: absolute;
        opacity: 0;
        pointer-events: none
    }

        .f-switch input:checked + i {
            background-color: #1ce589
        }

            .f-switch input:checked + i::before {
                transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0)
            }

            .f-switch input:checked + i::after {
                transform: translate3d(22px, 2px, 0)
            }

    .f-switch small {
        color: #999;
        position: relative;
        top: -4px
    }

.theme-toggle {
    width: 54px;
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transform: scale(0.9)
}

    .theme-toggle input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

        .theme-toggle input:checked ~ .toggler {
            border-color: #3d70b2
        }

            .theme-toggle input:checked ~ .toggler .dark, .theme-toggle input:checked ~ .toggler .light {
                transform: translateX(98%) rotate(360deg)
            }

            .theme-toggle input:checked ~ .toggler .dark {
                opacity: 1 !important
            }

            .theme-toggle input:checked ~ .toggler .light {
                opacity: 0 !important
            }

    .theme-toggle .toggler {
        position: relative;
        display: block;
        height: 31px;
        width: 53px;
        border: 1px solid #e0e0e0;
        background: #fff;
        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
        border-radius: 100px;
        transition: all .3s
    }

        .theme-toggle .toggler .dark, .theme-toggle .toggler .light {
            position: absolute;
            top: 2px;
            left: 2px;
            height: 24px;
            width: 24px;
            border-radius: 50%;
            background: #000;
            display: flex !important;
            justify-content: center;
            align-items: center;
            transform: translateX(0) rotate(0);
            transition: all .3s ease
        }

            .theme-toggle .toggler .dark svg, .theme-toggle .toggler .light svg {
                stroke: #edc31c !important;
                height: 14px !important;
                width: 14px !important;
                opacity: 1 !important
            }

        .theme-toggle .toggler .light {
            background: #fff;
            border-color: #dedede;
            opacity: 1;
            z-index: 1
        }

        .theme-toggle .toggler .dark {
            background: #3d70b2;
            border-color: #3d70b2;
            opacity: 0;
            z-index: 0
        }

            .theme-toggle .toggler .dark svg {
                stroke: #fff !important
            }

.webui-popover {
    box-shadow: rgba(0,0,0,.04) 0px 3px 10px 4px !important;
    background: #fff !important;
    color: #393a4f !important;
    border: none !important;
    margin-top: -20px !important
}

    .webui-popover.top > .webui-arrow {
        border-top-color: #fff !important
    }

    .webui-popover.bottom-right > .webui-arrow {
        border-right-color: transparent !important;
        border-bottom-color: transparent !important
    }

    .webui-popover.top-right > .webui-arrow {
        border-right-color: transparent !important
    }

        .webui-popover.top-right > .webui-arrow:after {
            border-top-color: #fff !important
        }

    .webui-popover.top-left > .webui-arrow {
        border-top-color: #fff !important
    }

    .webui-popover.left > .webui-arrow {
        border-left-color: transparent !important
    }

    .webui-popover .webui-arrow {
        border-top-color: transparent !important;
        border-right-color: transparent !important
    }

        .webui-popover .webui-arrow:after {
            border-top-color: transparent !important
        }

    .webui-popover .webui-popover-title {
        background-color: #fff !important;
        border-bottom: none !important;
        font-weight: 500
    }

    .webui-popover .webui-popover-content {
        font-size: .75rem !important
    }

        .webui-popover .webui-popover-content .popover-flex-block {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding: 12px;
            font-size: .85rem
        }

            .webui-popover .webui-popover-content .popover-flex-block .staff-avatar {
                height: 38px;
                width: 38px;
                border-radius: 50%
            }

            .webui-popover .webui-popover-content .popover-flex-block .content-block {
                margin-left: 4px;
                color: #999
            }

                .webui-popover .webui-popover-content .popover-flex-block .content-block span:first-child {
                    font-weight: 500;
                    color: #393a4f
                }

                .webui-popover .webui-popover-content .popover-flex-block .content-block label, .webui-popover .webui-popover-content .popover-flex-block .content-block span {
                    display: block
                }

                .webui-popover .webui-popover-content .popover-flex-block .content-block label {
                    color: #8d8fad;
                    text-transform: uppercase;
                    font-size: 70%
                }

            .webui-popover .webui-popover-content .popover-flex-block .fa.fa-star, .webui-popover .webui-popover-content .popover-flex-block .fa.fa-star-half {
                color: gold
            }

            .webui-popover .webui-popover-content .popover-flex-block .icon-block {
                height: 38px;
                width: 38px;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-right: 10px
            }

                .webui-popover .webui-popover-content .popover-flex-block .icon-block svg {
                    height: 24px;
                    width: 24px;
                    stroke: #999;
                    stroke-width: 1.3px
                }

                    .webui-popover .webui-popover-content .popover-flex-block .icon-block svg.is-medium {
                        height: 26px;
                        width: 26px
                    }

.profile-popover-block {
    position: relative
}

    .profile-popover-block .profile-popover-wrapper {
        padding: 8px 8px 0 8px
    }

        .profile-popover-block .profile-popover-wrapper .popover-cover {
            position: relative;
            margin-bottom: 10px;
            min-height: 104px
        }

            .profile-popover-block .profile-popover-wrapper .popover-cover img {
                display: block
            }

            .profile-popover-block .profile-popover-wrapper .popover-cover .popover-avatar {
                position: absolute;
                right: 14px;
                bottom: 0px;
                width: 50px;
                height: 50px;
                min-width: 50px;
                z-index: 0
            }

                .profile-popover-block .profile-popover-wrapper .popover-cover .popover-avatar img {
                    display: block
                }

                .profile-popover-block .profile-popover-wrapper .popover-cover .popover-avatar .avatar {
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                    border: 3px solid #fff
                }

                .profile-popover-block .profile-popover-wrapper .popover-cover .popover-avatar .badge {
                    position: absolute;
                    right: -10px;
                    bottom: 0;
                    width: 24px;
                    height: 24px;
                    border: 2px solid #fff;
                    border-radius: 50%
                }

        .profile-popover-block .profile-popover-wrapper .popover-meta span {
            display: block
        }

            .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta, .profile-popover-block .profile-popover-wrapper .popover-meta span.page-meta {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 8px
            }

                .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .username, .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .pagename, .profile-popover-block .profile-popover-wrapper .popover-meta span.page-meta .username, .profile-popover-block .profile-popover-wrapper .popover-meta span.page-meta .pagename {
                    display: block;
                    font-size: .9rem;
                    font-weight: 500
                }

            .profile-popover-block .profile-popover-wrapper .popover-meta span.job-title {
                font-size: .8rem;
                color: #3d70b2;
                font-weight: 500;
                margin-bottom: 8px
            }

        .profile-popover-block .profile-popover-wrapper .popover-meta .common-friends, .profile-popover-block .profile-popover-wrapper .popover-meta .user-location, .profile-popover-block .profile-popover-wrapper .popover-meta .page-activity, .profile-popover-block .profile-popover-wrapper .popover-meta .page-followers {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: 8px
        }

            .profile-popover-block .profile-popover-wrapper .popover-meta .common-friends .text, .profile-popover-block .profile-popover-wrapper .popover-meta .user-location .text, .profile-popover-block .profile-popover-wrapper .popover-meta .page-activity .text, .profile-popover-block .profile-popover-wrapper .popover-meta .page-followers .text {
                margin: 0 10px;
                color: #757a91
            }

            .profile-popover-block .profile-popover-wrapper .popover-meta .common-friends svg, .profile-popover-block .profile-popover-wrapper .popover-meta .user-location svg, .profile-popover-block .profile-popover-wrapper .popover-meta .page-activity svg, .profile-popover-block .profile-popover-wrapper .popover-meta .page-followers svg {
                stroke: #888da8;
                width: 16px;
                height: 16px
            }

    .profile-popover-block .popover-actions, .friend-item .popover-actions, .friend-card .friends-action {
        position: relative;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 5px 10px;
        z-index: 1
    }

        .profile-popover-block .popover-actions .popover-icon, .friend-item .popover-actions .popover-icon, .friend-card .friends-action .popover-icon {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 30px;
            height: 30px;
            max-width: 30px;
            margin: 0 2px;
            border-radius: 50%;
            transition: all .3s;
            cursor: pointer
        }

            .profile-popover-block .popover-actions .popover-icon:hover, .friend-item .popover-actions .popover-icon:hover, .friend-card .friends-action .popover-icon:hover {
                background: #3d70b2
            }

                .profile-popover-block .popover-actions .popover-icon:hover svg, .friend-item .popover-actions .popover-icon:hover svg, .friend-card .friends-action .popover-icon:hover svg{
                    stroke: #fff
                }

            .profile-popover-block .popover-actions .popover-icon svg, .friend-item .popover-actions .popover-icon svg, .friend-card .friends-action .popover-icon svg{
                width: 16px;
                height: 16px;
                stroke: #cecece
            }

    .profile-popover-block .loader-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(255,255,255,.95);
        opacity: 0;
        transition: all .3s;
        z-index: 0
    }

        .profile-popover-block .loader-overlay.is-active {
            opacity: 1;
            z-index: 1
        }

        .profile-popover-block .loader-overlay .loader.is-loading {
            height: 24px;
            width: 24px;
            min-height: 24px;
            min-width: 24px
        }

.ggtooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    padding: 5px;
    font-size: 11px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible
}

    .ggtooltip.fade {
        opacity: 0;
        transition: opacity .6s linear
    }

        .ggtooltip.fade.in {
            opacity: 1
        }

    .ggtooltip.in {
        opacity: .8;
        filter: alpha(opacity=80)
    }

    .ggtooltip.top {
        margin-top: -3px
    }
    .profile-popover-block .ggtooltip.top {
        margin-top: -23px
    }
    .ggtooltip.right {
        margin-left: 3px
    }

    .ggtooltip.bottom {
        margin-top: 3px
    }

    .ggtooltip.left {
        margin-left: -3px
    }

    .ggtooltip .ggtooltip-inner {
        max-width: 200px;
        padding: 3px 8px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        background-color: #000;
        border-radius: 4px;
        border: solid 1px #000;
        box-shadow: 0px 0px 10px rgba(0,0,0,.5)
    }

    .ggtooltip .ggtooltip-arrow, .ggtooltip .ggtooltip-arrow-shadow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }

    .ggtooltip.top .ggtooltip-arrow, .ggtooltip.top .ggtooltip-arrow-shadow {
        bottom: 1px;
        left: 50%;
        margin-left: -5px;
        border-top-color: #000;
        border-width: 5px 5px 0
    }

    .ggtooltip.top .ggtooltip-arrow-shadow {
        bottom: 0
    }

    .ggtooltip.right .ggtooltip-arrow, .ggtooltip.right .ggtooltip-arrow-shadow {
        top: 50%;
        left: 1px;
        margin-top: -5px;
        border-right-color: #000;
        border-width: 5px 5px 5px 0
    }

    .ggtooltip.right .ggtooltip-arrow-shadow {
        left: 0
    }

    .ggtooltip.left .ggtooltip-arrow, .ggtooltip.left .ggtooltip-arrow-shadow {
        top: 50%;
        right: 1px;
        margin-top: -5px;
        border-left-color: #000;
        border-width: 5px 0 5px 5px
    }

    .ggtooltip.left .ggtooltip-arrow-shadow {
        right: 0
    }

    .ggtooltip.bottom .ggtooltip-arrow, .ggtooltip.bottom .ggtooltip-arrow-shadow {
        top: 1px;
        left: 50%;
        margin-left: -5px;
        border-bottom-color: #000;
        border-width: 0 5px 5px
    }

    .ggtooltip.bottom .ggtooltip-arrow-shadow {
        top: 0
    }

.round-checkbox {
    position: relative
}

    .round-checkbox > div {
        display: flex;
        align-items: center
    }

    .round-checkbox label {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 50%;
        cursor: pointer;
        height: 28px;
        left: 0;
        position: absolute;
        top: 0;
        width: 28px;
        transition: all .3s
    }

        .round-checkbox label:after {
            border: 2px solid #fff;
            border-top: none;
            border-right: none;
            content: "";
            height: 6px;
            left: 7px;
            opacity: 0;
            position: absolute;
            top: 8px;
            transform: rotate(-45deg);
            width: 12px
        }

    .round-checkbox input[type=checkbox] {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0
    }

        .round-checkbox input[type=checkbox]:checked + label {
            background-color: #3d70b2;
            border-color: #3d70b2
        }

            .round-checkbox input[type=checkbox]:checked + label:after {
                opacity: 1
            }

    .round-checkbox.is-primary input[type=checkbox]:checked + label {
        background-color: #3d70b2;
        border-color: #3d70b2
    }

    .round-checkbox.is-green input[type=checkbox]:checked + label {
        background-color: #1ce589;
        border-color: #1ce589
    }

    .round-checkbox.is-blue input[type=checkbox]:checked + label {
        background-color: #039be5;
        border-color: #039be5
    }

    .round-checkbox.is-orange input[type=checkbox]:checked + label {
        background-color: #ff9700;
        border-color: #ff9700
    }

    .round-checkbox.is-red input[type=checkbox]:checked + label {
        background-color: #f71416;
        border-color: #f71416
    }

    .round-checkbox.is-small {
        height: 22px;
        width: 22px
    }

        .round-checkbox.is-small label {
            height: 22px;
            width: 22px
        }

            .round-checkbox.is-small label:after {
                left: 4px;
                top: 4.5px;
                width: 13px;
                height: 8px;
                transform: rotate(-45deg) scale(0.65)
            }

        .round-checkbox.is-small span {
            position: relative;
            top: -2px;
            padding: 0 10px;
            cursor: default
        }

.basic-checkbox.is-accent .styled-checkbox:hover + label:before {
    background: #3d70b2
}

.basic-checkbox.is-accent .styled-checkbox:checked + label:before {
    background: #3d70b2;
    border-color: #3d70b2
}

.basic-checkbox.is-accent .styled-checkbox:disabled + label {
    color: #3d70b2
}

.basic-checkbox.is-red .styled-checkbox:hover + label:before {
    background: #f71416
}

.basic-checkbox.is-red .styled-checkbox:checked + label:before {
    background: #f71416;
    border-color: #f71416
}

.basic-checkbox.is-red .styled-checkbox:disabled + label {
    color: #f71416
}

.basic-checkbox.is-blue .styled-checkbox:hover + label:before {
    background: #039be5
}

.basic-checkbox.is-blue .styled-checkbox:checked + label:before {
    background: #039be5;
    border-color: #039be5
}

.basic-checkbox.is-blue .styled-checkbox:disabled + label {
    color: #039be5
}

.basic-checkbox.is-green .styled-checkbox:hover + label:before {
    background: #1ce589
}

.basic-checkbox.is-green .styled-checkbox:checked + label:before {
    background: #1ce589;
    border-color: #1ce589
}

.basic-checkbox.is-green .styled-checkbox:disabled + label {
    color: #1ce589
}

.basic-checkbox.is-orange .styled-checkbox:hover + label:before {
    background: #ff9700
}

.basic-checkbox.is-orange .styled-checkbox:checked + label:before {
    background: #ff9700;
    border-color: #ff9700
}

.basic-checkbox.is-orange .styled-checkbox:disabled + label {
    color: #ff9700
}

.basic-checkbox .styled-checkbox {
    position: absolute;
    opacity: 0
}

    .basic-checkbox .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0
    }

        .basic-checkbox .styled-checkbox + label:before {
            content: "";
            margin-right: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 20px;
            height: 20px;
            border-radius: 3px;
            border: 1px solid #cecece;
            background: #fff
        }

    .basic-checkbox .styled-checkbox:hover + label:before {
        background: #3d70b2
    }

    .basic-checkbox .styled-checkbox:focus + label:before {
        box-shadow: 0 0 0 3px rgba(0,0,0,.12)
    }

    .basic-checkbox .styled-checkbox:checked + label:before {
        background: #3d70b2;
        border-color: #3d70b2
    }

    .basic-checkbox .styled-checkbox:disabled + label {
        color: #3d70b2;
        cursor: auto
    }

        .basic-checkbox .styled-checkbox:disabled + label:before {
            box-shadow: none;
            background: #ddd
        }

    .basic-checkbox .styled-checkbox:checked + label:after {
        content: "";
        position: absolute;
        left: 5px;
        top: 9px;
        background: #fff;
        width: 2px;
        height: 2px;
        box-shadow: 2px 0 0 #fff,4px 0 0 #fff,4px -2px 0 #fff,4px -4px 0 #fff,4px -6px 0 #fff,4px -8px 0 #fff;
        transform: rotate(45deg)
    }

.flex-table .flex-table-header {
    display: flex;
    align-items: center;
    padding-bottom: 4px
}

    .flex-table .flex-table-header span {
        font-family: "Montserrat",sans-serif;
        font-size: .7rem;
        font-weight: 600;
        color: #999;
        text-transform: uppercase;
        padding-bottom: 10px
    }

        .flex-table .flex-table-header span.product {
            width: 40%
        }

        .flex-table .flex-table-header span.quantity {
            width: 15%;
            text-align: center
        }

        .flex-table .flex-table-header span.price {
            width: 15%;
            text-align: center
        }

        .flex-table .flex-table-header span.discount {
            width: 15%;
            text-align: center
        }

        .flex-table .flex-table-header span.total {
            width: 15%;
            text-align: center
        }

.flex-table .flex-table-item {
    display: flex;
    align-items: stretch;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    padding: 8px;
    margin-bottom: 6px
}

    .flex-table .flex-table-item .product {
        display: flex;
        align-items: center;
        width: 40%
    }

        .flex-table .flex-table-item .product img {
            display: block;
            -o-object-fit: contain;
            object-fit: contain;
            width: 50px;
            height: 50px;
            min-width: 50px
        }

        .flex-table .flex-table-item .product .product-name {
            display: block;
            margin-left: 12px;
            max-width: 360px;
            font-family: "Montserrat",sans-serif;
            font-weight: 600;
            font-size: .8rem;
            color: #393a4f
        }

    .flex-table .flex-table-item .quantity span, .flex-table .flex-table-item .price span {
        display: block;
        font-family: "Montserrat",sans-serif;
        font-weight: 600;
        font-size: .9rem;
        color: #999
    }

    .flex-table .flex-table-item .discount span, .flex-table .flex-table-item .total span {
        display: block;
        font-family: "Montserrat",sans-serif;
        font-weight: 600;
        font-size: .9rem;
        color: #393a4f
    }

    .flex-table .flex-table-item .quantity {
        width: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid #dedede
    }

    .flex-table .flex-table-item .price {
        width: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid #dedede
    }

        .flex-table .flex-table-item .price span:before {
            content: "$"
        }

    .flex-table .flex-table-item .discount {
        width: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid #dedede
    }

    .flex-table .flex-table-item .total {
        width: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid #dedede
    }

        .flex-table .flex-table-item .total span:before {
            content: "$"
        }

@media(max-width: 767px) {
    .flex-table .flex-table-header {
        display: none
    }

    .flex-table .flex-table-item {
        flex-direction: column;
        justify-content: center;
        width: 100% !important;
        padding: 20px;
        margin-bottom: 16px
    }

        .flex-table .flex-table-item:last-child {
            margin-bottom: 0
        }

        .flex-table .flex-table-item > div {
            border: none !important
        }

    .flex-table .product {
        width: 100% !important;
        padding-bottom: 10px
    }

    .flex-table .quantity, .flex-table .price, .flex-table .discount, .flex-table .total {
        position: relative;
        justify-content: flex-end !important;
        width: 100% !important;
        border: none
    }

        .flex-table .quantity:before, .flex-table .price:before, .flex-table .discount:before, .flex-table .total:before {
            text-transform: uppercase;
            font-size: .7rem;
            font-weight: 500;
            color: #999
        }

        .flex-table .quantity:before {
            content: "Quantity";
            position: absolute;
            top: 0;
            left: 0
        }

        .flex-table .quantity.has-spinner {
            padding-bottom: 6px
        }

            .flex-table .quantity.has-spinner:before {
                content: "Quantity";
                position: absolute;
                top: 8px;
                left: 0
            }

        .flex-table .price:before {
            content: "Price";
            position: absolute;
            top: 2px;
            left: 0
        }

        .flex-table .discount:before {
            content: "Discount";
            position: absolute;
            top: 2px;
            left: 0
        }

        .flex-table .total:before {
            content: "Total";
            position: absolute;
            top: 2px;
            left: 0
        }
}

@keyframes bouncy {
    from,to {
        transform: scale(1, 1)
    }

    25% {
        transform: scale(0.9, 1.1)
    }

    50% {
        transform: scale(1.1, 0.9)
    }

    75% {
        transform: scale(0.95, 1.05)
    }
}

.bouncy {
    animation: bouncy .6s;
    animation-duration: .6s;
    animation-fill-mode: both
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes opacity-shift {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    animation: fadeIn 500ms ease-in-out
}

@keyframes fadeInLeft {
    from {
        transform: translate3d(20px, 0, 0);
        opacity: 0
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.preFadeInLeft {
    opacity: 0
}

.fadeInLeft {
    opacity: 0;
    animation-name: fadeInLeft
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0, 20px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.preFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp
}

@keyframes wave {
    0% {
        transform: scale(1);
        opacity: 1
    }

    25% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(4.5);
        opacity: 0
    }
}

@keyframes gelatine {
    from,to {
        transform: scale(1, 1)
    }

    25% {
        transform: scale(0.9, 1.1)
    }

    50% {
        transform: scale(1.1, 0.9)
    }

    75% {
        transform: scale(0.95, 1.05)
    }
}

.gelatine {
    animation: gelatine .6s;
    animation-duration: .6s;
    animation-fill-mode: both
}

@keyframes modalScale {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes gradientShift {
    0% {
        background-position: 50% 0%
    }

    50% {
        background-position: 50% 100%
    }

    100% {
        background-position: 50% 0%
    }
}

.placeload {
    width: 100%;
    border-radius: 6px;
    border: 1px solid #e8e8e8;
    background: #fff
}

    .placeload.is-bold {
        border: none;
        background: none
    }

    .placeload .inner-wrap {
        width: 100%
    }

    .placeload .content-shape {
        height: 10px;
        margin-bottom: 10px;
        border-radius: 2px
    }

        .placeload .content-shape.is-lg {
            height: 16px
        }

    .placeload .button-shape {
        width: 130px;
        height: 38px;
        border-radius: 4px
    }

.loads {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeload;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eee;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 1200px 104px;
    position: relative
}

@keyframes placeload {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.compose-placeload {
    height: 226px;
    margin-bottom: 20px;
    padding: 20px
}

    .compose-placeload .header {
        display: flex;
        align-items: center;
        height: 45px;
        margin-bottom: 1rem
    }

        .compose-placeload .header .content-shape {
            width: 20%;
            margin-right: 8%
        }

    .compose-placeload .body {
        display: flex;
        align-items: flex-start;
        height: 100px;
        padding: 16px 0
    }

        .compose-placeload .body .img {
            width: 42px;
            min-width: 42px;
            height: 42px;
            border-radius: 50%
        }

        .compose-placeload .body .content-shape {
            margin-top: 10px;
            margin-left: 20px
        }

            .compose-placeload .body .content-shape:first-child {
                width: 45%
            }

            .compose-placeload .body .content-shape:nth-child(2) {
                width: 25%
            }
.compose-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.compose-block img{
    width: 42px;
height: 42px;
border-radius: 50%;
object-fit: cover;
}
.compose-button {
    flex: 1;
    margin-left: 10px;
}
.compose-button a{
    /*padding: 0 !important*/
}

.post-placeload {
    background: #fff;
    width: 100%;
    padding: 20px;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    position: relative;
    margin-bottom: 20px
}

    .post-placeload .header {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

        .post-placeload .header .img {
            width: 50px;
            min-width: 50px;
            height: 50px;
            border-radius: 50%
        }

        .post-placeload .header .header-content {
            margin-left: 20px;
            width: 100%
        }

            .post-placeload .header .header-content .content-shape:first-child {
                width: 60%
            }

            .post-placeload .header .header-content .content-shape:nth-child(2) {
                width: 40%
            }

    .post-placeload .image-placeholder {
        width: 100%;
        margin-top: 20px;
        height: 350px
    }

    .post-placeload .placeholder-footer {
        position: relative;
        margin-top: 20px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

        .post-placeload .placeholder-footer .footer-block {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
            height: 100%
        }

            .post-placeload .placeholder-footer .footer-block .img {
                width: 40px;
                min-width: 40px;
                height: 40px;
                border-radius: 50%
            }

            .post-placeload .placeholder-footer .footer-block .inner-wrap {
                margin-left: 10px
            }

                .post-placeload .placeholder-footer .footer-block .inner-wrap .content-shape:first-child {
                    width: 32%
                }

                .post-placeload .placeholder-footer .footer-block .inner-wrap .content-shape:nth-child(2) {
                    width: 24%
                }

.stories-placeload, .list-placeload {
    height: 382px;
    padding: 20px;
    margin-bottom: 20px
}

    .stories-placeload .header, .list-placeload .header {
        height: 48px;
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

        .stories-placeload .header .content-shape, .list-placeload .header .content-shape {
            width: 55%
        }

    .stories-placeload .body .flex-block, .list-placeload .body .flex-block {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 76px
    }

        .stories-placeload .body .flex-block .img, .list-placeload .body .flex-block .img {
            height: 44px;
            width: 44px;
            min-width: 44px;
            border-radius: 50%
        }

        .stories-placeload .body .flex-block .inner-wrap, .list-placeload .body .flex-block .inner-wrap {
            padding: 0 10px
        }

            .stories-placeload .body .flex-block .inner-wrap .content-shape:first-child, .list-placeload .body .flex-block .inner-wrap .content-shape:first-child {
                width: 78%
            }

            .stories-placeload .body .flex-block .inner-wrap .content-shape:nth-child(2), .list-placeload .body .flex-block .inner-wrap .content-shape:nth-child(2) {
                width: 54%
            }

.mini-widget-placeload {
    height: 323px;
    padding: 20px;
    margin-bottom: 20px
}

    .mini-widget-placeload .body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 283px
    }

        .mini-widget-placeload .body .img {
            margin-top: -20px;
            height: 50px;
            width: 50px;
            min-width: 45px;
            border-radius: 50%;
            margin: 0 auto 20px auto
        }

        .mini-widget-placeload .body .content-shape {
            margin: 0 auto 12px auto
        }

            .mini-widget-placeload .body .content-shape:nth-child(2) {
                width: 38%
            }

            .mini-widget-placeload .body .content-shape:nth-child(3) {
                width: 88% !important
            }

            .mini-widget-placeload .body .content-shape:nth-child(4) {
                width: 64% !important
            }

        .mini-widget-placeload .body .button-shape {
            margin: 24px auto 0 auto
        }

.weather-widget-placeload {
    height: 450px;
    padding: 20px;
    margin-bottom: 20px
}

    .weather-widget-placeload .header {
        height: 220px;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .weather-widget-placeload .header .inner-wrap .img {
            height: 60px;
            width: 60px;
            min-width: 45px;
            border-radius: 50%;
            margin: 0 auto 20px auto
        }

        .weather-widget-placeload .header .inner-wrap .content-shape {
            margin: 0 auto 12px auto
        }

            .weather-widget-placeload .header .inner-wrap .content-shape:nth-child(2) {
                width: 44%
            }

            .weather-widget-placeload .header .inner-wrap .content-shape:nth-child(3) {
                width: 88% !important
            }

    .weather-widget-placeload .body {
        height: 170px;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .weather-widget-placeload .body .inner-wrap .rect {
            height: 85px;
            width: 100%;
            min-width: 100%;
            border-radius: 4px;
            margin: 0 auto 30px auto
        }

        .weather-widget-placeload .body .inner-wrap .content-shape {
            margin: 12px auto
        }

            .weather-widget-placeload .body .inner-wrap .content-shape:nth-child(2) {
                width: 88%
            }

            .weather-widget-placeload .body .inner-wrap .content-shape:nth-child(3) {
                width: 44%
            }

.questions-menu-placeload {
    width: 100%
}

    .questions-menu-placeload .inner-wrap .content-shape {
        height: 22px;
        margin-bottom: 16px
    }

        .questions-menu-placeload .inner-wrap .content-shape:first-child {
            max-width: 90%
        }

        .questions-menu-placeload .inner-wrap .content-shape:nth-child(2) {
            max-width: 50%
        }

        .questions-menu-placeload .inner-wrap .content-shape:nth-child(3) {
            max-width: 65%
        }

        .questions-menu-placeload .inner-wrap .content-shape:nth-child(4) {
            max-width: 20%
        }

.questions-settings-placeload {
    width: 100%
}

    .questions-settings-placeload.is-card {
        padding: 30px;
        margin-top: 30px
    }

        .questions-settings-placeload.is-card .content-shape:nth-child(4) {
            margin-bottom: 0
        }

    .questions-settings-placeload .inner-wrap .content-shape {
        height: 18px;
        margin-bottom: 16px
    }

        .questions-settings-placeload .inner-wrap .content-shape:first-child {
            max-width: 30%
        }

        .questions-settings-placeload .inner-wrap .content-shape:nth-child(2) {
            max-width: 60%
        }

        .questions-settings-placeload .inner-wrap .content-shape:nth-child(3) {
            max-width: 75%
        }

        .questions-settings-placeload .inner-wrap .content-shape:nth-child(4) {
            max-width: 30%
        }

.questions-side-placeload {
    width: 100%;
    padding: 30px;
    margin-bottom: 20px
}

    .questions-side-placeload:last-child {
        margin-bottom: 0
    }

    .questions-side-placeload .inner-wrap .img {
        height: 60px;
        width: 60px;
        min-width: 45px;
        border-radius: 50%;
        margin: 0 auto 20px auto
    }

    .questions-side-placeload .inner-wrap .content-shape {
        height: 14px;
        margin-bottom: 16px
    }

        .questions-side-placeload .inner-wrap .content-shape:nth-child(2) {
            max-width: 70%
        }

        .questions-side-placeload .inner-wrap .content-shape:nth-child(3) {
            max-width: 90%
        }

        .questions-side-placeload .inner-wrap .content-shape:nth-child(4) {
            max-width: 40%;
            margin-bottom: 0
        }

.questions-single-placeload {
    width: 100%
}

    .questions-single-placeload.is-header.is-spaced {
        margin-top: 30px
    }

    .questions-single-placeload.is-header .content-shape:first-child {
        max-width: 70%;
        height: 18px
    }

    .questions-single-placeload.is-card {
        padding: 30px;
        margin-top: 30px
    }

        .questions-single-placeload.is-card .card-head {
            display: flex;
            align-items: center;
            margin-bottom: 20px
        }

            .questions-single-placeload.is-card .card-head .img {
                height: 40px;
                width: 40px;
                min-width: 40x;
                border-radius: 50%
            }

            .questions-single-placeload.is-card .card-head > .content-shape {
                width: 100%;
                height: 16px;
                max-width: 40%;
                margin: 0 0 0 12px
            }

        .questions-single-placeload.is-card .content-shape {
            margin-bottom: 16px
        }

            .questions-single-placeload.is-card .content-shape.is-body {
                height: 15px
            }

                .questions-single-placeload.is-card .content-shape.is-body:nth-child(2) {
                    max-width: 80%
                }

                .questions-single-placeload.is-card .content-shape.is-body:nth-child(3) {
                    max-width: 95%
                }

                .questions-single-placeload.is-card .content-shape.is-body:nth-child(4) {
                    max-width: 60%
                }

                .questions-single-placeload.is-card .content-shape.is-body:last-child {
                    margin-bottom: 0
                }

.questions-stats-placeload {
    width: 100%
}

    .questions-stats-placeload.is-header {
        margin-bottom: 20px;
        padding: 30px
    }

        .questions-stats-placeload.is-header .inner-wrap {
            display: flex;
            align-items: center
        }

            .questions-stats-placeload.is-header .inner-wrap .img {
                height: 80px;
                width: 80px;
                min-width: 80px;
                border-radius: 50%
            }

            .questions-stats-placeload.is-header .inner-wrap > div {
                width: 100%;
                margin-left: 20px
            }

            .questions-stats-placeload.is-header .inner-wrap .content-shape {
                width: 100%;
                height: 14px;
                max-width: 40%;
                margin-bottom: 12px
            }

                .questions-stats-placeload.is-header .inner-wrap .content-shape:first-child {
                    max-width: 50%
                }

                .questions-stats-placeload.is-header .inner-wrap .content-shape:nth-child(2) {
                    max-width: 30%
                }

                .questions-stats-placeload.is-header .inner-wrap .content-shape:nth-child(3) {
                    max-width: 20%
                }

                .questions-stats-placeload.is-header .inner-wrap .content-shape:last-child {
                    margin-bottom: 0
                }

    .questions-stats-placeload.is-carousel {
        border: none;
        background: none
    }

        .questions-stats-placeload.is-carousel .grid-title {
            padding: 14px 0
        }

            .questions-stats-placeload.is-carousel .grid-title .content-shape {
                height: 16px;
                max-width: 20%
            }

        .questions-stats-placeload.is-carousel .placeload-grid {
            display: flex
        }

            .questions-stats-placeload.is-carousel .placeload-grid .grid-item {
                margin: 6px;
                width: calc(33% - 12px);
                height: 200px;
                background: #fff;
                border: 1px solid #e5e5e5;
                border-radius: 8px
            }

                .questions-stats-placeload.is-carousel .placeload-grid .grid-item .img {
                    height: 60px;
                    width: 60px;
                    min-width: 60x;
                    border-radius: 50%;
                    margin: 30px auto
                }

                .questions-stats-placeload.is-carousel .placeload-grid .grid-item .shapes .content-shape {
                    margin: 0 auto 10px;
                    height: 12px
                }

                    .questions-stats-placeload.is-carousel .placeload-grid .grid-item .shapes .content-shape:first-child {
                        max-width: 70%
                    }

                    .questions-stats-placeload.is-carousel .placeload-grid .grid-item .shapes .content-shape:nth-child(2) {
                        max-width: 30%
                    }

    .questions-stats-placeload.is-activity {
        border: none;
        background: none;
        margin-top: 20px
    }

        .questions-stats-placeload.is-activity .activity-title {
            padding: 14px 0
        }

            .questions-stats-placeload.is-activity .activity-title .content-shape {
                height: 16px;
                max-width: 20%
            }

        .questions-stats-placeload.is-activity .unit-list {
            padding: 20px 0
        }

            .questions-stats-placeload.is-activity .unit-list .unit {
                display: flex;
                padding-left: 12px;
                margin-bottom: 20px;
                margin-top: 10px
            }

                .questions-stats-placeload.is-activity .unit-list .unit:last-child {
                    margin-bottom: 0
                }

                .questions-stats-placeload.is-activity .unit-list .unit .img {
                    height: 44px;
                    width: 44px;
                    min-width: 44px;
                    border-radius: 50%
                }

                .questions-stats-placeload.is-activity .unit-list .unit .unit-meta {
                    width: 100%;
                    margin-left: 20px
                }

                    .questions-stats-placeload.is-activity .unit-list .unit .unit-meta .content-shape {
                        height: 14px
                    }

                        .questions-stats-placeload.is-activity .unit-list .unit .unit-meta .content-shape:first-child {
                            max-width: 60%
                        }

                        .questions-stats-placeload.is-activity .unit-list .unit .unit-meta .content-shape:nth-child(2) {
                            max-width: 30%;
                            height: 12px
                        }

                        .questions-stats-placeload.is-activity .unit-list .unit .unit-meta .content-shape:nth-child(3) {
                            height: 10px;
                            max-width: 20%
                        }

.questions-categories-placeload {
    width: 100%
}

    .questions-categories-placeload .is-tile-placeload {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        padding: 30px
    }

        .questions-categories-placeload .is-tile-placeload.is-card {
            flex-direction: row;
            justify-content: flex-start;
            align-items: center
        }

            .questions-categories-placeload .is-tile-placeload.is-card .img {
                max-width: 160px
            }

            .questions-categories-placeload .is-tile-placeload.is-card .placeload-content {
                margin-top: 0;
                margin-left: 30px;
                width: 100%
            }

                .questions-categories-placeload .is-tile-placeload.is-card .placeload-content .content-shape:first-child {
                    max-width: 80%
                }

                .questions-categories-placeload .is-tile-placeload.is-card .placeload-content .content-shape:nth-child(2) {
                    max-width: 60%
                }

                .questions-categories-placeload .is-tile-placeload.is-card .placeload-content .content-shape:nth-child(3) {
                    max-width: 90%
                }

                .questions-categories-placeload .is-tile-placeload.is-card .placeload-content .content-shape:nth-child(4) {
                    max-width: 40%
                }

        .questions-categories-placeload .is-tile-placeload .img {
            height: 140px;
            width: 100%;
            border-radius: 2px
        }

        .questions-categories-placeload .is-tile-placeload .placeload-content {
            margin-top: 30px
        }

            .questions-categories-placeload .is-tile-placeload .placeload-content .content-shape {
                height: 14px
            }

                .questions-categories-placeload .is-tile-placeload .placeload-content .content-shape:first-child {
                    max-width: 80%
                }

                .questions-categories-placeload .is-tile-placeload .placeload-content .content-shape:nth-child(2) {
                    max-width: 40%
                }

a {
    color: #3f88e3;
    transition: all .3s
}

    a:hover {
        color: #3f88e3
    }

    a.is-inverted {
        color: #3d70b2
    }

    a.standard-link {
        color: #039be5;
        text-decoration: underline
    }

var {
    font-style: normal
}

code {
    word-break: break-all
}

.is-disabled {
    pointer-events: none;
    opacity: .4;
    cursor: default !important
}

.no-click {
    pointer-events: none
}

.is-vhidden {
    visibility: hidden !important
}

.is-hidden {
    display: none !important
}

.no-padding {
    padding: 0 !important
}

.no-margin {
    margin: 0 !important
}

.ml-auto {
    margin-left: auto !important
}

.mt-10 {
    margin-top: 10px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.has-background-image {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center
}

    .has-background-image.is-top {
        background-position: top !important
    }

    .has-background-image.is-bottom {
        background-position: bottom !important
    }

.has-slimscroll {
    overflow-x: hidden !important
}

    .has-slimscroll::-webkit-scrollbar {
        width: 6px !important
    }

    .has-slimscroll::-webkit-scrollbar-thumb {
        border-radius: 10px !important;
        background: rgba(0,0,0,.2) !important
    }

.has-slimscroll-md {
    overflow-x: hidden !important
}

    .has-slimscroll-md::-webkit-scrollbar {
        width: 4px !important
    }

    .has-slimscroll-md::-webkit-scrollbar-thumb {
        border-radius: 10px !important;
        background: rgba(0,0,0,.2) !important
    }

.has-slimscroll-xs {
    overflow-x: hidden !important
}

    .has-slimscroll-xs::-webkit-scrollbar {
        width: 2px !important
    }

    .has-slimscroll-xs::-webkit-scrollbar-thumb {
        border-radius: 10px !important;
        background: rgba(0,0,0,.2) !important
    }

.checkmark-wrapper .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #3d70b2;
    fill: none;
    animation: stroke .6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
    animation-delay: .4s
}

.checkmark-wrapper .checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0px 0px 0px #3d70b2;
    animation: fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;
    animation-delay: .8s
}

    .checkmark-wrapper .checkmark.is-small {
        height: 36px;
        width: 36px
    }

    .checkmark-wrapper .checkmark.is-xs {
        height: 24px;
        width: 24px
    }

.checkmark-wrapper .checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke .3s cubic-bezier(0.65, 0, 0.45, 1) .8s forwards;
    animation-delay: .8s
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes scale {
    0%,100% {
        transform: none
    }

    50% {
        transform: scale3d(1.1, 1.1, 1)
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #3d70b2
    }
}

.fancybox-content {
    display: inline-block
}

    .fancybox-content.hidden {
        display: none
    }

.morphing-btn-wrap, #morphing {
    width: 111.425px
}

@media all and (max-width: 599px) {
    .fancybox-custom-layout .fancybox-stage {
        position: relative;
        height: 240px;
        right: 0;
        left: 0;
        top: 0;
        z-index: 99
    }

    .fancybox-custom-layout .fancybox-slide {
        padding: 0 !important;
        width: calc(100% - 44px) !important
    }

        .fancybox-custom-layout .fancybox-slide .fancybox-content {
            width: 100% !important
        }

            .fancybox-custom-layout .fancybox-slide .fancybox-content img {
                margin: 0 20px !important;
                max-width: calc(100% - 40px) !important;
                -o-object-fit: cover !important;
                object-fit: cover !important
            }

    .fancybox-custom-layout .fancybox-caption {
        width: calc(100% - 44px) !important;
        height: calc(100% - 240px) !important;
        top: 240px !important
    }
}

.fancybox-custom-layout .fancybox-bg {
    background: #3d70b2
}

.fancybox-custom-layout .fancybox-slide {
    background: #181e28;
    padding: 0 40px
}

    .fancybox-custom-layout .fancybox-slide img {
        border-radius: 6px
    }

.fancybox-custom-layout .fancybox-custom-layout.fancybox-is-open .fancybox-bg {
    opacity: 1
}

.fancybox-custom-layout .fancybox-caption {
    background: #fff;
    bottom: 0;
    color: #6c6f73;
    left: auto;
    padding: 10px 0;
    right: 44px;
    top: 0;
    width: 350px;
    text-align: left
}

    .fancybox-custom-layout .fancybox-caption:before {
        display: none
    }

    .fancybox-custom-layout .fancybox-caption .fancybox-caption__body {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        padding-bottom: 50px
    }

    .fancybox-custom-layout .fancybox-caption a {
        text-decoration: none
    }

        .fancybox-custom-layout .fancybox-caption a:hover {
            color: #3d70b2
        }

    .fancybox-custom-layout .fancybox-caption .comment-controls {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #fbfbfc;
        height: 50px;
        width: 100%;
        border-radius: 0 0 6px 0;
        border-top: 1px solid #dee2e5
    }

        .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner {
            position: relative;
            display: flex;
            align-items: center;
            width: 100%;
            height: 100%;
            padding: 0 16px
        }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner img {
                height: 32px;
                width: 32px;
                border-radius: 50%
            }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .control {
                position: relative;
                width: 100%
            }

                .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .control .textarea, .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .control .emojionearea-editor {
                    resize: none;
                    height: 36px;
                    max-height: 36px;
                    min-height: 36px;
                    border-radius: 100px;
                    overflow: hidden;
                    line-height: 1.6;
                    font-size: .8rem;
                    padding-left: 16px;
                    margin: 0 6px;
                    text-align: left
                }

                .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .control .emoji-button {
                    position: absolute;
                    top: 0;
                    right: 0;
                    height: 36px;
                    width: 36px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: none;
                    border: none;
                    outline: none;
                    transition: all .3s;
                    cursor: pointer
                }

                    .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .control .emoji-button:hover svg {
                        stroke: #3d70b2
                    }

                    .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .control .emoji-button svg {
                        height: 16px;
                        width: 16px;
                        stroke: #a2a5b9;
                        transition: all .3s
                    }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea-editor {
                padding-left: 0 !important
            }

                .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea-editor img {
                    height: 18px;
                    width: 18px;
                    min-height: 18px;
                    max-height: 18px
                }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea {
                overflow: visible !important
            }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea-picker {
                top: -230px;
                position: absolute;
                left: -50px;
                width: 310px
            }

                .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea-picker .emojionearea-wrapper {
                    width: 310px
                }

                    .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea-picker .emojionearea-wrapper img {
                        height: 22px;
                        width: 22px;
                        min-height: 22px;
                        max-height: 22px
                    }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea-scroll-area {
                width: 310px
            }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea .emojionearea-button > div.emojionearea-button-open {
                background-position: 0 -22px
            }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn {
                width: 24px !important;
                height: 24px !important
            }

    .fancybox-custom-layout .fancybox-caption .header {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 12px;
        width: 100%
    }

        .fancybox-custom-layout .fancybox-caption .header img {
            height: 42px;
            width: 42px;
            border-radius: 50%
        }

        .fancybox-custom-layout .fancybox-caption .header .user-meta {
            margin: 0 10px
        }

            .fancybox-custom-layout .fancybox-caption .header .user-meta span {
                display: block
            }

                .fancybox-custom-layout .fancybox-caption .header .user-meta span:first-child {
                    font-size: .9rem;
                    font-weight: 500
                }

                    .fancybox-custom-layout .fancybox-caption .header .user-meta span:first-child small {
                        color: #999
                    }

                .fancybox-custom-layout .fancybox-caption .header .user-meta span:nth-child(2) {
                    text-align: left;
                    font-size: .8rem;
                    color: #999
                }

        .fancybox-custom-layout .fancybox-caption .header .button {
            line-height: 0;
            margin-left: auto;
            padding: 14px 18px
        }

        .fancybox-custom-layout .fancybox-caption .header .dropdown .button {
            padding: 18px 6px;
            border: none;
            background: transparent
        }

            .fancybox-custom-layout .fancybox-caption .header .dropdown .button svg {
                height: 18px;
                width: 18px
            }

        .fancybox-custom-layout .fancybox-caption .header .dropdown .dropdown-menu {
            margin-top: 10px
        }

    .fancybox-custom-layout .fancybox-caption .inner-content {
        padding: 12px
    }

        .fancybox-custom-layout .fancybox-caption .inner-content .control {
            width: 100%
        }

            .fancybox-custom-layout .fancybox-caption .inner-content .control input {
                padding-left: 34px
            }

                .fancybox-custom-layout .fancybox-caption .inner-content .control input:focus + .icon svg {
                    stroke: #3d70b2
                }

            .fancybox-custom-layout .fancybox-caption .inner-content .control .icon {
                position: absolute;
                top: 0;
                left: 0;
                height: 32px;
                width: 32px;
                display: flex;
                justify-content: center;
                align-items: center
            }

                .fancybox-custom-layout .fancybox-caption .inner-content .control .icon svg {
                    height: 18px;
                    width: 18px;
                    stroke: #cecece;
                    transition: all .3s
                }

    .fancybox-custom-layout .fancybox-caption .live-stats {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #e8e8e8
    }

        .fancybox-custom-layout .fancybox-caption .live-stats .social-count {
            display: flex;
            align-items: stretch
        }

            .fancybox-custom-layout .fancybox-caption .live-stats .social-count .shares-count, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .comments-count, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .likes-count, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .views-count {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                margin: 0 3px
            }

                .fancybox-custom-layout .fancybox-caption .live-stats .social-count .shares-count span, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .comments-count span, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .likes-count span, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .views-count span {
                    display: block;
                    font-size: .8rem;
                    color: #888da8;
                    margin: 0 5px
                }

                    .fancybox-custom-layout .fancybox-caption .live-stats .social-count .shares-count span.views, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .comments-count span.views, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .likes-count span.views, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .views-count span.views {
                        margin: 0 2px
                    }

                .fancybox-custom-layout .fancybox-caption .live-stats .social-count .shares-count svg, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .comments-count svg, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .likes-count svg, .fancybox-custom-layout .fancybox-caption .live-stats .social-count .views-count svg {
                    height: 14px;
                    width: 14px;
                    stroke: #888da8
                }

    .fancybox-custom-layout .fancybox-caption .actions {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 0 0 0
    }

        .fancybox-custom-layout .fancybox-caption .actions .action {
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer
        }

            .fancybox-custom-layout .fancybox-caption .actions .action span {
                display: block;
                font-size: .8rem;
                margin: 0 4px;
                transition: all .3s
            }

            .fancybox-custom-layout .fancybox-caption .actions .action svg {
                height: 16px;
                width: 16px;
                stroke: #888da8;
                transition: all .3s
            }

            .fancybox-custom-layout .fancybox-caption .actions .action:hover span {
                color: #3d70b2
            }

            .fancybox-custom-layout .fancybox-caption .actions .action:hover svg {
                stroke: #3d70b2
            }

    .fancybox-custom-layout .fancybox-caption .comments-list {
        background: #f5f6f7;
        height: calc(100% - 162px);
        padding: 20px 14px;
        overflow-y: auto
    }

        .fancybox-custom-layout .fancybox-caption .comments-list .is-comment {
            border: none !important;
            padding-top: 0 !important
        }

            .fancybox-custom-layout .fancybox-caption .comments-list .is-comment.is-nested {
                margin-left: 40px
            }

            .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-left {
                margin-right: 10px
            }

                .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-left img {
                    border-radius: 50%
                }

            .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content {
                background: #fff;
                padding: 12px;
                border-radius: 8px
            }

                .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .username {
                    font-size: .8rem;
                    font-weight: 500
                }

                .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content p {
                    font-size: .75rem;
                    color: #999
                }

                .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions {
                    display: flex;
                    align-items: center;
                    padding-top: 8px
                }

                    .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions span, .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions a {
                        display: block;
                        font-size: .75rem
                    }

                    .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions span {
                        margin: 0 10px;
                        color: #999
                    }

                    .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions .likes-count {
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        margin-left: auto
                    }

                        .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions .likes-count span {
                            display: block;
                            font-size: .75rem;
                            color: #888da8;
                            margin: 0 5px
                        }

                            .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions .likes-count span.views {
                                margin: 0 2px
                            }

                        .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions .likes-count svg {
                            height: 12px;
                            width: 12px;
                            stroke: #888da8
                        }

.fancybox-custom-layout .fancybox-stage {
    right: 394px
}

.fancybox-custom-layout .fancybox-toolbar {
    background: #3d70b2;
    bottom: 0;
    left: auto;
    right: 0;
    top: 0;
    width: 44px
}

.fancybox-custom-layout .fancybox-button {
    background: transparent
}

    .fancybox-custom-layout .fancybox-button div {
        padding: 2px
    }

    .fancybox-custom-layout .fancybox-button[disabled] {
        color: #fff
    }

    .fancybox-custom-layout .fancybox-button:not([disabled]) {
        color: #fff
    }

.fancybox-custom-layout .fancybox-button--arrow_right {
    right: 308px
}

@media only screen and (min-width: 600px) {
    .tabs.is-boxed li.is-active a {
        border-color: #e8e8e8
    }
}

.subloader {
    position: fixed;
    top: 107px;
    left: 0;
    height: calc(100% - 107px);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    z-index: -1;
    transition: all .3s
}

    .subloader.is-active {
        opacity: 1;
        z-index: 8
    }

    .subloader.is-grey {
        background: #f4f4f4
    }

    .subloader.is-white {
        background: #fff
    }

    .subloader .loader {
        height: 5rem;
        width: 5rem
    }

pre {
    background-color: transparent !important;
    color: unset;
    font-size: .875em;
    overflow-x: auto;
    padding: 0 !important;
    white-space: pre;
    word-wrap: normal
}

.hljs {
    display: block;
    overflow-x: auto;
    font-size: .875em;
    padding: 1.5em;
    background: #344258;
    overflow-x: auto;
    white-space: pre;
    border-radius: 8px;
    color: #fff
}

.hljs-name, .hljs-strong {
    font-weight: bold;
    color: #4fc1ea
}

.hljs-code, .hljs-emphasis {
    font-style: italic
}

.hljs-tag {
    color: #909090
}

.hljs-variable, .hljs-template-variable, .hljs-selector-id, .hljs-selector-class {
    color: #ade5fc
}

.hljs-string, .hljs-bullet {
    color: #f39200 !important
}

.hljs-type, .hljs-title, .hljs-section, .hljs-attribute, .hljs-quote, .hljs-built_in, .hljs-builtin-name {
    color: #ffa
}

.hljs-attr {
    color: #68bb88
}

.hljs-number, .hljs-symbol, .hljs-bullet {
    color: #d36363
}

.hljs-keyword, .hljs-selector-tag, .hljs-literal {
    color: #fcc28c
}

.hljs-comment, .hljs-deletion, .hljs-code {
    color: #888
}

.hljs-regexp, .hljs-link {
    color: #c6b4f0
}

.hljs-meta {
    color: #fc9b9b
}

.hljs-deletion {
    background-color: #fc9b9b;
    color: #333
}

.hljs-addition {
    background-color: #a2fca2;
    color: #333
}

.hljs a {
    color: inherit
}

    .hljs a:focus, .hljs a:hover {
        color: inherit;
        text-decoration: underline
    }

#message {
    top: -200px;
    transition: all .5s
}

.fancybox-slide--current #message {
    top: 0
}

.fancybox-is-closing #message {
    top: 0;
    transform: scale(1.5)
}

@media all and (min-width: 600px) {
    .element-block .fancybox-custom-layout .fancybox-bg {
        background: #fcfaf9
    }

    .element-block .fancybox-custom-layout.fancybox-is-open .fancybox-bg {
        opacity: 1
    }

    .element-block .fancybox-custom-layout .fancybox-caption {
        background: #f1ecec;
        bottom: 0;
        color: #6c6f73;
        left: auto;
        padding: 30px 20px;
        right: 44px;
        top: 0;
        width: 256px
    }

        .element-block .fancybox-custom-layout .fancybox-caption h3 {
            color: #444;
            font-size: 21px;
            line-height: 1.3;
            margin-bottom: 24px
        }

        .element-block .fancybox-custom-layout .fancybox-caption a {
            color: #444
        }

        .element-block .fancybox-custom-layout .fancybox-caption::before {
            display: none
        }

    .element-block .fancybox-custom-layout .fancybox-stage {
        right: 300px
    }

    .element-block .fancybox-custom-layout .fancybox-toolbar {
        background: #3b3b45;
        bottom: 0;
        left: auto;
        right: 0;
        top: 0;
        width: 44px
    }

    .element-block .fancybox-custom-layout .fancybox-button {
        background: transparent
    }

    .element-block .fancybox-custom-layout .fancybox-navigation .fancybox-button div {
        padding: 6px;
        background: #fcfaf9;
        border-radius: 50%;
        transition: opacity .2s;
        box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
        opacity: .7
    }

    .element-block .fancybox-custom-layout .fancybox-navigation .fancybox-button:not([disabled]):hover div {
        opacity: 1
    }

    .element-block .fancybox-custom-layout .fancybox-navigation .fancybox-button[disabled] {
        color: #999
    }

    .element-block .fancybox-custom-layout .fancybox-navigation .fancybox-button:not([disabled]) {
        color: #333
    }

    .element-block .fancybox-custom-layout .fancybox-button--arrow_right {
        right: 308px
    }
}

.morphing-btn-wrap {
    display: inline-block;
    position: relative;
    text-align: center
}

.morphing-btn {
    box-sizing: border-box;
    transition: color .3s .2s,width .2s 0s;
    white-space: nowrap
}

.morphing-btn_circle {
    color: transparent !important;
    padding-left: 0;
    padding-right: 0;
    transition: color .2s 0s,width .3s .2s;
    width: 35.6px !important
}

.morphing-btn-clone {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #3d70b2;
    border-radius: 50%;
    position: fixed;
    transition: all .5s cubic-bezier(0.65, 0.05, 0.36, 1);
    z-index: 3
}

.morphing-btn-clone_visible {
    display: block;
    transform: scale(1) !important
}

.fancybox-morphing .fancybox-bg {
    background: #3d70b2;
    opacity: 1
}

.fancybox-morphing .fancybox-toolbar {
    right: 40px;
    top: 20px
}

.fancybox-morphing .fancybox-button--close {
    background: rgba(0,0,0,.2);
    border-radius: 50%;
    color: #fff
}

    .fancybox-morphing .fancybox-button--close:hover {
        background: rgba(0,0,0,.25)
    }

#morphing-content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    line-height: 2;
    margin: 0;
    padding: 6em 10vw;
    position: relative;
    z-index: 3
}

    #morphing-content * {
        color: #fff
    }

.fc-container .fancybox-bg {
    background: #eee
}

.fancybox-is-open.fc-container .fancybox-bg {
    opacity: .95
}

.fc-content {
    box-shadow: 10px 10px 60px -25px;
    max-width: 550px
}

.fancybox-fx-material.fancybox-slide--previous, .fancybox-fx-material.fancybox-slide--next {
    opacity: 0;
    transform: translateY(-60px) scale(1.1)
}

.fancybox-fx-material.fancybox-slide--current {
    opacity: 1;
    transform: translateY(0) scale(1)
}

.quick-view-container {
    background: rgba(10,10,10,.85)
}

.quick-view-content {
    bottom: 0;
    height: calc(100% - 40px);
    left: 0;
    margin: auto;
    max-height: 650px;
    max-width: 980px;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 40px)
}

.quick-view-carousel {
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 57%
}

    .quick-view-carousel .fancybox-stage {
        bottom: 30px
    }

.quick-view-aside {
    background: #fff;
    bottom: 30px;
    color: #777;
    left: auto;
    padding: 50px 0 30px 0;
    position: absolute;
    right: 0;
    top: 30px;
    width: 43%
}

    .quick-view-aside::before, .quick-view-aside::after {
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0
    }

    .quick-view-aside::before {
        background: #f4f4f4;
        width: 8px
    }

    .quick-view-aside::after {
        background: #e9e9e9;
        width: 1px
    }

    .quick-view-aside > div {
        height: 100%;
        overflow: auto;
        padding: 5vh 30px 0 30px;
        text-align: center
    }

        .quick-view-aside > div > p {
            font-size: 90%
        }

.quick-view-close {
    background: #f0f0f0;
    border: 0;
    color: #222;
    cursor: pointer;
    font-family: Arial;
    font-size: 14px;
    height: 44px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-indent: -99999px;
    top: 30px;
    transition: all .2s;
    width: 44px
}

    .quick-view-close:hover {
        background: #e4e4e4
    }

    .quick-view-close::before, .quick-view-close::after {
        background-color: #222;
        content: "";
        height: 18px;
        left: 22px;
        position: absolute;
        top: 12px;
        width: 1px
    }

    .quick-view-close:before {
        transform: rotate(-45deg)
    }

    .quick-view-close:after {
        transform: rotate(45deg)
    }

.quick-view-bullets {
    bottom: 0;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    text-align: center;
    width: 100%;
    z-index: 99999
}

    .quick-view-bullets li {
        display: inline-block;
        vertical-align: top
    }

        .quick-view-bullets li a {
            display: block;
            height: 30px;
            position: relative;
            width: 20px
        }

            .quick-view-bullets li a span {
                background: #d4d2d2;
                border-radius: 99px;
                height: 10px;
                left: 50%;
                overflow: hidden;
                position: absolute;
                text-indent: -99999px;
                top: 50%;
                transform: translate(-50%, -50%);
                width: 10px
            }

        .quick-view-bullets li.active a span {
            background: #ff4453
        }

.hopscotch-bubble {
    border: 1px solid #e8e8e8 !important;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important;
    border-radius: 2px !important
}

    .hopscotch-bubble .hopscotch-bubble-container {
        background: #fff !important;
        position: relative !important;
        z-index: 2 !important
    }

        .hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-next {
            height: 32px;
            min-width: 80px;
            background: #fff;
            color: #393a4f;
            border-radius: 100px;
            border-color: #cecece;
            text-shadow: none !important;
            transition: all .3s
        }

            .hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-next:hover {
                background: #3d70b2;
                box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important;
                border-color: #3d70b2;
                color: #fff
            }

    .hopscotch-bubble .hopscotch-arrow.down .hopscotch-bubble-arrow-border {
        position: relative !important;
        top: -6px !important;
        border-top: 17px solid #dbdbdb !important
    }

    .hopscotch-bubble .hopscotch-arrow.up .hopscotch-bubble-arrow-border {
        position: relative !important;
        top: 6px !important;
        border-bottom: 17px solid #dbdbdb !important
    }

    .hopscotch-bubble .hopscotch-arrow.right .hopscotch-bubble-arrow-border {
        position: relative !important;
        left: -6px !important;
        border-left: 17px solid #dbdbdb !important
    }

    .hopscotch-bubble .hopscotch-arrow.left .hopscotch-bubble-arrow-border {
        position: relative !important;
        right: -6px !important;
        border-right: 17px solid #dbdbdb !important
    }

.hopscotch-highlight {
    position: relative !important;
    z-index: 1001 !important
}

@keyframes scaleAnimation {
    0% {
        opacity: 0;
        transform: scale(1.5)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes drawCircle {
    0% {
        stroke-dashoffset: 151px
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes drawCheck {
    0% {
        stroke-dashoffset: 36px
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#successAnimationCircle {
    stroke-dasharray: 151px 151px;
    stroke: #41d6c3
}

#successAnimationCheck {
    stroke-dasharray: 36px 36px;
    stroke: #41d6c3
}

#successAnimationResult {
    fill: #41d6c3;
    opacity: 0
}

#successAnimation.animated {
    animation: 1s ease-out 0s 1 both scaleAnimation
}

    #successAnimation.animated #successAnimationCircle {
        animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle,.3s linear .9s 1 both fadeOut
    }

    #successAnimation.animated #successAnimationCheck {
        animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck,.3s linear .9s 1 both fadeOut
    }

    #successAnimation.animated #successAnimationResult {
        animation: .3s linear .9s both fadeIn
    }

.page-placeholder {
    min-height: 520px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px
}

    .page-placeholder.is-wider .placeholder-content > p {
        font-size: 1rem;
        max-width: 420px
    }

    .page-placeholder .placeholder-content {
        text-align: center
    }

        .page-placeholder .placeholder-content img {
            display: block;
            max-width: 340px;
            margin: 0 auto 12px auto
        }

            .page-placeholder .placeholder-content img.is-larger {
                max-width: 440px
            }

        .page-placeholder .placeholder-content h3 {
            font-size: 1.3rem;
            font-weight: 600;
            font-family: "Montserrat",sans-serif;
            color: #393a4f
        }

        .page-placeholder .placeholder-content p {
            font-size: 1.1rem;
            max-width: 440px;
            margin: 0 auto 12px auto;
            color: #a2a5b9
        }

            .page-placeholder .placeholder-content p.is-large {
                max-width: 540px
            }

            .page-placeholder .placeholder-content p.is-larger {
                max-width: 620px
            }

        .page-placeholder .placeholder-content .btn {
            margin-bottom: 8px
        }

body.is-dark .page-placeholder .placeholder-content h3 {
    color: #fff
}

@media(max-width: 767px) {
    .page-placeholder .placeholder-content img {
        max-width: 280px
    }
}

.error-container .error-wrapper {
    max-width: 840px;
    margin: 0 auto;
    padding-top: 40px
}

    .error-container .error-wrapper .error-inner {
        position: relative;
        max-width: 540px;
        margin: 0 auto
    }

        .error-container .error-wrapper .error-inner .bg-number {
            font-family: "Roboto",sans-serif;
            position: absolute;
            top: -58px;
            left: -100px;
            right: 0;
            margin: 0 auto;
            font-size: 28rem;
            font-weight: 600;
            opacity: .15;
            z-index: 0
        }

        .error-container .error-wrapper .error-inner img, .error-container .error-wrapper .error-inner h3, .error-container .error-wrapper .error-inner p, .error-container .error-wrapper .error-inner .button-wrap {
            position: relative;
            z-index: 1
        }

        .error-container .error-wrapper .error-inner img {
            display: block;
            max-width: 100%;
            margin: 0 auto
        }

        .error-container .error-wrapper .error-inner h3 {
            font-size: 1.5rem;
            font-family: "Montserrat",sans-serif;
            color: #393a4f;
            font-weight: 600;
            margin-top: 10px
        }

        .error-container .error-wrapper .error-inner p {
            font-family: "Roboto",sans-serif;
            font-size: 1.1rem;
            color: #a2a5b9;
            margin-bottom: 16px
        }

        .error-container .error-wrapper .error-inner .button-wrap .button {
            min-width: 220px;
            min-height: 50px
        }

body.is-dark .error-container .error-wrapper .error-inner .bg-number {
    opacity: .9
}

body.is-dark .error-container .error-wrapper .error-inner h3 {
    color: #fff
}

.avatar-wrap {
    position: relative;
    display: inline-block;
    vertical-align: bottom
}

    .avatar-wrap .avatar {
        width: 32px;
        min-width: 32px;
        height: 32px;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 50%
    }

        .avatar-wrap .avatar.is-squared {
            border-radius: 10px !important
        }

.chat-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    z-index: -1;
    transition: all .3s
}

    .chat-wrapper.is-active, .chat-wrapper.is-standalone {
        pointer-events: all !important;
        z-index: 1000 !important;
        opacity: 1 !important;
        transform: translateY(0) !important
    }

        .chat-wrapper.is-standalone .chat-inner .chat-nav .close-chat {
            display: none !important
        }

    .chat-wrapper .chat-inner {
        position: relative;
        height: 100%;
        width: 100%
    }

        .chat-wrapper .chat-inner .chat-nav {
            position: absolute;
            top: 0;
            left: 60px;
            width: calc(100% - 60px);
            height: 60px;
            background: #fff;
            border-bottom: 1px solid #e0e0e0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 16px;
            z-index: 99
        }

            .chat-wrapper .chat-inner .chat-nav .nav-start {
                display: flex;
                justify-content: flex-start;
                align-items: center
            }

                .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block {
                    display: inherit;
                    justify-content: inherit;
                    align-items: inherit
                }

                    .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .avatar-container {
                        position: relative;
                        height: 46px;
                        width: 46px;
                        border: 2px solid transparent
                    }

                        .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .avatar-container .user-avatar {
                            border-radius: 50%
                        }

                    .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username {
                        margin-left: 8px
                    }

                        .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username span {
                            display: block
                        }

                            .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username span:first-child {
                                font-weight: 500;
                                color: #757a91
                            }

                            .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username span:nth-child(2) {
                                display: flex;
                                align-items: center
                            }

                                .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username span:nth-child(2) svg {
                                    height: 14px;
                                    width: 14px;
                                    stroke: #888da8;
                                    margin-right: 4px
                                }

                                .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username span:nth-child(2) span {
                                    font-size: .9rem;
                                    color: #888da8
                                }

            .chat-wrapper .chat-inner .chat-nav .nav-end {
                display: flex;
                justify-content: flex-start;
                align-items: center
            }

                .chat-wrapper .chat-inner .chat-nav .nav-end .dropdown {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 32px;
                    width: 32px
                }

                .chat-wrapper .chat-inner .chat-nav .nav-end .chat-nav-item.is-icon {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 32px;
                    width: 32px
                }

                    .chat-wrapper .chat-inner .chat-nav .nav-end .chat-nav-item.is-icon:last-child {
                        margin-right: 4px
                    }

                    .chat-wrapper .chat-inner .chat-nav .nav-end .chat-nav-item.is-icon svg {
                        height: 20px;
                        width: 20px;
                        stroke: #a2a5b9
                    }

                .chat-wrapper .chat-inner .chat-nav .nav-end .chat-nav-item.close-chat {
                    border-radius: 50%
                }

                    .chat-wrapper .chat-inner .chat-nav .nav-end .chat-nav-item.close-chat:hover {
                        background: #f0f0f0
                    }

                        .chat-wrapper .chat-inner .chat-nav .nav-end .chat-nav-item.close-chat:hover svg {
                            stroke: #757a91
                        }

                .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search {
                    margin: 0 8px
                }

                    .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .input:focus {
                        border-color: #3d70b2;
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important
                    }

                        .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .input:focus + .form-icon svg {
                            stroke: #3d70b2
                        }

        .chat-wrapper .chat-inner .users-sidebar {
            position: absolute;
            top: 0;
            left: 0;
            width: 60px;
            height: 100%;
            background: #fff;
            border-right: 1px solid #e0e0e0
        }

            .chat-wrapper .chat-inner .users-sidebar .header-item, .chat-wrapper .chat-inner .users-sidebar .user-item, .chat-wrapper .chat-inner .users-sidebar .footer-item {
                display: flex;
                justify-content: center;
                align-items: center;
                position: relative;
                height: 60px;
                width: 60px

            }
.chat-wrapper .chat-inner .users-sidebar .user-item .unread {
    position: absolute;
    bottom: 0;
    right: 5px;
    color: green;
    font-size: 12px;
}
                .chat-wrapper .chat-inner .users-sidebar .header-item img {
                    height: 38px !important;
                    width: 38px !important
                }

            .chat-wrapper .chat-inner .users-sidebar .conversations-list {
                height: calc(100% - 120px);
                overflow-y: auto
            }

            .chat-wrapper .chat-inner .users-sidebar .user-item {
                cursor: pointer
            }

                .chat-wrapper .chat-inner .users-sidebar .user-item.is-active {
                    background: #f5f5f5
                }

                    .chat-wrapper .chat-inner .users-sidebar .user-item.is-active .user-status {
                        border-color: #f5f5f5 !important
                    }

                .chat-wrapper .chat-inner .users-sidebar .user-item:hover {
                    background: #ededed
                }

                .chat-wrapper .chat-inner .users-sidebar .user-item .avatar-container {
                    position: relative;
                    height: 38px;
                    width: 38px;
                    border: 2px solid #F0F0F0;
                    border-radius: 50%;
                }

                    .chat-wrapper .chat-inner .users-sidebar .user-item .avatar-container .user-avatar {
                        border-radius: 50%
                    }

                    .chat-wrapper .chat-inner .users-sidebar .user-item .avatar-container .user-status {
                        position: absolute;
                        top: -3px;
                        right: -1px;
                        height: 12px;
                        width: 12px;
                        border-radius: 50%;
                        background: #999;
                        border: 2px solid #fff
                    }

                        .chat-wrapper .chat-inner .users-sidebar .user-item .avatar-container .user-status.is-online {
                            background: #41d6c3
                        }

                        .chat-wrapper .chat-inner .users-sidebar .user-item .avatar-container .user-status.is-busy {
                            background: #3d70b2
                        }

                        .chat-wrapper .chat-inner .users-sidebar .user-item .avatar-container .user-status.is-away {
                            background: #a2a5b9
                        }

            .chat-wrapper .chat-inner .users-sidebar .footer-item {
                position: absolute;
                bottom: 0;
                left: 0
            }

                .chat-wrapper .chat-inner .users-sidebar .footer-item .add-button {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 42px;
                    min-height: 42px;
                    width: 42px;
                    max-width: 42px;
                    margin: 0 auto;
                    border: 1.8px dashed #999;
                    border-radius: 50%;
                    transition: all .3s;
                    cursor: pointer
                }

                    .chat-wrapper .chat-inner .users-sidebar .footer-item .add-button:hover {
                        border: 1.8px solid #3d70b2
                    }

                        .chat-wrapper .chat-inner .users-sidebar .footer-item .add-button:hover svg {
                            stroke: #3d70b2
                        }

                    .chat-wrapper .chat-inner .users-sidebar .footer-item .add-button svg {
                        height: 18px;
                        width: 18px;
                        stroke: #999;
                        transition: inherit
                    }

        .chat-wrapper .chat-inner .chat-body {
            position: absolute;
            bottom: 0;
            left: 60px;
            height: 100%;
            width: calc(100% - 60px);
            background: #f0f0f0;
            transition: all .3s
        }

            .chat-wrapper .chat-inner .chat-body.is-opened {
                width: calc(100% - 460px)
            }

                .chat-wrapper .chat-inner .chat-body.is-opened .chat-action {
                    width: calc(100% - 460px) !important
                }

            .chat-wrapper .chat-inner .chat-body .chat-body-inner {
                position: relative;
                width: 100%;
                height: calc(100% - 60px);
                margin-top: 60px;
                padding: 20px 80px 60px 80px;
                overflow-y: auto;
                animation-name: fadeInLeft;
                animation-duration: .5s
            }

                .chat-wrapper .chat-inner .chat-body .chat-body-inner .date-divider {
                    position: relative;
                    margin-bottom: 40px;
                    margin-top: 20px
                }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .date-divider hr {
                        margin: 10px 0;
                        background: #ccc;
                        height: 1px
                    }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .date-divider .date-divider-text {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        padding: 5px 10px;
                        background-color: #f0f0f0;
                        color: #ccc;
                        font-size: 13px;
                        font-weight: 500;
                        text-transform: uppercase;
                        transform: translate(-50%, -50%)
                    }

                .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message {
                    display: flex;
                    align-items: flex-start;
                    margin-bottom: 30px
                }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message img {
                        display: block;
                        height: 42px;
                        width: 42px;
                        border-radius: 50%
                    }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message .message-block span {
                        display: block;
                        width: 100%;
                        font-size: .8rem;
                        color: #999
                    }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message .message-block .message-text {
                        position: relative;
                        display: block;
                        width: auto;
                        max-width: 320px;
                        padding: 10px;
                        border-radius: 3px;
                        font-size: .9rem
                    }

                        .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message .message-block .message-text:before {
                            position: absolute;
                            display: block;
                            content: "";
                            top: 0;
                            width: 0;
                            height: 0;
                            border-left: 5px solid transparent;
                            border-right: 5px solid transparent
                        }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent {
                        flex-direction: row-reverse
                    }

                        .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent img {
                            margin-left: 20px
                        }

                        .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent .message-block .message-text {
                            color: #757a91;
                            background-color: #fff
                        }

                            .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent .message-block .message-text:before {
                                right: -5px;
                                border-top: 5px solid #fff
                            }

                        .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent + .is-sent {
                            margin-top: -16px !important
                        }

                            .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent + .is-sent img {
                                visibility: hidden
                            }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-received img {
                        margin-right: 20px
                    }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-received .message-block span {
                        text-align: right
                    }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-received .message-block .message-text {
                        color: #fafafa;
                        background-color: #5082c3
                    }

                        .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-received .message-block .message-text:before {
                            left: -5px;
                            border-top: 5px solid #5082c3
                        }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-received + .is-received {
                        margin-top: -16px !important
                    }

                        .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-received + .is-received img {
                            visibility: hidden
                        }

        .chat-wrapper .chat-inner .chat-action {
            position: fixed;
            bottom: 0;
            left: 60px;
            width: calc(100% - 60px);
            height: 60px;
            padding: 0 40px;
            background: #f0f0f0
        }

            .chat-wrapper .chat-inner .chat-action .chat-action-inner {
                position: relative;
                display: flex;
                align-items: center;
                height: 100%;
                width: 100%
            }

                .chat-wrapper .chat-inner .chat-action .chat-action-inner .control {
                    position: relative;
                    width: 100%
                }

                    .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .textarea {
                        resize: none;
                        height: 44px;
                        max-height: 44px;
                        min-height: 44px;
                        line-height: 2.1;
                        padding: 5px 9px;
                        padding-left: 54px;
                        transition: all .3s
                    }

                        .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .textarea:focus {
                            border-color: #e8e8e8 !important
                        }

                    .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .compose-dropdown {
                        position: absolute;
                        top: 0;
                        left: 0
                    }

                    .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .send-button {
                        position: absolute;
                        top: 0;
                        left: 0
                    }
                    .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .add-button {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 44px;
                        width: 44px
                    }

                        .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .add-button .button-inner {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            height: 34px;
                            min-height: 34px;
                            width: 34px;
                            max-width: 34px;
                            border: 1px solid #3d70b2;
                            border-radius: .65rem;
                            background: #3d70b2;
                            transition: all .3s;
                            cursor: pointer
                        }

                        .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .add-button:hover .button-inner {
                            border-color: #41d6c3;
                            background-color: #41d6c3
                        }

                            .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .add-button:hover .button-inner svg {
                                stroke: #fafafa
                            }

                        .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .add-button svg {
                            height: 18px;
                            width: 18px;
                            stroke: #fafafa;
                            transition: inherit
                        }

        .chat-wrapper .chat-inner .chat-panel {
            position: absolute;
            bottom: 0;
            right: 0;
            height: calc(100% - 60px);
            width: 400px;
            background: #fff;
            border-left: 1px solid #e8e8e8;
            transform: translateX(400px);
            transition: all .3s
        }

            .chat-wrapper .chat-inner .chat-panel.is-opened {
                transform: translateX(0)
            }

            .chat-wrapper .chat-inner .chat-panel .panel-inner {
                position: relative;
                width: 100%;
                height: 100%
            }

                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    height: 60px;
                    width: 100%;
                    background: #fff;
                    padding: 16px
                }

                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header h3 {
                        font-size: 1.2rem;
                        font-weight: 500
                    }

                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header .panel-close {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 36px;
                        width: 36px;
                        border-radius: 50%;
                        transition: all .3s;
                        cursor: pointer
                    }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header .panel-close:hover {
                            background: #f0f0f0
                        }

                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header .panel-close:hover svg {
                                stroke: #757a91
                            }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header .panel-close svg {
                            height: 20px;
                            width: 20px;
                            stroke: #a2a5b9;
                            transition: inherit
                        }

                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body {
                    position: absolute;
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    width: 100%;
                    height: calc(100% - 60px)
                }

                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner {
                        padding: 16px;
                        animation-name: fadeInLeft;
                        animation-duration: .5s
                    }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .subheader {
                            display: flex;
                            justify-content: flex-start;
                            align-items: center;
                            margin-bottom: 40px
                        }

                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .subheader .action-icon {
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                height: 40px;
                                width: 40px;
                                cursor: pointer;
                                border-radius: 6px;
                                transition: all .3s
                            }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .subheader .action-icon i {
                                    font-size: 22px;
                                    color: #a2a5b9
                                }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .subheader .action-icon:hover {
                                    background: #f5f5f5
                                }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .details-avatar {
                            position: relative;
                            height: 110px;
                            width: 110px;
                            margin: 10px auto
                        }

                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .details-avatar img {
                                display: block;
                                border-radius: 50%
                            }
                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-block {
                            display: flex;
                            justify-content: flex-start;
                            align-items: center;
                            padding: 5px;
                        }
                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-block img {
                                width: 42px;
                                height: 42px;
                                border-radius: 50%;
                                object-fit: cover;
                                display: flex;
                                align-items: center;
                            }
                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-block .user-info {
                                align-items: center;
                                padding-left: 10px;
                            }
                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-block a {
                                font-size: .9rem;
                                font-weight: 500;
                                color: #393a4f;
                                transition: color .3s;
                                display: block;
                            }
                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-block .user-info span {
                                color: #5a5a5a;
                                font-family: Roboto,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
                                font-size: .8rem;
                            }
                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .details-avatar .call-me {
                                position: absolute;
                                bottom: 0;
                                right: -12px;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                height: 42px;
                                width: 42px;
                                border-radius: 50%;
                                border: 3px solid #fff;
                                background: #3d70b2;
                                cursor: pointer;
                                transition: all .3s
                            }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .details-avatar .call-me:hover {
                                    background: #8ab7ee
                                }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .details-avatar .call-me i {
                                    font-size: 20px;
                                    color: #fafafa
                                }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-meta h3 {
                            text-align: center;
                            color: #393a4f;
                            font-weight: 500;
                            font-size: 1.3rem;
                            line-height: 1.2
                        }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-meta h4 {
                            font-size: .95rem;
                            color: #a2a5b9
                        }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            margin: 20px 0;
                            transform: scale(0.84)
                        }

                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon {
                                width: 36px;
                                height: 20px;
                                background: #5f6062;
                                position: relative;
                                margin: 0 3px;
                                cursor: pointer;
                                text-align: center;
                                transition: all .3s ease-in-out
                            }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon:before {
                                    content: "";
                                    position: absolute;
                                    top: -12.2px;
                                    left: 0;
                                    width: 0;
                                    height: 0;
                                    border-left: 18px solid transparent;
                                    border-right: 18px solid transparent;
                                    border-bottom: 12.2px solid #5f6062;
                                    transition: all .3s ease-in-out
                                }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon:after {
                                    content: "";
                                    position: absolute;
                                    bottom: -12px;
                                    left: 0;
                                    width: 0;
                                    height: 0;
                                    border-left: 18px solid transparent;
                                    border-right: 18px solid transparent;
                                    border-top: 12.5px solid #5f6062;
                                    transition: all .3s ease-in-out
                                }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon:hover {
                                    background: #757a91 !important
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon:hover:after {
                                        border-top: 12.5px solid #757a91 !important
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon:hover:before {
                                        border-bottom: 12.5px solid #757a91 !important
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-red {
                                    background: #f71416
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-red:after {
                                        border-top: 12.5px solid #f71416
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-red:before {
                                        border-bottom: 12.5px solid #f71416
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-green {
                                    background: #1ce589
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-green:after {
                                        border-top: 12.5px solid #1ce589
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-green:before {
                                        border-bottom: 12.5px solid #1ce589
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-accent {
                                    background: #3d70b2
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-accent:after {
                                        border-top: 12.5px solid #3d70b2
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-accent:before {
                                        border-bottom: 12.5px solid #3d70b2
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-blue {
                                    background: #039be5
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-blue:after {
                                        border-top: 12.5px solid #039be5
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-blue:before {
                                        border-bottom: 12.5px solid #039be5
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-orange {
                                    background: #ff9700
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-orange:after {
                                        border-top: 12.5px solid #ff9700
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-orange:before {
                                        border-bottom: 12.5px solid #ff9700
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-purple {
                                    background: #9c2bed
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-purple:after {
                                        border-top: 12.5px solid #9c2bed
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-purple:before {
                                        border-bottom: 12.5px solid #9c2bed
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon .mdi {
                                    position: relative;
                                    top: 1px;
                                    color: #fff;
                                    font-size: 18px;
                                    line-height: 16px
                                }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about {
                            margin: 20px 0
                        }

                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about label {
                                display: block;
                                text-transform: uppercase;
                                font-size: .8rem;
                                font-weight: 500;
                                color: #888da8;
                                margin-bottom: 16px
                            }

                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block {
                                display: flex;
                                align-items: flex-start;
                                border: 1px solid #e8e8e8;
                                border-radius: 6px;
                                padding: 12px;
                                margin-bottom: 10px
                            }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block:last-child {
                                    margin-bottom: 0
                                }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block i {
                                    font-size: 22px;
                                    color: #a2a5b9
                                }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block .about-text {
                                    margin-left: 12px
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block .about-text span {
                                        display: block
                                    }

                                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block .about-text span:first-child {
                                            font-size: .8rem;
                                            font-weight: 500
                                        }

                                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block .about-text span:nth-child(2) {
                                            font-size: .8rem;
                                            color: #999
                                        }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block .about-text a {
                                        color: #999
                                    }

                                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block .about-text a:hover {
                                            color: #3d70b2
                                        }

.add-conversation-modal .modal-content {
    overflow: visible
}

    .add-conversation-modal .modal-content img {
        height: 70px;
        width: 70px;
        display: block;
        margin: 0 auto
    }

    .add-conversation-modal .modal-content .help-text {
        text-align: center;
        font-size: .9rem;
        padding: 10px 50px;
        color: #999
    }

    .add-conversation-modal .modal-content .field {
        padding: 0 50px;
        margin-bottom: 0;
        margin-top: 16px
    }

    .add-conversation-modal .modal-content .action {
        padding: 10px 50px 20px 50px
    }

        .add-conversation-modal .modal-content .action button {
            line-height: 0
        }

@media(max-width: 767px) {
    .chat-wrapper .chat-search {
        display: none !important
    }

    .chat-wrapper .chat-body {
        width: calc(100% - 60px) !important
    }

    .chat-wrapper .chat-body-inner {
        padding: 20px 10px 60px 10px !important
    }

    .chat-wrapper .chat-action {
        padding: 0 10px !important
    }

    .chat-wrapper .chat-panel {
        width: calc(100% - 60px) !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .chat-wrapper .chat-body {
        width: calc(100% - 60px) !important
    }

    .chat-wrapper .chat-body-inner {
        padding: 20px 40px 60px 40px !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .chat-wrapper .chat-body-inner {
        padding: 20px 20px 60px 20px !important
    }

    .chat-wrapper .chat-action {
        padding: 0 20px !important
    }
}

.card.is-new-content .tabs-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs-wrapper {
    border-radius: .85rem
}

.card.is-new-content .tabs, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs {
    border-radius: .85rem .85rem 0 0
}

    .card.is-new-content .tabs ul, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs ul {
        background: #fcfcfc
    }

    .card.is-new-content .tabs li, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li {
        background: #fcfcfc
    }

        .card.is-new-content .tabs li.is-active a, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.is-active a {
            color: #757a91;
            font-weight: 500
        }

            .card.is-new-content .tabs li.is-active a svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.is-active a svg {
                stroke: #757a91
            }

        .card.is-new-content .tabs li.close-wrap, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.close-wrap {
            display: flex;
            justify-content: flex-end;
            align-items: center
        }

            .card.is-new-content .tabs li.close-wrap .close-publish, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.close-wrap .close-publish {
                margin: 0 16px;
                display: none;
                justify-content: center;
                align-items: center;
                height: 30px;
                width: 30px;
                border-radius: 50%;
                background: transparent;
                cursor: pointer;
                transition: background .3s
            }

                .card.is-new-content .tabs li.close-wrap .close-publish:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.close-wrap .close-publish:hover {
                    background: #e8e8e8
                }

                .card.is-new-content .tabs li.close-wrap .close-publish svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.close-wrap .close-publish svg {
                    height: 18px;
                    width: 18px;
                    stroke: #757a91
                }

    .card.is-new-content .tabs a, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs a {
        font-size: .9rem;
        color: #888da8;
        padding: .75em !important
    }

        .card.is-new-content .tabs a svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs a svg {
            stroke: #888da8
        }

.card.is-new-content .compose, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose {
    padding: 16px;
    border-bottom: 1px solid #e8e8e8
}

    .card.is-new-content .compose .compose-form, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .compose-form {
        display: flex;
        justify-content: flex-start;
        align-items: stretch
    }

    .card.is-new-content .compose .feed-upload .upload-wrap, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .feed-upload .upload-wrap {
        position: relative;
        height: auto;
        width: 140px
    }
        .card.is-new-content .compose .feed-upload .upload-wrap .remove-file, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .feed-upload .upload-wrap .remove-file {
            position: absolute;
            top: -4px;
            right: -4px;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 30px;
            width: 30px;
            border-radius: 50%;
            background: #fff;
            cursor: pointer;
            transition: background .3s
        }

            .card.is-new-content .compose .feed-upload .upload-wrap .remove-file:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .feed-upload .upload-wrap .remove-file:hover {
                background: #e8e8e8
            }

            .card.is-new-content .compose .feed-upload .upload-wrap .remove-file svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .feed-upload .upload-wrap .remove-file svg {
                height: 16px;
                width: 16px;
                stroke: #757a91
            }

        .card.is-new-content .compose .feed-upload .upload-wrap img, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .feed-upload .upload-wrap img {
            display: inline-block;
            width: 100%;
            height: auto;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: .5rem
        }

    .card.is-new-content .compose img, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose img {
        height: 42px;
        width: 42px;
        border-radius: 50%
    }

    .card.is-new-content .compose .control, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .control {
        width: 100%;
        margin-left: 20px
    }

        .card.is-new-content .compose .control .textarea, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .control .textarea {
            padding: 0;
            border-color: transparent;
            resize: none
        }

.card.is-new-content .compose-options, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px;
    border-radius: 0 0 .85rem .85rem;
    background: #fff;
    cursor: pointer
}

    .card.is-new-content .compose-options .is-full, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .is-full {
        width: 100% !important;
        margin: 0 auto !important
    }

    .card.is-new-content .compose-options .is-narrower, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .is-narrower {
        padding: .3rem .5rem !important
    }

    .card.is-new-content .compose-options .compose-option, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option {
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 6px 16px;
        margin-right: 10px;
        background: #f7f7f7;
        border-radius: 500px;
        font-size: .85rem;
        color: #888da8;
        transition: all .3s
    }

        .card.is-new-content .compose-options .compose-option.is-centered, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option.is-centered {
            margin: 0 auto
        }

        .card.is-new-content .compose-options .compose-option:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option:hover {
            background: #f2f2f2
        }

            .card.is-new-content .compose-options .compose-option:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option:hover svg {
                stroke: #393a4f
            }

        .card.is-new-content .compose-options .compose-option span, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option span {
            display: block;
            padding: 0 8px
        }

        .card.is-new-content .compose-options .compose-option svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option svg {
            height: 20px;
            width: 20px;
            transition: all .3s
        }

        .card.is-new-content .compose-options .compose-option img, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option img {
            display: block;
            height: 20px;
            width: 20px
        }

        .card.is-new-content .compose-options .compose-option input, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option input {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            opacity: 0;
            cursor: pointer
        }

.card.is-new-content .more-wrap, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap {
    /*display: none;*/
    align-items: center;
    padding: 8px;
    border-top: 1px solid #e8e8e8;
    border-radius: 0 0 6px 6px;
    background: #fafafa
}

    .card.is-new-content .more-wrap .is-more, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap .is-more {
        line-height: 0;
        height: 38px;
        padding: 6px;
        margin-right: 6px
    }

        .card.is-new-content .more-wrap .is-more span, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap .is-more span {
            margin: 0 8px 0 4px
        }

        .card.is-new-content .more-wrap .is-more svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap .is-more svg {
            width: 16px;
            height: 16px
        }

    .card.is-new-content .more-wrap .is-solid, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap .is-solid {
        line-height: 0
    }

.card.is-new-content .hidden-options, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options {
    /*display: none;*/
    background: #f5f6f7;
    padding: 8px;
    border-top: 1px solid #e8e8e8;
    height: auto
}

    .card.is-new-content .hidden-options.is-opened, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options.is-opened {
        height: 350px !important;
        overflow: auto !important
    }

        .card.is-new-content .hidden-options.is-opened::-webkit-scrollbar, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options.is-opened::-webkit-scrollbar {
            width: 4px
        }

        .card.is-new-content .hidden-options.is-opened::-webkit-scrollbar-thumb, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options.is-opened::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background: rgba(0,0,0,.2)
        }

    .card.is-new-content .hidden-options .target-channels .channel, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel {
        display: flex;
        align-items: center;
        padding: 6px 8px;
        border-radius: 4px
    }

        .card.is-new-content .hidden-options .target-channels .channel:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel:hover {
            background: #edeef0
        }

        .card.is-new-content .hidden-options .target-channels .channel .channel-icon, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .channel-icon {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 40px;
            width: 40px;
            margin: 0 10px;
            border-radius: 50%;
            background: #fff;
            border: 1px solid #e8e8e8
        }

            .card.is-new-content .hidden-options .target-channels .channel .channel-icon svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .channel-icon svg {
                height: 18px;
                width: 18px;
                stroke: #999;
                stroke-width: 1px
            }

        .card.is-new-content .hidden-options .target-channels .channel .story-icon, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon {
            position: relative;
            height: 40px;
            width: 40px;
            margin: 0 10px;
            border-radius: 50%;
            background: #e8e8e8;
            border: 1px solid #cecece
        }

            .card.is-new-content .hidden-options .target-channels .channel .story-icon .plus-icon, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon .plus-icon {
                position: absolute;
                bottom: -1px;
                right: -8px;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 22px;
                width: 22px;
                border: 2px solid #e8e8e8;
                border-radius: 50%;
                background: #3d70b2
            }

                .card.is-new-content .hidden-options .target-channels .channel .story-icon .plus-icon svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon .plus-icon svg {
                    height: 10px;
                    width: 10px;
                    stroke-width: 3px;
                    stroke: #fafafa
                }

        .card.is-new-content .hidden-options .target-channels .channel .channel-name, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .channel-name {
            font-size: .85rem;
            font-weight: 500;
            color: #393a4f
        }

        .card.is-new-content .hidden-options .target-channels .channel .dropdown, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown {
            margin-left: auto
        }

            .card.is-new-content .hidden-options .target-channels .channel .dropdown button, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown button {
                line-height: 0;
                height: 36px;
                padding: 6px
            }

                .card.is-new-content .hidden-options .target-channels .channel .dropdown button span, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown button span {
                    margin: 0 4px
                }

                .card.is-new-content .hidden-options .target-channels .channel .dropdown button svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown button svg {
                    width: 16px;
                    height: 16px
                }

                .card.is-new-content .hidden-options .target-channels .channel .dropdown button i, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown button i {
                    font-size: 1.1rem
                }

    .card.is-new-content .hidden-options .friends-list, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list {
        margin-top: 10px;
        border-top: 1px solid #dedede
    }

        .card.is-new-content .hidden-options .friends-list .list-header, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px 10px
        }

            .card.is-new-content .hidden-options .friends-list .list-header span, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header span {
                color: #757a91;
                font-size: .8rem;
                font-weight: 500
            }

            .card.is-new-content .hidden-options .friends-list .list-header .actions, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .actions {
                display: flex;
                align-items: center
            }

                .card.is-new-content .hidden-options .friends-list .list-header .actions a, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .actions a {
                    display: block;
                    margin-left: 8px;
                    font-size: .8rem;
                    font-weight: 500;
                    color: #757a91
                }

                    .card.is-new-content .hidden-options .friends-list .list-header .actions a:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .actions a:first-child {
                        margin-left: auto
                    }

                    .card.is-new-content .hidden-options .friends-list .list-header .actions a:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .actions a:hover {
                        color: #3d70b2
                    }

                    .card.is-new-content .hidden-options .friends-list .list-header .actions a.search-trigger, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .actions a.search-trigger {
                        height: 24px;
                        width: 24px;
                        display: flex;
                        justify-content: center;
                        align-items: center
                    }

                    .card.is-new-content .hidden-options .friends-list .list-header .actions a svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .actions a svg {
                        height: 16px;
                        width: 16px;
                        stroke: #757a91
                    }

            .card.is-new-content .hidden-options .friends-list .list-header .control, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control {
                position: relative
            }

                .card.is-new-content .hidden-options .friends-list .list-header .control .input, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input {
                    padding-left: 36px;
                    border-radius: 100px;
                    transition: all .3s;
                    font-size: .9rem
                }

                    .card.is-new-content .hidden-options .friends-list .list-header .control .input:focus, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input:focus {
                        border-color: #e8e8e8
                    }

                .card.is-new-content .hidden-options .friends-list .list-header .control span, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control span {
                    position: absolute;
                    top: 0;
                    left: 4px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 36px;
                    width: 36px
                }

                    .card.is-new-content .hidden-options .friends-list .list-header .control span svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control span svg {
                        height: 18px;
                        width: 18px;
                        stroke: #cecece
                    }

        .card.is-new-content .hidden-options .friends-list .list-body, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body {
            padding: 0 6px
        }

            .card.is-new-content .hidden-options .friends-list .list-body .friend-block, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block {
                display: flex;
                align-items: center;
                margin-bottom: 6px;
                padding: 6px 0;
                border-radius: 4px;
                cursor: pointer
            }

                .card.is-new-content .hidden-options .friends-list .list-body .friend-block:hover .round-checkbox label, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block:hover .round-checkbox label {
                    border-color: #3d70b2
                }

                .card.is-new-content .hidden-options .friends-list .list-body .friend-block .friend-avatar, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block .friend-avatar {
                    height: 38px;
                    width: 38px;
                    margin: 0 10px;
                    border-radius: 50%
                }

                .card.is-new-content .hidden-options .friends-list .list-body .friend-block .friend-name, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block .friend-name {
                    font-size: .85rem;
                    font-weight: 500;
                    color: #393a4f
                }

.card.is-new-content.is-highlighted, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.is-highlighted.summary-card {
    position: relative !important;
    z-index: 1001 !important
}

    .card.is-new-content.is-highlighted .close-publish, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.is-highlighted.summary-card .close-publish {
        display: flex !important
    }

    .card.is-new-content.is-highlighted .more-wrap, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.is-highlighted.summary-card .more-wrap {
        display: flex
    }

    .card.is-new-content.is-highlighted .hidden-options, .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.is-highlighted.summary-card .hidden-options {
        display: block
    }

.card.is-post.is-nested, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.is-nested.summary-card {
    position: relative;
    margin-top: 20px !important;
    border-bottom-color: transparent;
    border-radius: .85rem .85rem 0 0
}

.card.is-post.is-simple .post-actions, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.is-simple.summary-card .post-actions {
    flex-direction: row-reverse !important
}

.card.is-post.is-simple .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.is-simple.summary-card .card-footer {
    padding-top: 10px
}

.card.is-post.has-nested .content-wrap .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.has-nested.summary-card .content-wrap .card-footer {
    margin-top: 16px
}

.card.is-post .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-heading, .card.is-post .card-body, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body {
    padding: 16px 16px 0 16px;
}
.card.is-post .card-body{
        min-height: 70px;
}
.card.is-post .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer {
    border: none;
    padding: 16px;
    margin: 0;
    padding-top: 30px;
}

.card.is-post .user-block, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

    .card.is-post .user-block img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block img {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        object-fit: cover
    }

    .card.is-post .user-block a, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block a, .card.is-post .user-block .time, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block .time {
        display: block
    }

    .card.is-post .user-block a, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block a {
        font-size: .9rem;
        font-weight: 500;
        color: #393a4f;
        transition: color .3s
    }

        .card.is-post .user-block a:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block a:hover {
            color: #4a4b67
        }

    .card.is-post .user-block .time, .card.is-post .user-block .mood-display, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block .time {
        font-size: .8rem;
        color: #999
    }
    .card.is-post .user-block .mood-display {
        display: flex;
        align-items: center;
    }
    .card.is-post .user-block .mood-display img{
        width: 16px;
        height: auto !important;
    }
    .card.is-post .user-block .user-info, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block .user-info {
        padding: 0 10px
    }

        /*.card.is-post .user-block .user-info a, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block .user-info a {
            line-height: 1.1
        }*/

            .card.is-post .user-block .user-info a span, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block .user-info a span {
                color: #3d70b2;
                font-weight: 500
            }

.card.is-post .content-wrap .post-text p, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-text p {
    color: #757a91;
    font-size: .9rem
}

    .card.is-post .content-wrap .post-text p a, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-text p a {
        color: #393a4f;
        font-weight: 500
    }

        .card.is-post .content-wrap .post-text p a:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-text p a:hover {
            color: #3d70b2
        }

.card.is-post .content-wrap .action-wrap, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .action-wrap {
    position: relative;
    margin-top: -22px !important
}

    .card.is-post .content-wrap .action-wrap .like-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .action-wrap .like-wrapper {
        position: absolute;
        bottom: -27px;
        right: 26px;
        max-height: 54px
    }

    .card.is-post .content-wrap .action-wrap .fab-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .action-wrap .fab-wrapper {
        position: absolute;
        bottom: -21px;
        max-height: 43px
    }

        .card.is-post .content-wrap .action-wrap .fab-wrapper.is-share, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .action-wrap .fab-wrapper.is-share {
            right: 84px
        }

        .card.is-post .content-wrap .action-wrap .fab-wrapper.is-comment, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .action-wrap .fab-wrapper.is-comment {
            right: 131px
        }

.card.is-post .content-wrap .post-image, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image {
    position: relative;
    margin: 10px 0;
    padding-bottom: 30px;
}

    .card.is-post .content-wrap .post-image img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image img {
        display: block;
        border-radius: .75rem
    }

    .card.is-post .content-wrap .post-image .like-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .like-wrapper {
        position: absolute;
        bottom: -27px;
        right: 0;
        max-height: 54px
    }

    .card.is-post .content-wrap .post-image .fab-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .fab-wrapper {
        position: absolute;
        bottom: -21px;
        max-height: 43px
    }

        .card.is-post .content-wrap .post-image .fab-wrapper.is-share, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .fab-wrapper.is-share {
            right: 58px
        }

        .card.is-post .content-wrap .post-image .fab-wrapper.is-comment, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .fab-wrapper.is-comment {
            right: 105px
        }

    .card.is-post .content-wrap .post-image .triple-grid, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap
    }

        .card.is-post .content-wrap .post-image .triple-grid a.is-half, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid a.is-half {
            display: block;
            width: calc(50% - .25rem) !important;
            height: 100%
        }

        .card.is-post .content-wrap .post-image .triple-grid img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid img {
            display: block;
            margin-bottom: .5rem;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height: 50%
        }

        .card.is-post .content-wrap .post-image .triple-grid .like-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid .like-wrapper {
            position: absolute;
            bottom: -18px;
            right: 18px;
            max-height: 54px
        }

        .card.is-post .content-wrap .post-image .triple-grid .fab-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid .fab-wrapper {
            position: absolute;
            bottom: -13px;
            max-height: 43px
        }

            .card.is-post .content-wrap .post-image .triple-grid .fab-wrapper.is-share, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid .fab-wrapper.is-share {
                right: 76px
            }

            .card.is-post .content-wrap .post-image .triple-grid .fab-wrapper.is-comment, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid .fab-wrapper.is-comment {
                right: 123px
            }

    .card.is-post .content-wrap .post-image .masonry-grid, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid {
        position: relative;
        display: flex;
        align-items: center
    }

        .card.is-post .content-wrap .post-image .masonry-grid img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid img {
            display: block;
            margin-bottom: .5rem;
            -o-object-fit: cover;
            object-fit: cover
        }

        .card.is-post .content-wrap .post-image .masonry-grid .masonry-column-left, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid .masonry-column-left {
            height: 100%;
            width: calc(61% - .5rem)
        }

        .card.is-post .content-wrap .post-image .masonry-grid .masonry-column-right, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid .masonry-column-right {
            width: 39%;
            height: 100%;
            margin-left: .5rem
        }

        .card.is-post .content-wrap .post-image .masonry-grid .like-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid .like-wrapper {
            position: absolute;
            bottom: -18px;
            right: 0;
            max-height: 54px
        }

        .card.is-post .content-wrap .post-image .masonry-grid .fab-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid .fab-wrapper {
            position: absolute;
            bottom: -13px;
            max-height: 43px
        }

            .card.is-post .content-wrap .post-image .masonry-grid .fab-wrapper.is-share, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid .fab-wrapper.is-share {
                right: 58px
            }

            .card.is-post .content-wrap .post-image .masonry-grid .fab-wrapper.is-comment, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid .fab-wrapper.is-comment {
                right: 105px
            }

.card.is-post .content-wrap .post-link, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    background: #f5f5f5;
    margin: 16px 0 10px 0
}

    .card.is-post .content-wrap .post-link.is-video .link-image, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link.is-video .link-image {
        position: relative
    }

        .card.is-post .content-wrap .post-link.is-video .link-image .video-overlay, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link.is-video .link-image .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            border-radius: 6px;
            background: rgba(52,66,88,.6)
        }

        .card.is-post .content-wrap .post-link.is-video .link-image .video-button, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link.is-video .link-image .video-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            height: 46px;
            width: 46px;
            background: #3d70b2;
            border-radius: 50%;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 2;
            cursor: pointer
        }

            .card.is-post .content-wrap .post-link.is-video .link-image .video-button img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link.is-video .link-image .video-button img {
                position: relative;
                display: block;
                width: 20px;
                height: 20px;
                left: 2px;
                z-index: 3
            }

            .card.is-post .content-wrap .post-link.is-video .link-image .video-button:after, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link.is-video .link-image .video-button:after {
                content: "";
                position: absolute;
                top: calc(50% - 12px);
                left: calc(50% - 12px);
                height: 24px;
                width: 24px;
                border-radius: 50%;
                background: #3d70b2;
                animation: wave 1.6s infinite;
                animation-duration: 2s;
                transform-origin: center center;
                z-index: 0
            }

    .card.is-post .content-wrap .post-link .link-image > img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-image > img {
        display: block;
        height: 130px;
        width: 180px;
        min-width: 180px;
        border-radius: 6px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .card.is-post .content-wrap .post-link .link-content, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-content {
        margin-left: 12px
    }

        .card.is-post .content-wrap .post-link .link-content h4, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-content h4 {
            margin-bottom: 4px
        }

            .card.is-post .content-wrap .post-link .link-content h4 a, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-content h4 a {
                font-size: 1.1rem;
                font-weight: 500;
                color: #757a91
            }

                .card.is-post .content-wrap .post-link .link-content h4 a:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-content h4 a:hover {
                    color: #3d70b2
                }

        .card.is-post .content-wrap .post-link .link-content p, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-content p {
            font-size: .9rem;
            color: #999
        }

        .card.is-post .content-wrap .post-link .link-content small, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-content small {
            text-transform: uppercase;
            font-size: .65rem;
            color: #757a91;
            margin-top: 8px
        }

    .card.is-post .content-wrap .post-link .like-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .like-wrapper {
        position: absolute;
        bottom: -25px;
        right: 0;
        max-height: 54px
    }

    .card.is-post .content-wrap .post-link .fab-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .fab-wrapper {
        position: absolute;
        bottom: -20px;
        max-height: 43px
    }

        .card.is-post .content-wrap .post-link .fab-wrapper.is-share, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .fab-wrapper.is-share {
            right: 58px
        }

        .card.is-post .content-wrap .post-link .fab-wrapper.is-comment, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .fab-wrapper.is-comment {
            right: 105px
        }

.card.is-post .content-wrap .post-actions, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px
}

    .card.is-post .content-wrap .post-actions .like-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .like-wrapper {
        margin: 0 2px
    }

        .card.is-post .content-wrap .post-actions .like-wrapper .like-button, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .like-wrapper .like-button {
            width: 36px;
            height: 36px;
            border: none
        }

        .card.is-post .content-wrap .post-actions .like-wrapper .like-overlay, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .like-wrapper .like-overlay {
            top: 0 !important;
            left: 0 !important;
            width: 36px;
            height: 36px
        }

        .card.is-post .content-wrap .post-actions .like-wrapper i, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .like-wrapper i {
            font-size: 16px
        }

    .card.is-post .content-wrap .post-actions .fab-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .fab-wrapper {
        margin: 0 2px
    }

        .card.is-post .content-wrap .post-actions .fab-wrapper .small-fab, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .fab-wrapper .small-fab {
            width: 36px;
            height: 36px;
            border: none
        }

            .card.is-post .content-wrap .post-actions .fab-wrapper .small-fab svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .fab-wrapper .small-fab svg {
                height: 16px;
                width: 16px
            }

.card.is-post .content-wrap .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer, .profile-menu .menu-start .members-group {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

    .card.is-post .content-wrap .card-footer .likers-group, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-group {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

.card.is-post .content-wrap .card-footer .likers-group img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-group img, .profile-menu .menu-start .members-group img {
    height: 38px;
    width: 38px;
    border-radius: 50%;
    border: 3px solid #fff
}

.card.is-post .content-wrap .card-footer .likers-group img:not(:first-child), .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-group img:not(:first-child), .profile-menu .menu-start .members-group img:not(:first-child) {
    margin-left: -12px
}

        .card.is-post .content-wrap .card-footer .likers-group .no-like, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-group .no-like {
            width: 38px;
            height: 38px;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .card.is-post .content-wrap .card-footer .likers-group .no-like svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-group .no-like svg {
                width: 24px;
                height: 24px
            }

    .card.is-post .content-wrap .card-footer .likers-text, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-text {
        margin-left: 10px;
        line-height: 1.4
    }

        .card.is-post .content-wrap .card-footer .likers-text p, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-text p {
            font-size: .8rem;
            color: #888da8
        }

            .card.is-post .content-wrap .card-footer .likers-text p a, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-text p a {
                color: #393a4f;
                font-weight: 500
            }

                .card.is-post .content-wrap .card-footer .likers-text p a:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-text p a:hover {
                    color: #3d70b2
                }

    .card.is-post .content-wrap .card-footer .social-count, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count {
        margin-left: auto;
        display: flex;
        align-items: stretch
    }

        .card.is-post .content-wrap .card-footer .social-count .shares-count, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .shares-count, .card.is-post .content-wrap .card-footer .social-count .comments-count, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .comments-count, .card.is-post .content-wrap .card-footer .social-count .likes-count, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .likes-count {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin: 0 3px
        }

            .card.is-post .content-wrap .card-footer .social-count .shares-count span, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .shares-count span, .card.is-post .content-wrap .card-footer .social-count .comments-count span, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .comments-count span, .card.is-post .content-wrap .card-footer .social-count .likes-count span, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .likes-count span {
                display: block;
                font-size: .9rem;
                color: #888da8;
                margin: 0 5px
            }

            .card.is-post .content-wrap .card-footer .social-count .shares-count svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .shares-count svg, .card.is-post .content-wrap .card-footer .social-count .comments-count svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .comments-count svg, .card.is-post .content-wrap .card-footer .social-count .likes-count svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .likes-count svg {
                height: 18px;
                width: 18px;
                stroke: #888da8
            }

.card.is-post .comments-wrap .comments-heading, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px
}

    .card.is-post .comments-wrap .comments-heading h4, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-heading h4 {
        font-size: 1rem;
        font-weight: 500;
        color: #757a91
    }

    .card.is-post .comments-wrap .comments-heading .close-comments, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-heading .close-comments {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        background: transparent;
        cursor: pointer;
        transition: background .3s
    }

        .card.is-post .comments-wrap .comments-heading .close-comments:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-heading .close-comments:hover {
            background: #e8e8e8
        }

        .card.is-post .comments-wrap .comments-heading .close-comments svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-heading .close-comments svg {
            height: 18px;
            width: 18px;
            stroke: #757a91
        }

.card.is-post .comments-wrap .comments-body, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body {
    padding: 16px;
    max-height: 450px;
    overflow-y: auto
}

    .card.is-post .comments-wrap .comments-body .comments-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .comments-placeholder {
        text-align: center
    }

        .card.is-post .comments-wrap .comments-body .comments-placeholder img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .comments-placeholder img {
            display: block;
            max-width: 80px;
            margin: 0 auto;
            opacity: .7
        }

        .card.is-post .comments-wrap .comments-body .comments-placeholder h3, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .comments-placeholder h3 {
            margin-top: 10px;
            font-weight: 500;
            font-size: 1.1rem;
            color: #393a4f
        }

        .card.is-post .comments-wrap .comments-body .comments-placeholder p, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .comments-placeholder p {
            font-size: .9rem;
            color: #999
        }

    .card.is-post .comments-wrap .comments-body .is-comment, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment {
        align-items: stretch
    }
    
    .nested-comment{
        margin-left: 40px;
    }

        .card.is-post .comments-wrap .comments-body .is-comment .media-left img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-left img {
            height: 36px;
            width: 36px;
            min-width: 36px;
            border-radius: 50%
        }

        .card.is-post .comments-wrap .comments-body .is-comment .media-content a, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content a {
            font-size: .85rem;
            font-weight: 500 !important;
            display: block;
            color: #393a4f;
            line-height: 1.2
        }

            .card.is-post .comments-wrap .comments-body .is-comment .media-content a:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content a:hover {
                color: #3d70b2
            }

        .card.is-post .comments-wrap .comments-body .is-comment .media-content .time, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .time {
            display: block;
            font-size: .7rem;
            color: #888da8;
            margin-bottom: 10px
        }

        .card.is-post .comments-wrap .comments-body .is-comment .media-content p, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content p {
            font-size: .9rem !important;
            color: #757a91
        }

        .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls {
            padding: 8px 0;
            display: flex;
            justify-content: flex-start;
            align-items: center
        }

            .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .like-count, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .like-count {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                cursor: pointer
            }

                .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .like-count span, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .like-count span {
                    display: block;
                    font-size: .8rem;
                    color: #888da8;
                    margin: 0 5px
                }

                .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .like-count svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .like-count svg {
                    position: relative;
                    top: -1px;
                    height: 12px;
                    width: 12px;
                    stroke: #888da8
                }

                .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .like-count:hover span, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .like-count:hover span {
                    color: #3d70b2
                }

                .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .like-count:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .like-count:hover svg {
                    stroke: #3d70b2
                }

            .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .reply, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .reply, .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .edit, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .edit {
                margin: 0 5px
            }

                .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .reply a, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .reply a, .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .edit a, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .edit a {
                    font-size: .75rem;
                    color: #888da8
                }

                    .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .reply a:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .reply a:hover, .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .edit a:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .edit a:hover {
                        color: #3d70b2
                    }

        .card.is-post .comments-wrap .comments-body .is-comment .media-right svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-right svg {
            height: 18px;
            width: 18px;
            stroke: #757a91
        }

        .card.is-post .comments-wrap .comments-body .is-comment .media-right .dropdown .button, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-right .dropdown .button {
            padding: 4px !important;
            border-color: transparent !important
        }

        .card.is-post .comments-wrap .comments-body .is-comment .media-right .dropdown .media, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-right .dropdown .media {
            border: none !important;
            padding-top: 0 !important
        }

        .card.is-post .comments-wrap .comments-body .is-comment .is-comment .media-left, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .is-comment .media-left {
            position: relative
        }

            .card.is-post .comments-wrap .comments-body .is-comment .is-comment .media-left:after, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .is-comment .media-left:after {
                content: "";
                position: absolute;
                top: 52px;
                left: 0;
                right: 0;
                margin: 0 auto;
                width: 1.4px;
                height: calc(100% - 46px);
                background: #e8e8e8
            }

            .card.is-post .comments-wrap .comments-body .is-comment .is-comment .media-left:before, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .is-comment .media-left:before {
                content: "";
                position: absolute;
                top: calc(50% + 20px);
                left: 0;
                right: 0;
                margin: 0 auto;
                height: 13px;
                width: 13px;
                border: 1px solid #e8e8e8;
                border-radius: 50%;
                background: #fff;
                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important;
                z-index: 1
            }

    .card.is-post .comments-wrap .comments-body .load-more .load-more-button, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .load-more .load-more-button {
        background: #e8e8e8;
        width: 80px;
        padding: 5px 16px;
        border-radius: 500px;
        border: none;
        cursor: pointer;
        transition: background-color .3s
    }

        .card.is-post .comments-wrap .comments-body .load-more .load-more-button:active, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .load-more .load-more-button:active, .card.is-post .comments-wrap .comments-body .load-more .load-more-button:focus, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .load-more .load-more-button:focus {
            outline: none
        }

        .card.is-post .comments-wrap .comments-body .load-more .load-more-button:hover, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .load-more .load-more-button:hover {
            background: #f2f2f2
        }

        .card.is-post .comments-wrap .comments-body .load-more .load-more-button svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .load-more .load-more-button svg {
            width: 22px;
            height: 22px;
            stroke: #888da8
        }

.card.is-post .comments-wrap .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer {
    margin: 0 !important;
    padding: 16px
}

    .card.is-post .comments-wrap .card-footer .post-comment, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment {
        width: 100%
    }

        .card.is-post .comments-wrap .card-footer .post-comment .media-left img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .media-left img {
            border-radius: 50%
        }

        .card.is-post .comments-wrap .card-footer .post-comment .media-content .field, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .media-content .field {
            margin-bottom: 0
        }

        .card.is-post .comments-wrap .card-footer .post-comment .media-content .textarea, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .media-content .textarea {
            border-color: #e0e0e0;
            border-bottom: none;
            border-radius: .65rem .65rem 0 0;
            resize: none
        }

        .card.is-post .comments-wrap .card-footer .post-comment .actions, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 8px;
            border-left: 1px solid #e8e8e8;
            border-right: 1px solid #e8e8e8;
            border-bottom: 1px solid #e8e8e8;
            border-radius: 0 0 .65rem .65rem
        }

            .card.is-post .comments-wrap .card-footer .post-comment .actions .toolbar, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .toolbar {
                display: flex;
                justify-content: flex-end;
                align-items: center
            }

            .card.is-post .comments-wrap .card-footer .post-comment .actions .action, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .action {
                margin-right: 15px;
                width: 18px;
                height: 18px;
                cursor: pointer
            }

                .card.is-post .comments-wrap .card-footer .post-comment .actions .action svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .action svg {
                    width: 18px;
                    height: 18px;
                    stroke: #888da8;
                    transition: all .3s
                }

                .card.is-post .comments-wrap .card-footer .post-comment .actions .action:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .action:hover svg {
                    stroke: #3d70b2
                }

                .card.is-post .comments-wrap .card-footer .post-comment .actions .action.is-auto, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .action.is-auto {
                    margin-left: auto
                }

                .card.is-post .comments-wrap .card-footer .post-comment .actions .action.is-upload, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .action.is-upload {
                    position: relative
                }

                    .card.is-post .comments-wrap .card-footer .post-comment .actions .action.is-upload input, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .action.is-upload input {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        opacity: 0;
                        cursor: pointer
                    }

        .card.is-post .comments-wrap .card-footer .post-comment .emojionearea-scroll-area::-webkit-scrollbar, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .emojionearea-scroll-area::-webkit-scrollbar {
            width: 4px
        }

        .card.is-post .comments-wrap .card-footer .post-comment .emojionearea-scroll-area::-webkit-scrollbar-thumb, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .emojionearea-scroll-area::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background: rgba(0,0,0,.2)
        }

.card .card-body .page-block, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block, .card .card-body .add-friend-block, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 16px
}

    .card .card-body .page-block:not(:first-child), .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block:not(:first-child), .card .card-body .add-friend-block:not(:first-child), .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }

    .card .card-body .page-block img, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block img, .card .card-body .add-friend-block img, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block img, .card .card-body .page-block .image-avatar {
        height: 40px;
        width: 40px;
        max-height: 40px;
        border-radius: 50%
    }
    .card .card-body .page-block .image-avatar{
        background-size:contain;
    }
    .card .card-body .page-block .page-meta, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .page-meta, .card .card-body .add-friend-block .page-meta, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .page-meta {
        padding: 0 10px;
        line-height: 1.3
    }

        .card .card-body .page-block .page-meta span, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .page-meta span, .card .card-body .add-friend-block .page-meta span, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .page-meta span {
            display: block
        }

            .card .card-body .page-block .page-meta span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .page-meta span:first-child, .card .card-body .add-friend-block .page-meta span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .page-meta span:first-child {
                font-size: .85rem;
                color: #393a4f;
                font-weight: 500
            }

            .card .card-body .page-block .page-meta span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .page-meta span:nth-child(2), .card .card-body .add-friend-block .page-meta span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .page-meta span:nth-child(2) {
                font-size: .7rem;
                color: #757a91
            }

    .card .card-body .page-block .add-page, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-page, .card .card-body .page-block .add-friend, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-friend, .card .card-body .add-friend-block .add-page, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-page, .card .card-body .add-friend-block .add-friend, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-friend {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 36px;
        height: 36px;
        margin-left: auto;
        border-radius: 50%;
        transition: all .3s;
        cursor: pointer
    }

        .card .card-body .page-block .add-page svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-page svg, .card .card-body .page-block .add-friend svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-friend svg, .card .card-body .add-friend-block .add-page svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-page svg, .card .card-body .add-friend-block .add-friend svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-friend svg {
            width: 18px;
            height: 18px;
            stroke: #888da8;
            transition: all .3s
        }

        .card .card-body .page-block .add-page:hover, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-page:hover, .card .card-body .page-block .add-friend:hover, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-friend:hover, .card .card-body .add-friend-block .add-page:hover, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-page:hover, .card .card-body .add-friend-block .add-friend:hover, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-friend:hover {
            background: #f5f5f5
        }

            .card .card-body .page-block .add-page:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-page:hover svg, .card .card-body .page-block .add-friend:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-friend:hover svg, .card .card-body .add-friend-block .add-page:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-page:hover svg, .card .card-body .add-friend-block .add-friend:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-friend:hover svg {
                stroke: #3d70b2
            }

    .card .card-body .page-block .checkmark-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .checkmark-wrapper, .card .card-body .add-friend-block .checkmark-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .checkmark-wrapper {
        margin-left: auto;
        margin-right: 8px
    }

.card .card-body .story-block, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 16px 16px
}

    .card .card-body .story-block:not(:first-child), .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }

    .card .card-body .story-block .img-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .img-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 48px;
        width: 48px;
        max-height: 48px;
        min-width: 48px;
        border-radius: 50%;
        border: 1px solid #888da8
    }

        .card .card-body .story-block .img-wrapper img, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .img-wrapper img {
            height: 38px;
            width: 38px;
            border-radius: 50%
        }

    .card .card-body .story-block .add-story, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .add-story {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 44px;
        width: 44px;
        max-height: 44px;
        min-width: 44px;
        border-radius: 50%;
        border: 2px dashed #e8e8e8;
        transition: all .3s
    }

        .card .card-body .story-block .add-story svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .add-story svg {
            width: 18px;
            height: 18px;
            stroke: #e8e8e8
        }

        .card .card-body .story-block .add-story:hover, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .add-story:hover {
            border: 2px solid #3d70b2
        }

            .card .card-body .story-block .add-story:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .add-story:hover svg {
                stroke: #3d70b2
            }

    .card .card-body .story-block .story-meta, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .story-meta {
        padding: 0 10px
    }

        .card .card-body .story-block .story-meta span, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .story-meta span {
            display: block
        }

            .card .card-body .story-block .story-meta span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .story-meta span:first-child {
                font-size: .85rem;
                color: #393a4f;
                font-weight: 500
            }

            .card .card-body .story-block .story-meta span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .story-meta span:nth-child(2) {
                font-size: .8rem;
                color: #757a91
            }

.options-summary {
    position: relative;
    display: inline-block;
    padding-bottom: 2px;
    width: auto;
    color: #888da8;
    background: #f7f7f7;
    border-radius: 500px;
    transition: all .3s
}

    .options-summary:hover {
        background: #f2f2f2
    }

    .options-summary .tagged-friend + span small {
        display: none !important
    }

    .options-summary span {
        padding: 2px 8px
    }

        .options-summary span a {
            font-size: .8rem
        }

    .options-summary .mood-display {
        padding: 0 4px;
        cursor: pointer
    }

        .options-summary .mood-display img {
            position: relative;
            top: 2px;
            height: 14px !important;
            width: 14px !important
        }

        .options-summary .mood-display span {
            font-size: .8rem;
            color: #3d70b2;
            margin: 0 4px
        }

        .options-summary .mood-display .action-text {
            color: #393a4f;
            margin-right: 4px
        }

.tag-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
    margin-bottom: 8px
}

    .tag-list.no-margin {
        margin: 0 !important
    }

    .tag-list .tag-control {
        width: auto !important;
        padding-right: 6px;
        margin: 0 0 4px 0 !important
    }

        .tag-list .tag-control.is-spaced {
            padding: 4px
        }

        .tag-list .tag-control .is-link {
            background: #888da8 !important
        }

.is-autocomplete {
    justify-content: center
}

    .is-autocomplete.is-active, .is-autocomplete:hover {
        background: transparent !important
    }

    .is-autocomplete.is-dropup .easy-autocomplete-container {
        top: -260px !important;
        width: calc(100% - 40px);
        margin: 0 auto;
        right: 0
    }

    .is-autocomplete .control {
        margin: 0 !important;
        position: relative
    }

        .is-autocomplete .control.has-margin {
            margin-top: 8px !important
        }

        .is-autocomplete .control.is-location-wrapper input, .is-autocomplete .control.is-gif-wrapper input {
            height: 36px;
            padding-left: 36px;
            font-size: .9rem;
            box-shadow: none;
            color: #999;
            transition: all .3s
        }

            .is-autocomplete .control.is-location-wrapper input:focus, .is-autocomplete .control.is-gif-wrapper input:focus {
                border-color: #e8e8e8
            }

                .is-autocomplete .control.is-location-wrapper input:focus + .icon, .is-autocomplete .control.is-gif-wrapper input:focus + .icon {
                    color: #3d70b2
                }

        .is-autocomplete .control.is-gif-wrapper {
            position: relative
        }

            .is-autocomplete .control.is-gif-wrapper input:focus ~ .gif-dropdown {
                opacity: 1;
                pointer-events: all
            }

            .is-autocomplete .control.is-gif-wrapper .gif-dropdown {
                position: absolute;
                top: 36px;
                left: 0;
                right: 0;
                width: 100%;
                margin: 0 auto;
                height: 320px;
                overflow-y: auto;
                background: #fff;
                border: 1px solid #e8e8e8;
                border-radius: 4px;
                z-index: 40;
                opacity: 0;
                pointer-events: none;
                transition: all .3s
            }

                .is-autocomplete .control.is-gif-wrapper .gif-dropdown::-webkit-scrollbar {
                    width: 4px
                }

                .is-autocomplete .control.is-gif-wrapper .gif-dropdown::-webkit-scrollbar-thumb {
                    border-radius: 10px;
                    background: rgba(0,0,0,.2)
                }

                .is-autocomplete .control.is-gif-wrapper .gif-dropdown .inner {
                    position: relative;
                    display: flex
                }

                .is-autocomplete .control.is-gif-wrapper .gif-dropdown .gif-block {
                    display: block;
                    margin: 0 auto;
                    width: 33.3%;
                    padding: 2px
                }

                    .is-autocomplete .control.is-gif-wrapper .gif-dropdown .gif-block img {
                        display: block;
                        border-radius: 0 !important;
                        width: 100%;
                        height: auto;
                        margin-bottom: 4px
                    }

        .is-autocomplete .control .icon, .is-autocomplete .control .close-icon {
            position: absolute;
            top: 0;
            left: 0;
            height: 36px;
            width: 36px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #cecece
        }

            .is-autocomplete .control .icon svg, .is-autocomplete .control .close-icon svg {
                width: 16px;
                height: 16px;
                transition: all .3s
            }

        .is-autocomplete .control .close-icon {
            left: unset !important;
            right: 0 !important;
            cursor: pointer
        }

            .is-autocomplete .control .close-icon:hover svg {
                color: #393a4f
            }

        .is-autocomplete .control .input-block {
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            align-items: center;
            font-size: .8rem;
            color: #fafafa;
            padding: 0 10px;
            height: 36px;
            width: auto;
            border-radius: 4px 0 0 4px;
            background: #757a91;
            transition: all .3s;
            cursor: pointer
        }

            .is-autocomplete .control .input-block:hover {
                background: #83889c
            }

        .is-autocomplete .control .easy-autocomplete {
            width: 100% !important
        }

            .is-autocomplete .control .easy-autocomplete input {
                height: 36px;
                padding-left: 36px;
                font-size: .9rem;
                box-shadow: none;
                color: #999;
                transition: all .3s
            }

                .is-autocomplete .control .easy-autocomplete input.is-subactivity {
                    padding-left: 74px !important
                }

                .is-autocomplete .control .easy-autocomplete input:focus {
                    border-color: #e8e8e8
                }

                    .is-autocomplete .control .easy-autocomplete input:focus + .icon {
                        color: #3d70b2
                    }

            .is-autocomplete .control .easy-autocomplete .template-wrapper {
                display: flex !important;
                justify-content: flex-start;
                align-items: center
            }

                .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper {
                    position: relative;
                    width: 36px;
                    height: 36px
                }

                    .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper.is-smaller {
                        width: 22px !important;
                        height: 22px !important
                    }

                        .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper.is-smaller .autocpl-avatar {
                            width: 22px !important;
                            height: 22px !important
                        }

                    .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .autocpl-avatar {
                        width: 36px;
                        height: 36px;
                        border-radius: 50%
                    }

                        .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .autocpl-avatar.is-squared {
                            border-radius: 8px !important
                        }

                    .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .avatar-badge {
                        position: absolute;
                        bottom: 0;
                        right: -3px;
                        width: 18px;
                        height: 18px;
                        border: 1.4px solid #fff;
                        border-radius: 50%
                    }

                .is-autocomplete .control .easy-autocomplete .template-wrapper .icon-wrapper {
                    position: relative;
                    width: 22px;
                    height: 22px
                }

                    .is-autocomplete .control .easy-autocomplete .template-wrapper .icon-wrapper .autocpl-avatar {
                        width: 22px;
                        height: 22px;
                        border-radius: 50% !important
                    }

                .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text {
                    margin-left: 10px;
                    line-height: 1.3
                }

                    .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text span {
                        font-size: .8rem;
                        color: #757a91
                    }

                .is-autocomplete .control .easy-autocomplete .template-wrapper .next-icon {
                    margin-left: auto !important
                }

                    .is-autocomplete .control .easy-autocomplete .template-wrapper .next-icon i {
                        font-size: 20px;
                        color: #888da8
                    }

                .is-autocomplete .control .easy-autocomplete .template-wrapper .is-description {
                    font-size: .7rem
                }

                .is-autocomplete .control .easy-autocomplete .template-wrapper .right-content {
                    margin-left: auto;
                    font-size: .75rem;
                    color: #999
                }

    .is-autocomplete li {
        height: auto !important;
        padding-top: 8px;
        padding-bottom: 8px;
        border-left: none !important;
        border-right: none !important
    }

    .is-autocomplete .easy-autocomplete-container {
        overflow-y: auto;
        max-height: 200px;
        top: 120% !important;
        border: none !important;
        z-index: 10 !important
    }

        .is-autocomplete .easy-autocomplete-container ul {
            border-radius: 4px !important;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06) !important
        }

.feed-menu-v1 .main-menu {
    padding-right: 30px
}

    .feed-menu-v1 .main-menu li {
        transition: all .3s
    }

        .feed-menu-v1 .main-menu li.is-active a {
            border-color: #3d70b2
        }

            .feed-menu-v1 .main-menu li.is-active a span {
                color: #393a4f;
                font-weight: 500
            }

            .feed-menu-v1 .main-menu li.is-active a svg {
                stroke: #393a4f
            }

            .feed-menu-v1 .main-menu li.is-active a .close-icon {
                transform: rotate(90deg);
                background: #e8e8e8
            }

                .feed-menu-v1 .main-menu li.is-active a .close-icon svg {
                    stroke: #393a4f
                }

        .feed-menu-v1 .main-menu li:hover .close-icon {
            background: #e8e8e8
        }

            .feed-menu-v1 .main-menu li:hover .close-icon svg {
                stroke: #393a4f
            }

        .feed-menu-v1 .main-menu li a {
            display: flex;
            align-items: center;
            padding: 8px 16px;
            border-left: 2px solid transparent
        }

            .feed-menu-v1 .main-menu li a span {
                display: block;
                color: #393a4f;
                font-size: .9rem;
                margin-left: 10px
            }

            .feed-menu-v1 .main-menu li a svg {
                position: relative;
                height: 18px;
                width: 18px;
                stroke: #757a91
            }

            .feed-menu-v1 .main-menu li a .close-icon {
                height: 28px;
                width: 28px;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-left: auto;
                border-radius: 50%;
                transition: all .3s
            }

                .feed-menu-v1 .main-menu li a .close-icon svg {
                    stroke: #cecece;
                    height: 16px;
                    width: 16px
                }

.feed-menu-v1 .submenu {
    padding-left: 50px;
    margin-bottom: 10px;
    display: none
}

    .feed-menu-v1 .submenu li.is-subactive a {
        color: #393a4f;
        font-weight: 500
    }

    .feed-menu-v1 .submenu li a {
        display: flex;
        align-items: center;
        padding: 6px;
        font-size: .85rem;
        color: #757a91;
        border: none !important;
        transition: color .3s
    }

        .feed-menu-v1 .submenu li a .tag {
            margin-left: auto;
            display: inherit;
            max-height: 19px;
            font-size: .75rem;
            border-radius: 100px;
            margin-right: 10px;
            background: #3d70b2;
            color: #fff !important
        }

@media(max-width: 767px) {
    .card.is-post .likers-text, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .likers-text {
        display: none
    }

    .card.is-post .post-link, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .post-link {
        flex-direction: column
    }

        .card.is-post .post-link .link-image, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .post-link .link-image {
            margin: 0 auto;
            width: 100%;
            height: 100%;
            max-height: 180px
        }

            .card.is-post .post-link .link-image > img, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .post-link .link-image > img {
                width: 100% !important;
                height: 100% !important;
                max-height: 180px;
                -o-object-fit: cover;
                object-fit: cover
            }

        .card.is-post .post-link .link-content, .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .post-link .link-content {
            margin-left: 0 !important;
            padding: 16px 6px
        }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
    .compose .compose-form img {
        height: 36px !important;
        width: 36px !important
    }

    .card .page-block img, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .page-block img, .card .add-friend-block img, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .add-friend-block img {
        height: 32px !important;
        width: 32px !important
    }

    .card .story-block .img-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .story-block .img-wrapper {
        height: 40px !important;
        width: 40px !important;
        max-height: 40px !important;
        min-width: 40px !important
    }

        .card .story-block .img-wrapper img, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .story-block .img-wrapper img {
            height: 32px !important;
            width: 32px !important
        }

    .card .story-block .add-story, .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .story-block .add-story {
        height: 38px !important;
        width: 38px !important;
        max-height: 38px !important;
        min-width: 38px !important
    }

    .list-placeload .img {
        height: 32px !important;
        width: 32px !important;
        min-width: 32px !important
    }

    .stories-placeload .img {
        height: 38px !important;
        width: 38px !important;
        max-height: 38px !important;
        min-width: 38px !important
    }
}

.stories-list {
    padding: 20px 0;
    max-width: 980px;
    margin: 0 auto
}

    .stories-list .container-inner {
        display: flex
    }

        .stories-list .container-inner .story {
            margin: 8px;
            width: calc(10% - 16px);
            display: flex;
            justify-content: center
        }

            .stories-list .container-inner .story .story-avatar {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 60px;
                width: 60px;
                min-width: 60px;
                background: #fff;
                border-radius: 50%;
                border: 1.6px solid #cecece;
                transition: all .3s
            }

                .stories-list .container-inner .story .story-avatar:hover {
                    border-color: #3d70b2
                }

                .stories-list .container-inner .story .story-avatar .add-overlay {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    height: 50px;
                    width: 50px;
                    transform: translate(-50%, -50%);
                    border-radius: 50%;
                    background: rgba(85,150,230,.6);
                    display: flex;
                    justify-content: center;
                    align-items: center
                }

                    .stories-list .container-inner .story .story-avatar .add-overlay svg {
                        height: 15px;
                        width: 15px;
                        stroke-width: 3px;
                        stroke: #fff
                    }

                .stories-list .container-inner .story .story-avatar img {
                    display: block;
                    height: 50px;
                    width: 50px;
                    border-radius: 50%
                }

.posts-feed-wrapper {
    padding: 0 0 20px 0
}

    .posts-feed-wrapper.is-2x {
        max-width: 1040px;
        margin: 0 auto
    }

    .posts-feed-wrapper .post-feed-item {
        border: none;
        background: none !important;
        margin-bottom: .75rem
    }

        .posts-feed-wrapper .post-feed-item .card-image img {
            -o-object-fit: cover;
            object-fit: cover
        }

        .posts-feed-wrapper .post-feed-item .card-content {
            padding: 0
        }

            .posts-feed-wrapper .post-feed-item .card-content .media {
                padding: 10px 0;
                align-items: center
            }

                .posts-feed-wrapper .post-feed-item .card-content .media .media-left {
                    margin-right: .5rem
                }

                    .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar {
                        position: relative;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 44px;
                        width: 44px;
                        background: #fff;
                        border-radius: 50%;
                        border: 1.6px solid #cecece;
                        transition: all .3s
                    }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar:hover {
                            border-color: #3d70b2
                        }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar.is-smaller {
                            height: 36px;
                            width: 36px
                        }

                            .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar.is-smaller img {
                                height: 28px;
                                width: 28px;
                                min-width: 28px
                            }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar .add-overlay {
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            height: 44px;
                            width: 44px;
                            transform: translate(-50%, -50%);
                            border-radius: 50%;
                            background: rgba(85,150,230,.6);
                            display: flex;
                            justify-content: center;
                            align-items: center
                        }

                            .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar .add-overlay svg {
                                height: 15px;
                                width: 15px;
                                stroke-width: 3px;
                                stroke: #fff
                            }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar img {
                            display: block;
                            height: 36px;
                            width: 36px;
                            min-width: 36px;
                            border-radius: 50%
                        }

                .posts-feed-wrapper .post-feed-item .card-content .media .media-content {
                    line-height: 1.2
                }

                    .posts-feed-wrapper .post-feed-item .card-content .media .media-content.is-smaller span:first-child {
                        font-size: .9rem
                    }

                    .posts-feed-wrapper .post-feed-item .card-content .media .media-content.is-smaller span:nth-child(2) {
                        font-size: .75rem
                    }

                    .posts-feed-wrapper .post-feed-item .card-content .media .media-content span {
                        display: block;
                        font-family: "Roboto",sans-serif
                    }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-content span:first-child {
                            font-weight: 500;
                            color: #393a4f
                        }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-content span:nth-child(2) {
                            font-size: .85rem;
                            color: #a2a5b9
                        }

                .posts-feed-wrapper .post-feed-item .card-content .media .media-right {
                    display: flex;
                    justify-content: flex-end;
                    align-items: center
                }

                    .posts-feed-wrapper .post-feed-item .card-content .media .media-right > span {
                        font-family: "Roboto",sans-serif;
                        font-weight: 500;
                        font-size: .85rem;
                        color: #393a4f;
                        margin-right: 12px
                    }

                    .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 30px;
                        width: 30px;
                        border-radius: 50%;
                        padding: 0;
                        margin-left: 2px;
                        border-color: transparent
                    }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button.is-liked svg {
                            stroke: #f71416;
                            fill: #f71416
                        }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button:hover {
                            border-color: #e0e0e0;
                            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                        }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button svg {
                            height: 14px;
                            width: 14px
                        }

.feed-profile-wrapper {
    display: flex;
    align-items: stretch;
    padding: 30px 0;
    max-width: 1280px;
    margin: 0 auto
}

    .feed-profile-wrapper .profile-wrapper {
        width: 340px;
        padding: 0 40px
    }

        .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

            .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .button {
                width: 38px;
                height: 38px;
                padding: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 50%;
                border-color: transparent
            }

                .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .button:first-child svg {
                    position: relative;
                    left: -1px
                }

                .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .button:last-child svg {
                    position: relative;
                    right: -1px
                }

                .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .button:hover {
                    border-color: #e0e0e0;
                    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                }

                    .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .button:hover svg {
                        stroke: #393a4f
                    }

                .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .button svg {
                    width: 18px;
                    height: 18px;
                    stroke: #a2a5b9;
                    stroke-width: 3px
                }

            .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .avatar-wrap {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 74px;
                height: 74px;
                min-width: 74px;
                border: 1.4px solid #d8d8d8;
                border-radius: 50%;
                margin: 0 auto 6px auto
            }

                .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .avatar-wrap img {
                    display: block;
                    width: 58px;
                    height: 58px;
                    min-width: 58px;
                    border-radius: 50%
                }

                .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .avatar-wrap .badge {
                    position: absolute;
                    bottom: 2px;
                    right: -3px;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%;
                    border: 2px solid #fcfcfc;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: #1ce589
                }

                    .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .avatar-wrap .badge svg {
                        height: 10px;
                        width: 10px;
                        stroke: #fcfcfc;
                        stroke-width: 4px
                    }

        .feed-profile-wrapper .profile-wrapper .user-stats {
            display: flex;
            align-items: center;
            justify-content: space-around;
            padding: 20px 0
        }

            .feed-profile-wrapper .profile-wrapper .user-stats .stat-block {
                text-align: center
            }

                .feed-profile-wrapper .profile-wrapper .user-stats .stat-block span {
                    display: block
                }

                    .feed-profile-wrapper .profile-wrapper .user-stats .stat-block span:first-child {
                        text-transform: uppercase;
                        font-weight: 600;
                        font-size: 1rem;
                        color: #393a4f
                    }

                    .feed-profile-wrapper .profile-wrapper .user-stats .stat-block span:last-child {
                        font-size: .7rem;
                        color: #999
                    }

        .feed-profile-wrapper .profile-wrapper .user-bio {
            padding: 40px 0
        }

            .feed-profile-wrapper .profile-wrapper .user-bio h4 {
                font-family: "Roboto",sans-serif;
                font-weight: 500;
                font-size: .9rem;
                color: #393a4f;
                margin-bottom: 8px
            }

            .feed-profile-wrapper .profile-wrapper .user-bio p {
                font-family: "Roboto",sans-serif;
                font-size: .85rem;
                color: #a2a5b9;
                margin-bottom: 8px
            }

            .feed-profile-wrapper .profile-wrapper .user-bio a {
                font-family: "Roboto",sans-serif;
                font-weight: 500;
                font-size: .85rem;
                color: #3d70b2
            }

        .feed-profile-wrapper .profile-wrapper .connections {
            display: flex;
            flex-wrap: wrap
        }

            .feed-profile-wrapper .profile-wrapper .connections .connection {
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 8px;
                width: calc(33.3% - 16px)
            }

                .feed-profile-wrapper .profile-wrapper .connections .connection .connection-avatar {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 60px;
                    width: 60px;
                    min-width: 40px;
                    background: #fff;
                    border-radius: 50%;
                    border: 1.4px solid #cecece;
                    transition: all .3s
                }

                    .feed-profile-wrapper .profile-wrapper .connections .connection .connection-avatar:hover {
                        border-color: #3d70b2
                    }

                    .feed-profile-wrapper .profile-wrapper .connections .connection .connection-avatar img {
                        display: block;
                        height: 50px;
                        width: 50px;
                        border-radius: 50%
                    }

        .feed-profile-wrapper .profile-wrapper .more-connections {
            text-align: center;
            padding: 20px 0
        }

            .feed-profile-wrapper .profile-wrapper .more-connections a {
                font-family: "Roboto",sans-serif;
                font-weight: 500;
                font-size: .85rem;
                color: #3d70b2
            }

    .feed-profile-wrapper .posts-wrapper {
        width: calc(100% - 340px)
    }

        .feed-profile-wrapper .posts-wrapper .column {
            padding: .5rem
        }

            .feed-profile-wrapper .posts-wrapper .column .profile-post {
                margin-bottom: 0
            }

                .feed-profile-wrapper .posts-wrapper .column .profile-post img {
                    -o-object-fit: cover;
                    object-fit: cover
                }

.feed-slider-wrapper {
    position: relative;
    padding: 30px 0;
    max-width: 1280px;
    margin: 0 auto
}

    .feed-slider-wrapper .feed-slider-inner .slick-list {
        min-height: 500px;
        margin-top: 0
    }

    .feed-slider-wrapper .feed-slider-inner .slick-custom {
        position: absolute;
        top: 50%;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #393a4f;
        transition: all .3s;
        z-index: 999
    }

        .feed-slider-wrapper .feed-slider-inner .slick-custom i {
            position: relative;
            font-size: 3.6rem;
            color: #a2a5b9;
            transition: color .3s
        }

        .feed-slider-wrapper .feed-slider-inner .slick-custom:hover i {
            color: #393a4f
        }

        .feed-slider-wrapper .feed-slider-inner .slick-custom.is-prev {
            left: -30px
        }

            .feed-slider-wrapper .feed-slider-inner .slick-custom.is-prev i {
                right: 2px
            }

        .feed-slider-wrapper .feed-slider-inner .slick-custom.is-next {
            right: -30px
        }

            .feed-slider-wrapper .feed-slider-inner .slick-custom.is-next i {
                left: 2px
            }

    .feed-slider-wrapper .feed-slider-inner .feed-slider-item {
        border: none;
        margin-bottom: .75rem;
        margin: 60px 20px 20px 20px;
        filter: grayscale(1);
        opacity: .6;
        outline: none !important;
        transition: all .3s
    }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item.slick-center {
            filter: grayscale(0);
            opacity: 1;
            transform: scale(1.4);
            z-index: 9999
        }

            .feed-slider-wrapper .feed-slider-inner .feed-slider-item.slick-center .card-content .media, .feed-slider-wrapper .feed-slider-inner .feed-slider-item.slick-center .card-content .liked-by, .feed-slider-wrapper .feed-slider-inner .feed-slider-item.slick-center .card-header .media, .feed-slider-wrapper .feed-slider-inner .feed-slider-item.slick-center .card-header .liked-by {
                opacity: 1;
                pointer-events: all
            }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-image img {
            -o-object-fit: cover;
            object-fit: cover
        }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header {
            padding: 0;
            box-shadow: none
        }

            .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media {
                width: 100%;
                padding: 10px 0;
                align-items: center;
                margin-bottom: 0;
                opacity: 0;
                pointer-events: none;
                transition: all .3s
            }

                .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-left, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left {
                    margin-right: .5rem
                }

                    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-left .post-avatar, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left .post-avatar {
                        position: relative;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 36px;
                        width: 36px;
                        background: #fff;
                        border-radius: 50%;
                        border: 1.2px solid #cecece;
                        transition: all .3s
                    }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-left .post-avatar:hover, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left .post-avatar:hover {
                            border-color: #3d70b2
                        }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-left .post-avatar img, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left .post-avatar img {
                            display: block;
                            height: 28px;
                            width: 28px;
                            min-width: 28px;
                            border-radius: 50%
                        }

                .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-content, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content {
                    line-height: 1.2
                }

                    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-content span, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content span {
                        display: block;
                        font-family: "Roboto",sans-serif
                    }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-content span:first-child, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content span:first-child {
                            font-weight: 500;
                            font-size: .75rem;
                            color: #393a4f
                        }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-content span:nth-child(2), .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content span:nth-child(2) {
                            font-size: .55rem;
                            color: #a2a5b9
                        }

                .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-right, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right {
                    display: flex;
                    justify-content: flex-end;
                    align-items: center
                }

                    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-right > span, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right > span {
                        font-family: "Roboto",sans-serif;
                        font-weight: 500;
                        font-size: .65rem;
                        color: #393a4f;
                        margin-right: 12px
                    }

                    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-right .button, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 24px;
                        width: 24px;
                        border-radius: 50%;
                        padding: 0;
                        margin-left: 2px;
                        border-color: transparent
                    }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-right .button.is-liked svg, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button.is-liked svg {
                            stroke: #f71416;
                            fill: #f71416
                        }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-right .button:hover, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button:hover {
                            border-color: #e0e0e0;
                            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                        }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-right .button svg, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button svg {
                            height: 10px;
                            width: 10px
                        }

            .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .liked-by, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .liked-by {
                display: flex;
                align-items: center;
                padding: 6px 0;
                opacity: 0;
                pointer-events: none;
                transition: all .3s
            }

                .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .liked-by img, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .liked-by img {
                    display: block;
                    height: 20px;
                    width: 20px;
                    border-radius: 50%
                }

                .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .liked-by > span, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .liked-by > span {
                    display: block;
                    font-family: "Roboto",sans-serif;
                    font-size: .6rem;
                    margin-left: 8px;
                    color: #a2a5b9
                }

                    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .liked-by > span span, .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .liked-by > span span {
                        color: #393a4f;
                        font-weight: 500
                    }

@media only screen and (max-width: 767px) {
    .stories-list {
        max-width: 100%;
        width: 100%;
        margin: 0
    }

        .stories-list .container-inner {
            overflow-x: auto
        }

            .stories-list .container-inner .story {
                min-width: 60px
            }

    .posts-feed-wrapper .post-feed-item .card-content .media .media-right > span {
        display: none
    }

    .feed-profile-wrapper {
        flex-direction: column
    }

        .feed-profile-wrapper .profile-wrapper, .feed-profile-wrapper .posts-wrapper {
            width: 100%
        }

    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media {
        flex-direction: column
    }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left {
            margin: 0 0 10px 0
        }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content {
            text-align: center
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media {
        flex-direction: column
    }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left {
            margin: 0 0 10px 0
        }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content {
            text-align: center
        }

    .feed-slider-wrapper .feed-slider-inner .slick-custom {
        display: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .feed-profile-wrapper .profile-wrapper {
        width: 280px;
        padding: 0 30px
    }

    .feed-profile-wrapper .posts-wrapper {
        width: calc(100% - 280px)
    }

    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right > span {
        display: none
    }

    .feed-slider-wrapper .feed-slider-inner .slick-custom {
        top: 42%
    }

        .feed-slider-wrapper .feed-slider-inner .slick-custom i {
            position: relative;
            font-size: 3rem;
            color: #a2a5b9;
            transition: color .3s
        }

        .feed-slider-wrapper .feed-slider-inner .slick-custom:hover i {
            color: #393a4f
        }

        .feed-slider-wrapper .feed-slider-inner .slick-custom.is-prev {
            left: -10px
        }

            .feed-slider-wrapper .feed-slider-inner .slick-custom.is-prev i {
                right: 2px
            }

        .feed-slider-wrapper .feed-slider-inner .slick-custom.is-next {
            right: -10px
        }

            .feed-slider-wrapper .feed-slider-inner .slick-custom.is-next i {
                left: 2px
            }
}

.inbox-wrapper .inbox-wrapper-inner {
    position: relative;
    width: 100%;
    height: 100%
}

    .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 16%;
        background: #f4f4f4 !important;
        border-right: 1px solid #dbdbdb;
        z-index: 1;
        transition: all .3s
    }

        .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner {
            width: 100%;
            height: 100%
        }

            .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .compose {
                padding: 0 20px;
                min-height: 60px;
                display: flex;
                align-items: center
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .compose .button {
                    height: 40px
                }

            .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .left-menu {
                padding: 10px 0
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .left-menu a {
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    margin: 0 20px;
                    padding: 10px;
                    color: #aaa;
                    font-size: .95rem;
                    border-radius: 4px
                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .left-menu a.is-active {
                        background-color: #3d70b2;
                        color: #fafafa;
                        box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
                    }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .left-menu a span {
                        display: block;
                        margin-left: 10px
                    }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .left-menu a svg {
                        height: 18px;
                        width: 18px
                    }

            .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .close-menu {
                padding: 20px 50px;
                text-align: center
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .close-menu a {
                    display: flex;
                    align-items: center;
                    color: #999;
                    cursor: pointer
                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .close-menu a svg {
                        height: 20px;
                        width: 20px;
                        margin-right: 4px
                    }

    .inbox-wrapper .inbox-wrapper-inner .inbox-center-container {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: #fff;
        transition: all .3s
    }

        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container.is-left-opened {
            width: calc(100% - 280px);
            left: 280px
        }

        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container.is-both-opened {
            width: 34%;
            left: 16%;
            right: 50%
        }

        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner {
            position: relative;
            width: 100%;
            height: 100%
        }

            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .messages {
                display: block;
                background-color: #fff
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .messages .action-buttons {
                    min-height: 60px;
                    display: flex;
                    align-items: center;
                    padding: 0 20px;
                    border-bottom: 1px solid #e8e8e8
                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .messages .action-buttons .button {
                        max-height: 32px;
                        padding: 4px 8px
                    }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .messages .action-buttons .button svg {
                            height: 16px;
                            width: 16px;
                            stroke: #888da8
                        }

            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .message-count {
                font-size: .9rem;
                color: #999;
                margin-left: 12px
            }

            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages {
                position: absolute;
                top: 0;
                left: 0;
                margin-top: 60px;
                height: calc(100% - 60px);
                max-height: calc(100% - 60px);
                overflow-y: auto
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner {
                    padding: 20px
                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .message {
                        display: block;
                        background-color: #fff
                    }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card {
                        width: 100%;
                        cursor: pointer;
                        transition: all .3s
                    }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card.is-active, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .is-active.summary-card, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-active.summary-card {
                            background-color: #fcfcfc;
                            box-shadow: 0px 5px 18px rgba(0,0,0,.11) !important
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card.is-active .msg-from a, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .is-active.summary-card .msg-from a, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-active.summary-card .msg-from a {
                                color: #3d70b2
                            }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card.is-active .msg-attachment svg, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .is-active.summary-card .msg-attachment svg, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-active.summary-card .msg-attachment svg {
                                stroke: #3d70b2
                            }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card.has-attachment .msg-attachment svg, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .has-attachment.summary-card .msg-attachment svg, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .has-attachment.summary-card .msg-attachment svg {
                            display: block;
                            transition: stroke .3s
                        }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-from, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-from, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-from {
                            color: #999
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-from a, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-from a, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-from a {
                                font-weight: 500;
                                color: #999;
                                transition: color .3s
                            }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-timestamp, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-timestamp, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-timestamp {
                            float: right;
                            padding: 0 20px;
                            color: #999;
                            font-size: .9rem
                        }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-attachment, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-attachment, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-attachment {
                            float: right
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-attachment svg, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-attachment svg, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-attachment svg {
                                display: none;
                                height: 16px;
                                width: 16px;
                                stroke: #999
                            }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-subject, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-subject, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-subject {
                            display: flex;
                            align-items: center;
                            padding: 10px 0
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-subject span, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-subject span, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-subject span {
                                display: block;
                                font-family: "Montserrat",sans-serif;
                                font-weight: 600;
                                font-size: .9rem;
                                color: #393a4f;
                                margin: 0 4px
                            }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-subject svg, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-subject svg, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-subject svg {
                                position: relative;
                                top: -1px;
                                height: 16px;
                                width: 16px;
                                stroke: #999;
                                fill: none;
                                cursor: pointer;
                                transform: rotate(0);
                                transition: all .3s
                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-subject svg.is-active, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-subject svg.is-active, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-subject svg.is-active {
                                    transform: rotate(360deg);
                                    stroke: #3d70b2;
                                    fill: #3d70b2
                                }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-snippet, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-snippet, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-snippet {
                            color: #999;
                            font-size: .9rem;
                            padding-right: 20px
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-snippet p, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-snippet p, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-snippet p {
                                overflow: hidden;
                                position: relative;
                                line-height: 1.2em;
                                max-height: 2.4em;
                                text-align: justify;
                                margin-right: -1em;
                                padding-right: 1em
                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-snippet p:before, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-snippet p:before, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-snippet p:before {
                                    content: "...";
                                    position: absolute;
                                    right: 0;
                                    bottom: 0
                                }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-snippet p:after, .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-snippet p:after, .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-snippet p:after {
                                    content: "";
                                    position: absolute;
                                    right: 0;
                                    width: 1em;
                                    height: 1em;
                                    margin-top: .2em;
                                    background: #fff
                                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner strong {
                        color: #5d5d5d
                    }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .msg-check {
                        padding: 0 20px
                    }

    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 50%;
        background: #fff;
        transition: all .3s;
        border-left: 1px solid #dbdbdb
    }

        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner {
            position: relative;
            height: 100%;
            width: 100%
        }

            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-head .action-buttons {
                min-height: 60px;
                display: flex;
                align-items: center;
                padding: 0 20px;
                border-bottom: 1px solid #e8e8e8
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-head .action-buttons .button {
                    max-height: 32px;
                    padding: 4px 8px
                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-head .action-buttons .button svg {
                        height: 16px;
                        width: 16px;
                        stroke: #888da8
                    }

            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body {
                position: absolute;
                top: 0;
                left: 0;
                margin-top: 60px;
                height: calc(100% - 60px);
                max-height: calc(100% - 60px);
                width: 100%;
                overflow-y: auto;
                border-left: none;
                padding: 1.25em !important
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner {
                    position: relative;
                    width: 100%;
                    height: 100%;
                    display: none;
                    transition: all .3s;
                    animation-name: fadeInLeft;
                    animation-duration: .5s
                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner.is-active {
                        display: block
                    }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview-transition.is-first {
                        margin-top: -36px !important
                    }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview-transition .mail {
                        position: relative;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        margin: 60px auto;
                        height: 40px;
                        width: 40px;
                        border-radius: 50%;
                        color: #fff;
                        border: 1px solid #ccc
                    }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview-transition .mail:before {
                            content: "";
                            position: absolute;
                            top: -30px;
                            left: 0;
                            right: 0;
                            height: 1px;
                            width: 40px;
                            background: #888da8;
                            transform: rotate(90deg)
                        }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview-transition .mail:after {
                            content: "";
                            position: absolute;
                            bottom: -30px;
                            left: 0;
                            right: 0;
                            height: 1px;
                            width: 40px;
                            background: #888da8;
                            transform: rotate(90deg)
                        }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview-transition .mail svg {
                            width: 20px;
                            height: 20px;
                            stroke: #888da8
                        }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview {
                        margin: 0 0 20px 0;
                        padding: 30px;
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
                        border: 1px solid #e8e8e8
                    }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .avatar {
                            display: flex;
                            justify-content: center;
                            align-items: center
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .avatar img {
                                width: 48px;
                                border-radius: 50px;
                                border: 2px solid #999;
                                padding: 2px
                            }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header {
                            display: flex;
                            align-items: center
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta {
                                display: block;
                                padding: 0 20px
                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta .name {
                                    font-weight: 500;
                                    color: #393a4f
                                }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta .date {
                                    font-size: .9rem;
                                    color: #999
                                }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta-right {
                                text-align: right;
                                margin-left: auto
                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta-right .tag {
                                    font-weight: 500;
                                    background: #f7f7f7;
                                    color: #393a4f
                                }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta-right svg {
                                    position: relative;
                                    top: 2px;
                                    height: 16px;
                                    width: 16px;
                                    stroke: #cecece
                                }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta-right small {
                                    color: #999;
                                    font-size: .95rem
                                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments {
                        padding-bottom: 40px
                    }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-header .paperclip {
                            position: relative;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            margin: 60px auto;
                            height: 40px;
                            width: 40px;
                            border-radius: 50%;
                            color: #fff;
                            border: 1px solid #ccc
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-header .paperclip:before {
                                content: "";
                                position: absolute;
                                top: -30px;
                                left: 0;
                                right: 0;
                                height: 1px;
                                width: 40px;
                                background: #888da8;
                                transform: rotate(90deg)
                            }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-header .paperclip:after {
                                content: "";
                                position: absolute;
                                bottom: -30px;
                                left: 0;
                                right: 0;
                                height: 1px;
                                width: 40px;
                                background: #888da8;
                                transform: rotate(90deg)
                            }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-header .paperclip svg {
                                width: 20px;
                                height: 20px;
                                stroke: #888da8
                            }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner {
                            display: flex;
                            flex-wrap: wrap;
                            max-width: 380px;
                            margin: 0 auto
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box {
                                width: calc(50% - 20px);
                                margin: 0 10px 16px 10px;
                                padding: 0;
                                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
                                border: 1px solid #e8e8e8;
                                border-radius: 4px
                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file {
                                    justify-content: center;
                                    align-items: center
                                }

                                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .box-inner {
                                        text-align: center;
                                        padding: 22px 12px
                                    }

                                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .box-inner svg {
                                            stroke-width: 1.2px
                                        }

                                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .box-inner h5 {
                                            font-weight: 500;
                                            font-size: .9rem;
                                            overflow: hidden;
                                            text-overflow: ellipsis
                                        }

                                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .actions-group {
                                        display: flex;
                                        border-top: 1px solid #e8e8e8
                                    }

                                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .actions-group .action {
                                            width: 50%;
                                            height: 34px;
                                            display: flex;
                                            justify-content: center;
                                            align-items: center;
                                            transition: all .3s
                                        }

                                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .actions-group .action:first-child {
                                                border-right: 1px solid #e8e8e8
                                            }

                                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .actions-group .action:hover {
                                                background: #fafafa
                                            }

                                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .actions-group .action:hover svg {
                                                    stroke: #393a4f
                                                }

                                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .actions-group .action svg {
                                                height: 18px;
                                                width: 18px;
                                                stroke: #888da8;
                                                transition: stroke .3s
                                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box img {
                                    display: block;
                                    border-radius: 2px
                                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper {
                        padding: 40px
                    }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-title {
                            font-size: 1.1rem;
                            color: #393a4f;
                            font-weight: 500;
                            margin-bottom: 20px;
                            display: flex;
                            align-items: center
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-title svg {
                                height: 18px;
                                width: 18px;
                                stroke: #999;
                                margin-left: 8px;
                                cursor: pointer
                            }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner {
                            width: 100%;
                            border: 1px solid #e8e8e8;
                            border-radius: 4px;
                            padding: 30px;
                            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .flex-form {
                                display: flex
                            }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner img {
                                margin-top: 2px;
                                height: 44px;
                                width: 44px;
                                border-radius: 50%
                            }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .control {
                                position: relative;
                                width: 100%;
                                margin-left: 10px
                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .control .textarea {
                                    border: none !important;
                                    margin-bottom: 20px
                                }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .control .reply-textarea {
                                    margin-bottom: 20px;
                                    min-height: 120px
                                }

                                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .control .reply-textarea p {
                                        font-style: normal;
                                        font-size: 1rem;
                                        font-family: "Roboto",sans-serif
                                    }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .control .ql-editor::before {
                                    font-style: normal;
                                    font-size: 1rem;
                                    color: #cecece
                                }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .send-message {
                                line-height: 0
                            }

.action-buttons .control.is-grouped {
    display: inline-block;
    margin-right: 16px
}

    .action-buttons .control.is-grouped:last-child {
        margin-right: 0
    }

    .action-buttons .control.is-grouped .button {
        margin-right: -5px;
        border-radius: 0;
        background: #fff;
        transition: all .3s
    }

        .action-buttons .control.is-grouped .button:first-child {
            border-radius: 5px 0 0 5px
        }

        .action-buttons .control.is-grouped .button:last-child {
            border-radius: 0 5px 5px 0
        }

        .action-buttons .control.is-grouped .button:hover {
            background: #f5f5f5
        }

        .action-buttons .control.is-grouped .button.is-solo {
            border-radius: 5px !important
        }

        .action-buttons .control.is-grouped .button svg {
            transition: all .3s
        }

@media only screen and (max-width: 1300px) {
    .inbox-wrapper .message-count {
        display: none
    }
}

@media(max-width: 767px) {
    .inbox-wrapper {
        overflow: hidden
    }

        .inbox-wrapper .action-buttons .is-grouped {
            margin-right: 0 !important;
            margin-bottom: 0 !important
        }

        .inbox-wrapper .inbox-message-container {
            width: 100% !important;
            transform: translateX(100%)
        }

            .inbox-wrapper .inbox-message-container.is-opened-mobile {
                transform: translateX(0)
            }

            .inbox-wrapper .inbox-message-container .message-body {
                padding: 1.25em .5em !important
            }

                .inbox-wrapper .inbox-message-container .message-body .message-preview .header {
                    flex-direction: column !important;
                    text-align: center !important
                }

                    .inbox-wrapper .inbox-message-container .message-body .message-preview .header .meta-right {
                        margin: 10px 0 !important;
                        text-align: center !important
                    }

            .inbox-wrapper .inbox-message-container .action-buttons .is-grouped.is-hidden-landscape {
                margin-left: auto !important
            }

        .inbox-wrapper .inbox-center-container {
            width: 100% !important;
            left: 0 !important
        }

            .inbox-wrapper .inbox-center-container .action-buttons {
                padding: 10px 20px !important
            }

                .inbox-wrapper .inbox-center-container .action-buttons .is-grouped.is-hidden-landscape {
                    margin-right: auto !important
                }

        .inbox-wrapper .reply-wrapper {
            padding: 20px 10px !important
        }

            .inbox-wrapper .reply-wrapper .reply-wrapper-inner {
                padding: 10px !important
            }

    .inbox-left-sidebar {
        width: 260px !important;
        transform: translateX(-260px)
    }

        .inbox-left-sidebar.is-opened-mobile {
            transform: translateX(0)
        }

        .inbox-left-sidebar .inbox-left-sidebar-inner .close-menu {
            padding: 0 30px !important
        }

    .is-vhidden {
        display: none !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .inbox-wrapper {
        overflow: hidden
    }

    .inbox-left-sidebar {
        width: 260px !important;
        transform: translateX(-260px)
    }

        .inbox-left-sidebar.is-opened-mobile {
            transform: translateX(0)
        }

    .inbox-center-container {
        width: 100% !important;
        left: 0 !important
    }

        .inbox-center-container .action-buttons {
            padding: 10px 20px !important
        }

    .inbox-message-container {
        width: 100% !important;
        transform: translateX(100%)
    }

        .inbox-message-container.is-opened-mobile {
            transform: translateX(0)
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .inbox-left-sidebar {
        width: 21% !important
    }

        .inbox-left-sidebar .compose {
            padding: 20px 10px !important
        }

        .inbox-left-sidebar .left-menu a {
            margin: 0 10px !important;
            padding: 10px !important
        }

    .inbox-message-container {
        width: 45% !important
    }

        .inbox-message-container .inbox-message-container-inner .message-body {
            padding: 1.25em !important
        }

            .inbox-message-container .inbox-message-container-inner .message-body .message-preview {
                padding: 20px !important
            }

    .inbox-center-container {
        left: 21% !important
    }

        .inbox-center-container .action-buttons .is-grouped.is-arrows {
            display: none !important
        }

    .reply-wrapper {
        padding: 20px 0 !important
    }

        .reply-wrapper .reply-wrapper-inner {
            padding: 10px !important
        }

    .action-buttons .button {
        margin-bottom: 4px !important
    }
}

.cover-bg {
    position: relative;
    min-height: 200px;
}

    .cover-bg:hover .cover-overlay {
        background: rgba(57,58,79,.5)
    }

    .cover-bg:hover .cover-edit {
        border-color: #fcfcfc;
        background: rgba(252,252,252,.1)
    }

        .cover-bg:hover .cover-edit i {
            transform: scale(1)
        }

        .cover-bg:hover .cover-edit span {
            opacity: 1
        }

    .cover-bg .cover-image {
        display: block;
        border-radius: 3px;
        -o-object-position: top;
        object-position: top;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        max-height: 328px
    }

    .cover-bg .avatar {
        position: absolute;
        bottom: -50px;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 110px;
        width: 110px;
        border-radius: 50%;
        z-index: 1
    }

        .cover-bg .avatar .avatar-image {
            position: relative;
            -o-object-fit: cover;
            object-fit: cover;
            height: 110px;
            width: 110px;
            border-radius: 50%;
            box-shadow: 0px 15px 32px rgba(0,0,0,.18) !important;
            z-index: 1
        }

        .cover-bg .avatar .avatar-button {
            position: absolute;
            bottom: 0;
            right: 0;
            height: 34px;
            width: 34px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #3d70b2;
            box-shadow: 0 14px 26px -12px rgba(61,112,178,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(61,112,178,.2) !important;
            transform: rotate(0);
            transition: all .3s;
            cursor: pointer;
            z-index: 1
        }

            .cover-bg .avatar .avatar-button:hover {
                background: #4c7fc2
            }

            .cover-bg .avatar .avatar-button.is-active {
                transform: rotate(135deg)
            }

            .cover-bg .avatar .avatar-button svg {
                height: 18px;
                width: 18px;
                stroke: #fcfcfc
            }

        .cover-bg .avatar .pop-button {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            margin: 0 auto;
            height: 34px;
            width: 34px;
            border-radius: 50%;
            background: #fff;
            box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important;
            z-index: 0;
            transform: translate(0, 10px) rotate(260deg);
            transition: all .3s;
            cursor: pointer
        }

            .cover-bg .avatar .pop-button .inner {
                position: relative;
                height: 100%;
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center
            }

            .cover-bg .avatar .pop-button.pop-shift .inactive-icon {
                display: block
            }

            .cover-bg .avatar .pop-button.pop-shift .active-icon {
                display: none
            }

            .cover-bg .avatar .pop-button.pop-shift.is-shifted .inactive-icon {
                display: none
            }

            .cover-bg .avatar .pop-button.pop-shift.is-shifted .active-icon {
                display: block
            }

            .cover-bg .avatar .pop-button.is-center, .cover-bg .avatar .pop-button.is-far-right, .cover-bg .avatar .pop-button.is-left, .cover-bg .avatar .pop-button.is-far-left {
                background: #fff;
                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
            }

                .cover-bg .avatar .pop-button.is-center:hover, .cover-bg .avatar .pop-button.is-far-right:hover, .cover-bg .avatar .pop-button.is-left:hover, .cover-bg .avatar .pop-button.is-far-left:hover {
                    background: #3d70b2;
                    box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
                }

                    .cover-bg .avatar .pop-button.is-center:hover svg, .cover-bg .avatar .pop-button.is-far-right:hover svg, .cover-bg .avatar .pop-button.is-left:hover svg, .cover-bg .avatar .pop-button.is-far-left:hover svg {
                        stroke: #fafafa
                    }

                .cover-bg .avatar .pop-button.is-center svg, .cover-bg .avatar .pop-button.is-far-right svg, .cover-bg .avatar .pop-button.is-left svg, .cover-bg .avatar .pop-button.is-far-left svg {
                    stroke: #757a91
                }

            .cover-bg .avatar .pop-button.is-right {
                background: #3d70b2;
                box-shadow: 0 14px 26px -12px rgba(61,112,178,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(61,112,178,.2) !important
            }

                .cover-bg .avatar .pop-button.is-right svg {
                    stroke: #fafafa
                }

            .cover-bg .avatar .pop-button.is-active.is-far-left {
                transform: translate(-240%, 30%) rotate(0)
            }

            .cover-bg .avatar .pop-button.is-active.is-left {
                transform: translate(-160%, -110%) rotate(0)
            }

            .cover-bg .avatar .pop-button.is-active.is-center {
                transform: translate(0, -170%) rotate(0)
            }

            .cover-bg .avatar .pop-button.is-active.is-right {
                transform: translate(160%, -110%) rotate(0)
            }

            .cover-bg .avatar .pop-button.is-active.is-far-right {
                transform: translate(240%, 30%) rotate(0)
            }

            .cover-bg .avatar .pop-button svg {
                height: 18px;
                width: 18px;
                stroke: #757a91;
                transition: all .3s
            }

    .cover-bg .cover-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 1px;
        background: rgba(57,58,79,.18);
        z-index: 0;
        transition: all .3s
    }

    .cover-bg .cover-edit {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        display: flex;
        align-items: center;
        margin: 10px;
        padding: 2px 8px;
        border: 1.4px solid transparent;
        border-radius: 3px;
        background: transparent;
        cursor: pointer;
        transition: all .3s
    }

        .cover-bg .cover-edit i {
            font-size: 20px;
            color: #fcfcfc;
            transition: all .3s;
            transform: scale(1.2)
        }

        .cover-bg .cover-edit span {
            opacity: 0;
            display: block;
            color: #fcfcfc;
            font-weight: 400;
            font-size: .85rem;
            margin: 0 10px;
            transition: all .3s
        }

    .cover-bg .timeline-mobile-dropdown {
        position: absolute;
        top: 10px;
        right: 10px
    }

        .cover-bg .timeline-mobile-dropdown div > .button {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 38px;
            height: 38px;
            background: transparent;
            border-radius: 50%;
            border: 1.4px solid #fff;
            padding: 0
        }

            .cover-bg .timeline-mobile-dropdown div > .button svg {
                height: 20px;
                width: 20px;
                stroke: #fff
            }

.profile-menu {
    min-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0 0 0
}

    .profile-menu .button {
        font-size: .9rem;
        padding: 20px 22px;
        background: #fcfcfc;
        color: #999
    }

        .profile-menu .button.is-active {
            background: #3d70b2;
            border-color: #3d70b2;
            color: #fcfcfc;
            box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
        }

        .profile-menu .button.has-min-width {
            width: 140px
        }

    .profile-menu .dropdown > .button svg {
        height: 20px;
        width: 20px
    }

.profile-subheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0
}

    .profile-subheader .subheader-start, .profile-subheader .subheader-end {
        width: 25%
    }

        .profile-subheader .subheader-start svg {
            height: 18px;
            width: 18px;
            stroke: #3d70b2;
            display: none
        }

        .profile-subheader .subheader-start span {
            display: block;
            font-weight: 500
        }

            .profile-subheader .subheader-start span:first-child, .menu-start .friends-number {
                font-size: 1.6rem;
                font-family: "Montserrat",sans-serif;
                font-weight: bold;
                color: #393a4f;
                line-height: 1.2
            }

            .profile-subheader .subheader-start span:nth-child(2), .menu-start .friends-text {
                text-transform: uppercase;
                font-size: .7rem;
                font-weight: 500;
                color: #999
            }

    .profile-subheader .subheader-end {
        text-align: right
    }

    .profile-subheader .subheader-middle {
        text-align: center
    }

        .profile-subheader .subheader-middle h2 {
            font-size: 1.4rem;
            font-weight: 600;
            color: #393a4f;
            line-height: 1.2
        }

        .profile-subheader .subheader-middle span {
            display: block;
            font-size: .9rem;
            color: #999
        }

.box-heading {
    width: 100%;
    padding: 8px;
    border-radius: .75rem;
    border: 1px solid #e8e8e8;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .box-heading h4 {
        font-weight: 500;
        padding: 0 6px
    }

    .box-heading .heading-search {
        position: relative;
        margin-left: 10px
    }

        .box-heading .heading-search input {
            padding-left: 38px
        }

            .box-heading .heading-search input:focus + .search-icon svg {
                stroke: #3d70b2
            }

        .box-heading .heading-search .search-icon {
            position: absolute;
            top: 0;
            left: 2px;
            height: 36px;
            width: 36px;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .box-heading .heading-search .search-icon svg {
                height: 16px;
                width: 16px;
                stroke: #cecece;
                transition: stroke .3s
            }

    .box-heading .dropdown.photos-dropdown.is-active div > .button svg, .box-heading .dropdown.friends-dropdown.is-active div > .button svg {
        transform: rotate(180deg)
    }

    .box-heading .dropdown.photos-dropdown div > .button, .box-heading .dropdown.friends-dropdown div > .button {
        width: auto !important;
        padding: 0 8px 0 12px;
        height: 34px;
        min-width: 110px;
        background: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 100px
    }

        .box-heading .dropdown.photos-dropdown div > .button svg, .box-heading .dropdown.friends-dropdown div > .button svg {
            height: 16px;
            width: 16px;
            stroke: #393a4f;
            transition: all .3s
        }

    .box-heading .dropdown.photos-dropdown .dropdown-menu, .box-heading .dropdown.friends-dropdown .dropdown-menu {
        margin-top: 6px
    }

    .box-heading .dropdown .button {
        width: 38px !important;
        height: 38px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        border-color: transparent
    }

        .box-heading .dropdown .button svg {
            height: 20px;
            width: 20px;
            stroke: #888da8
        }

    .box-heading .button-wrap .button {
        line-height: 0;
        width: 90px;
        font-weight: 500
    }

        .box-heading .button-wrap .button.is-active {
            color: #3d70b2;
            border-color: #3d70b2
        }

.profile-timeline {
    padding: 10px 0
}

    .profile-timeline .profile-post {
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        margin-bottom: 30px
    }

        .profile-timeline .profile-post.is-simple .post-actions {
            flex-direction: row-reverse !important
        }

        .profile-timeline .profile-post .time {
            padding-right: 30px;
            position: relative
        }

            .profile-timeline .profile-post .time .img-container {
                height: 48px;
                width: 48px;
                border-radius: 50%;
                background: #fff;
                display: flex;
                justify-content: center;
                align-items: center
            }

                .profile-timeline .profile-post .time .img-container:after {
                    content: "";
                    position: absolute;
                    top: 60px;
                    left: 24px;
                    width: 1.4px;
                    height: calc(100% - 30px);
                    background: #e5e5e5
                }

                .profile-timeline .profile-post .time .img-container img {
                    display: block;
                    height: 44px;
                    width: 44px;
                    min-width: 44px;
                    border-radius: 50%
                }

        .profile-timeline .profile-post .is-post {
            margin-bottom: 0;
            width: 100%
        }

.basic-infos-wrapper {
    padding-top: 10px
}

    .basic-infos-wrapper .is-profile-info .info-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 16px
    }

        .basic-infos-wrapper .is-profile-info .info-row:not(:last-child) {
            border-bottom: 1px solid #e8e8e8
        }

        .basic-infos-wrapper .is-profile-info .info-row span, .basic-infos-wrapper .is-profile-info .info-row a {
            display: block
        }

        .basic-infos-wrapper .is-profile-info .info-row span {
            font-size: .85rem;
            font-weight: 500;
            color: #393a4f
        }

        .basic-infos-wrapper .is-profile-info .info-row a {
            font-size: .9rem;
            font-weight: 400;
            color: #999
        }

        .basic-infos-wrapper .is-profile-info .info-row i {
            font-size: 20px;
            color: #cecece;
            margin: 0 4px
        }

    .basic-infos-wrapper .is-community, .basic-infos-wrapper .is-about {
        padding: 16px
    }

        .basic-infos-wrapper .is-community h4, .basic-infos-wrapper .is-about h4 {
            margin-bottom: 16px;
            color: #999
        }

        .basic-infos-wrapper .is-community .flex-block, .basic-infos-wrapper .is-about .flex-block {
            display: flex;
            align-items: center;
            margin: 16px 0
        }

            .basic-infos-wrapper .is-community .flex-block a, .basic-infos-wrapper .is-about .flex-block a {
                color: #393a4f;
                font-weight: 500
            }

                .basic-infos-wrapper .is-community .flex-block a:hover, .basic-infos-wrapper .is-about .flex-block a:hover {
                    color: #3d70b2
                }

            .basic-infos-wrapper .is-community .flex-block p, .basic-infos-wrapper .is-about .flex-block p {
                font-size: .8rem;
                margin-left: 12px
            }

            .basic-infos-wrapper .is-community .flex-block svg, .basic-infos-wrapper .is-about .flex-block svg {
                height: 16px;
                width: 16px
            }

    .basic-infos-wrapper .is-friendkit {
        padding: 16px
    }

        .basic-infos-wrapper .is-friendkit .title-wrap {
            display: flex;
            align-items: center;
            margin-bottom: 16px
        }

            .basic-infos-wrapper .is-friendkit .title-wrap img {
                display: block;
                max-width: 30px
            }

            .basic-infos-wrapper .is-friendkit .title-wrap h4 {
                color: #999
            }

        .basic-infos-wrapper .is-friendkit p {
            font-size: .8rem
        }

        .basic-infos-wrapper .is-friendkit .created {
            display: flex;
            align-items: center;
            margin-top: 16px
        }

            .basic-infos-wrapper .is-friendkit .created svg {
                height: 16px;
                width: 16px;
                stroke: #999;
                margin-right: 8px
            }

            .basic-infos-wrapper .is-friendkit .created span {
                display: block;
                color: #999;
                font-size: .8rem
            }

.is-photos-widget {
    padding: 10px 0 20px 0;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap
}

    .is-photos-widget img {
        display: block;
        width: calc(25% - 6px);
        margin-bottom: 12px;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: .65rem;
        transition: all .3s;
        padding: 3px;
    }

        .is-photos-widget img:hover {
            box-shadow: 0px 15px 32px rgba(0,0,0,.18) !important
        }

.is-videos-widget {
    padding: 10px 0 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

    .is-videos-widget .video-container {
        position: relative;
        display: block;
        width: calc(33% - 6px);
        min-height: 60px;
        margin-bottom: 12px;
        border-radius: .85rem;
        transition: all .3s
    }

        .is-videos-widget .video-container:hover img {
            box-shadow: 0px 15px 32px rgba(0,0,0,.18) !important
        }

        .is-videos-widget .video-container img {
            display: block;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: .85rem;
            width: 100%;
            height: 100%;
            transition: all .3s
        }

        .is-videos-widget .video-container .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            border-radius: .85rem;
            background: rgba(52,66,88,.6)
        }

        .is-videos-widget .video-container .video-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            height: 34px;
            width: 34px;
            background: #3d70b2;
            border-radius: 50%;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 2;
            cursor: pointer
        }

            .is-videos-widget .video-container .video-button img {
                position: relative;
                display: block;
                width: 16px;
                height: 16px;
                left: 1px;
                z-index: 3
            }

            .is-videos-widget .video-container .video-button:after {
                content: "";
                position: absolute;
                top: calc(50% - 12px);
                left: calc(50% - 12px);
                height: 24px;
                width: 24px;
                border-radius: 50%;
                background: #3d70b2;
                animation: wave 1.6s infinite;
                animation-duration: 2s;
                transform-origin: center center;
                z-index: 0
            }

.friend-cards-list {
    padding-top: 10px
}

    .friend-cards-list .is-friend-card .friend-item {
        padding: 12px;
        display: flex;
        align-items: center
    }

        .friend-cards-list .is-friend-card .friend-item:not(:last-child) {
            border-bottom: 1px solid #e8e8e8
        }

        .friend-cards-list .is-friend-card .friend-item img {
            display: block;
            height: 44px;
            width: 44px;
            border-radius: 50%
        }

        .friend-cards-list .is-friend-card .friend-item .text-content {
            margin: 0 10px
        }

            .friend-cards-list .is-friend-card .friend-item .text-content span, .friend-cards-list .is-friend-card .friend-item .text-content a {
                display: block
            }

                .friend-cards-list .is-friend-card .friend-item .text-content a:first-child {
                    font-weight: 500;
                    font-size: .9rem;
                    color: #393a4f
                }

                .friend-cards-list .is-friend-card .friend-item .text-content a:nth-child(3) {
                    font-size: .8rem;
                    font-weight: 500;
                    color: #3d70b2
                }

            .friend-cards-list .is-friend-card .friend-item .text-content span {
                font-size: .75rem;
                color: #999
            }

        .friend-cards-list .is-friend-card .friend-item .star-friend {
            height: 44px;
            width: 44px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: auto;
            cursor: pointer
        }

            .friend-cards-list .is-friend-card .friend-item .star-friend.is-active svg {
                transform: rotate(360deg);
                stroke: #3d70b2;
                fill: #3d70b2
            }

            .friend-cards-list .is-friend-card .friend-item .star-friend svg {
                height: 20px;
                width: 20px;
                stroke: #999;
                transition: all .3s;
                transform: rotate(0)
            }

.trip-cards-list {
    padding: 10px 0 0 0
}

    .trip-cards-list .is-trip-card .trip-item {
        padding: 12px;
        display: flex;
        align-items: center
    }

        .trip-cards-list .is-trip-card .trip-item:not(:last-child) {
            border-bottom: 1px solid #e8e8e8
        }

        .trip-cards-list .is-trip-card .trip-item img {
            display: block;
            height: 42px;
            width: 42px;
            border-radius: 50%
        }

        .trip-cards-list .is-trip-card .trip-item .text-content {
            margin: 0 10px
        }

            .trip-cards-list .is-trip-card .trip-item .text-content span, .trip-cards-list .is-trip-card .trip-item .text-content a {
                display: block
            }

                .trip-cards-list .is-trip-card .trip-item .text-content a:first-child {
                    font-weight: 500;
                    font-size: .9rem;
                    color: #393a4f
                }

                .trip-cards-list .is-trip-card .trip-item .text-content a:nth-child(3) {
                    font-size: .8rem;
                    font-weight: 500;
                    color: #3d70b2
                }

            .trip-cards-list .is-trip-card .trip-item .text-content span {
                font-size: .85rem;
                color: #999
            }

.profile-about {
    width: 100%;
    border-radius: 6px;
    display: flex
}

    .profile-about .left-menu {
        min-width: 260px
    }

        .profile-about .left-menu .left-menu-inner {
            width: 100%;
            border-radius: 6px 0 0 6px
        }

        .profile-about .left-menu .menu-item {
            display: flex;
            align-items: center;
            margin-bottom: 6px;
            transition: all .3s;
            cursor: pointer
        }

            .profile-about .left-menu .menu-item.is-active .menu-icon {
                background: #3d70b2;
                box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
            }

                .profile-about .left-menu .menu-item.is-active .menu-icon i, .profile-about .left-menu .menu-item.is-active .menu-icon span {
                    color: #fcfcfc
                }

            .profile-about .left-menu .menu-item .menu-icon {
                display: flex;
                align-items: center;
                height: 42px;
                width: 100%;
                padding: 0 12px;
                border-radius: 6px;
                background: transparent;
                transition: all .3s
            }

            .profile-about .left-menu .menu-item i {
                font-size: 1.4rem;
                color: #cecece;
                transition: all .3s
            }

            .profile-about .left-menu .menu-item span {
                margin: 0 8px;
                display: block;
                font-size: .9rem;
                font-weight: 500;
                color: #cecece;
                transition: color .3s
            }

    .profile-about .right-content {
        padding-left: 30px;
        width: calc(100% - 260px);
        min-height: 420px
    }

        .profile-about .right-content .content-section {
            display: none;
            animation: fadeInLeft .5s
        }

            .profile-about .right-content .content-section.is-active {
                display: block
            }

            .profile-about .right-content .content-section .flex-block {
                display: flex;
                align-items: center;
                transition: all .3s;
                padding: 12px;
                margin-bottom: 10px;
                border-radius: .65rem;
                cursor: pointer;
                border: 1px solid #e8e8e8;
                background: #fff
            }

                .profile-about .right-content .content-section .flex-block:hover .flex-block-meta .action-link {
                    opacity: 1;
                    pointer-events: all
                }

                    .profile-about .right-content .content-section .flex-block:hover .flex-block-meta .action-link:hover {
                        color: #757a91
                    }

                .profile-about .right-content .content-section .flex-block:hover .go-button {
                    transform: scale(1) rotate(360deg);
                    opacity: 1;
                    box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
                }

                    .profile-about .right-content .content-section .flex-block:hover .go-button:hover {
                        opacity: .9
                    }

                .profile-about .right-content .content-section .flex-block img {
                    height: 42px;
                    width: 42px;
                    border-radius: 50%;
                    -o-object-fit: cover;
                    object-fit: cover
                }

                .profile-about .right-content .content-section .flex-block .flex-block-meta {
                    margin-left: 10px
                }

                    .profile-about .right-content .content-section .flex-block .flex-block-meta span, .profile-about .right-content .content-section .flex-block .flex-block-meta .action-link {
                        display: block
                    }

                    .profile-about .right-content .content-section .flex-block .flex-block-meta span {
                        color: #999;
                        font-size: .9rem
                    }

                        .profile-about .right-content .content-section .flex-block .flex-block-meta span a {
                            color: #393a4f;
                            font-size: .85rem;
                            font-weight: 500
                        }

                    .profile-about .right-content .content-section .flex-block .flex-block-meta .action-link {
                        font-size: .75rem;
                        color: #cecece;
                        pointer-events: none;
                        transition: all .3s
                    }

                .profile-about .right-content .content-section .flex-block .go-button {
                    margin-left: auto;
                    height: 42px;
                    width: 42px;
                    border-radius: 50%;
                    background: #3d70b2;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    transition: all .3s;
                    transform: scale(0) rotate(0);
                    opacity: 0
                }

                    .profile-about .right-content .content-section .flex-block .go-button svg {
                        height: 18px;
                        width: 18px;
                        stroke: #fcfcfc
                    }

    .profile-about .about-summary {
        transition: all .3s;
        padding: 30px;
        margin-bottom: 10px;
        border-radius: .85rem;
        cursor: pointer;
        border: 1px solid #e8e8e8;
        background: #fff
    }

        .profile-about .about-summary h3 {
            font-family: "Montserrat",sans-serif;
            font-size: 1.1rem
        }

        .profile-about .about-summary p {
            font-size: .95rem;
            color: #757a91
        }

    .profile-about .glider-dots {
        padding: 20px 0
    }

        .profile-about .glider-dots .glider-dot {
            width: 8px;
            height: 8px;
            margin: 4px
        }

            .profile-about .glider-dots .glider-dot.active {
                background: #3d70b2 !important
            }

    .profile-about .slider-timeline {
        position: relative
    }

        .profile-about .slider-timeline .timeline-item {
            position: relative;
            padding: 20px;
            background: #fff;
            border-radius: .65rem;
            border: 1px solid #dedede;
            margin-right: 1rem
        }

            .profile-about .slider-timeline .timeline-item .image-container {
                position: relative
            }

                .profile-about .slider-timeline .timeline-item .image-container > img {
                    display: block;
                    min-height: 160px;
                    -o-object-fit: cover;
                    object-fit: cover;
                    border-radius: .65rem
                }

                .profile-about .slider-timeline .timeline-item .image-container .logo-container {
                    position: absolute;
                    bottom: -30px;
                    right: 10px;
                    height: 50px;
                    width: 50px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: #fff;
                    border-radius: 50%
                }

                    .profile-about .slider-timeline .timeline-item .image-container .logo-container img {
                        display: block;
                        width: 40px;
                        height: 40px;
                        border-radius: 50%
                    }

            .profile-about .slider-timeline .timeline-item h3 {
                margin-top: 12px;
                font-size: .9rem;
                font-family: "Montserrat",sans-serif;
                font-weight: 500
            }

            .profile-about .slider-timeline .timeline-item > p {
                font-size: .8rem;
                color: #999
            }

            .profile-about .slider-timeline .timeline-item .more {
                margin-top: 6px
            }

                .profile-about .slider-timeline .timeline-item .more p {
                    font-size: .9rem;
                    color: #595b7b
                }

            .profile-about .slider-timeline .timeline-item .date {
                margin-top: 6px;
                font-size: .8rem;
                color: #999
            }

.friends-columns .column {
    padding: .5rem
}

.about-card {
    width: 100%;
    border-radius: .75rem;
    border: 1px solid #dedede;
    background: #fff
}

    .about-card:not(:last-child) {
        margin-bottom: 30px
    }

    .about-card .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px
    }

        .about-card .header .icon-title {
            display: flex;
            align-items: center
        }

            .about-card .header .icon-title i {
                font-size: 22px;
                color: #cecece
            }

            .about-card .header .icon-title h3 {
                color: #393a4f;
                font-weight: 500;
                font-size: 1.1rem;
                margin-left: 8px
            }

        .about-card .header .actions {
            display: flex;
            align-items: center
        }

            .about-card .header .actions .button-wrapper {
                position: relative
            }

                .about-card .header .actions .button-wrapper .indicator {
                    position: absolute;
                    top: -8px;
                    left: -8px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 24px;
                    min-width: 24px;
                    padding: 0 4px;
                    background: #3d70b2;
                    border: 2px solid #fff;
                    border-radius: 50%
                }

                    .about-card .header .actions .button-wrapper .indicator span {
                        display: block;
                        font-size: .8rem;
                        font-weight: 600;
                        color: #fcfcfc
                    }

            .about-card .header .actions .button:first-child {
                margin-right: 8px
            }

        .about-card .header .dropdown div > .button {
            margin-right: 0 !important
        }

    .about-card .body {
        padding: 0 20px 20px 20px
    }

        .about-card .body.has-flex-list {
            padding-left: calc(20px - .5rem);
            padding-right: calc(20px - .5rem);
            padding-bottom: calc(20px - .5rem)
        }

        .about-card .body .friend-small-card {
            display: flex;
            align-items: center;
            width: 100%;
            padding: 12px;
            border-radius: .65rem;
            border: 1px solid #dedede;
            background: #fff;
            transition: all .3s
        }

            .about-card .body .friend-small-card:hover {
                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
            }

                .about-card .body .friend-small-card:hover .dropdown {
                    opacity: 1;
                    pointer-events: all
                }

            .about-card .body .friend-small-card img {
                height: 40px;
                width: 40px;
                border-radius: 50%
            }

            .about-card .body .friend-small-card .meta {
                margin-left: 12px
            }

                .about-card .body .friend-small-card .meta span {
                    display: block
                }

                    .about-card .body .friend-small-card .meta span:first-child {
                        font-size: .9rem;
                        font-weight: 500;
                        color: #393a4f
                    }

                    .about-card .body .friend-small-card .meta span:nth-child(2) {
                        font-size: .9rem;
                        color: #999
                    }

            .about-card .body .friend-small-card .dropdown {
                margin-left: auto;
                opacity: 0;
                pointer-events: none;
                transition: opacity .3s
            }

                .about-card .body .friend-small-card .dropdown > div .button {
                    padding: 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 32px;
                    width: 32px;
                    border: none;
                    border-radius: 50%;
                    transition: all .3s
                }

                    .about-card .body .friend-small-card .dropdown > div .button:hover {
                        background: #f0f0f0
                    }

                    .about-card .body .friend-small-card .dropdown > div .button svg {
                        height: 20px;
                        width: 20px
                    }

        .about-card .body .photo-list .photo-wrapper:hover .photo-overlay, .about-card .body .photo-list .photo-wrapper:hover .video-overlay, .about-card .body .photo-list .video-wrapper:hover .photo-overlay, .about-card .body .photo-list .video-wrapper:hover .video-overlay, .about-card .body .video-list .photo-wrapper:hover .photo-overlay, .about-card .body .video-list .photo-wrapper:hover .video-overlay, .about-card .body .video-list .video-wrapper:hover .photo-overlay, .about-card .body .video-list .video-wrapper:hover .video-overlay {
            opacity: .5
        }

        .about-card .body .photo-list .photo-wrapper:hover .small-like, .about-card .body .photo-list .video-wrapper:hover .small-like, .about-card .body .video-list .photo-wrapper:hover .small-like, .about-card .body .video-list .video-wrapper:hover .small-like {
            transform: translateY(0);
            opacity: 1;
            pointer-events: all
        }

        .about-card .body .photo-list .photo-wrapper .photo-overlay, .about-card .body .photo-list .photo-wrapper .video-overlay, .about-card .body .photo-list .video-wrapper .photo-overlay, .about-card .body .photo-list .video-wrapper .video-overlay, .about-card .body .video-list .photo-wrapper .photo-overlay, .about-card .body .video-list .photo-wrapper .video-overlay, .about-card .body .video-list .video-wrapper .photo-overlay, .about-card .body .video-list .video-wrapper .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            border-radius: .65rem;
            background: #393a4f;
            opacity: 0;
            transition: opacity .3s
        }

        .about-card .body .photo-list .photo-wrapper .small-like, .about-card .body .photo-list .video-wrapper .small-like, .about-card .body .video-list .photo-wrapper .small-like, .about-card .body .video-list .video-wrapper .small-like {
            position: absolute;
            bottom: 10px;
            right: 10px;
            z-index: 5;
            transition: all .3s;
            transform: translateY(20px);
            opacity: 0;
            pointer-events: none;
            cursor: pointer
        }

            .about-card .body .photo-list .photo-wrapper .small-like.is-active .inner .like-overlay, .about-card .body .photo-list .video-wrapper .small-like.is-active .inner .like-overlay, .about-card .body .video-list .photo-wrapper .small-like.is-active .inner .like-overlay, .about-card .body .video-list .video-wrapper .small-like.is-active .inner .like-overlay {
                transform: scale(1)
            }

            .about-card .body .photo-list .photo-wrapper .small-like.is-active .inner svg, .about-card .body .photo-list .video-wrapper .small-like.is-active .inner svg, .about-card .body .video-list .photo-wrapper .small-like.is-active .inner svg, .about-card .body .video-list .video-wrapper .small-like.is-active .inner svg {
                stroke: #fff;
                fill: #fff
            }

            .about-card .body .photo-list .photo-wrapper .small-like .inner, .about-card .body .photo-list .video-wrapper .small-like .inner, .about-card .body .video-list .photo-wrapper .small-like .inner, .about-card .body .video-list .video-wrapper .small-like .inner {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 36px;
                width: 36px;
                background: #fff;
                border-radius: 50%
            }

                .about-card .body .photo-list .photo-wrapper .small-like .inner .like-overlay, .about-card .body .photo-list .video-wrapper .small-like .inner .like-overlay, .about-card .body .video-list .photo-wrapper .small-like .inner .like-overlay, .about-card .body .video-list .video-wrapper .small-like .inner .like-overlay {
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 36px;
                    width: 36px;
                    background: #f71416;
                    border-radius: 50%;
                    transform: scale(0);
                    transition: all .3s
                }

                .about-card .body .photo-list .photo-wrapper .small-like .inner svg, .about-card .body .photo-list .video-wrapper .small-like .inner svg, .about-card .body .video-list .photo-wrapper .small-like .inner svg, .about-card .body .video-list .video-wrapper .small-like .inner svg {
                    position: relative;
                    height: 14px;
                    width: 14px;
                    z-index: 1;
                    transition: all .3s
                }

        .about-card .body .photo-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            width: 100%;
            margin-top: -0.5rem
        }

            .about-card .body .photo-list .photo-wrapper {
                position: relative;
                width: calc(20% - 1rem);
                margin: .5rem;
                overflow: hidden
            }

                .about-card .body .photo-list .photo-wrapper img {
                    display: block;
                    -o-object-fit: cover;
                    object-fit: cover;
                    width: 100%;
                    border-radius: .65rem
                }

        .about-card .body .video-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            width: 100%;
            margin-top: -0.5rem
        }

            .about-card .body .video-list .video-wrapper {
                position: relative;
                width: calc(25% - 1rem);
                margin: .5rem;
                overflow: hidden
            }

                .about-card .body .video-list .video-wrapper img {
                    display: block;
                    -o-object-fit: cover;
                    object-fit: cover;
                    width: 100%;
                    border-radius: .65rem
                }

                .about-card .body .video-list .video-wrapper .video-overlay {
                    opacity: .5 !important
                }

                .about-card .body .video-list .video-wrapper .video-length {
                    position: absolute;
                    bottom: 10px;
                    left: 10px;
                    color: #fcfcfc;
                    font-weight: 500;
                    font-size: .8rem
                }

                .about-card .body .video-list .video-wrapper .video-button {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    height: 34px;
                    width: 34px;
                    background: #3d70b2;
                    border-radius: 50%;
                    margin: 0 auto;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    z-index: 2;
                    cursor: pointer
                }

                    .about-card .body .video-list .video-wrapper .video-button img {
                        position: relative;
                        display: block;
                        width: 16px;
                        height: 16px;
                        left: 1px;
                        z-index: 3
                    }

                    .about-card .body .video-list .video-wrapper .video-button:after {
                        content: "";
                        position: absolute;
                        top: calc(50% - 12px);
                        left: calc(50% - 12px);
                        height: 24px;
                        width: 24px;
                        border-radius: 50%;
                        background: #3d70b2;
                        animation: wave 1.6s infinite;
                        animation-duration: 2s;
                        transform-origin: center center;
                        z-index: 0
                    }

        .about-card .body .place-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            width: 100%;
            margin-top: -0.5rem
        }

            .about-card .body .place-list .place-wrapper {
                position: relative;
                width: calc(33% - 1rem);
                margin: .5rem;
                overflow: hidden;
                padding: 12px;
                background: #fff;
                border: 1px solid #dedede;
                border-radius: .65rem;
                transition: all .3s
            }

                .about-card .body .place-list .place-wrapper:hover {
                    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                }

                .about-card .body .place-list .place-wrapper img {
                    display: block;
                    -o-object-fit: cover;
                    object-fit: cover;
                    width: 100%;
                    border-radius: .65rem
                }

                .about-card .body .place-list .place-wrapper .foot .place-name {
                    display: block;
                    margin-top: 4px;
                    font-size: .9rem;
                    font-weight: 500;
                    color: #393a4f;
                    transition: color .3s
                }

                    .about-card .body .place-list .place-wrapper .foot .place-name:hover {
                        color: #3d70b2
                    }

                .about-card .body .place-list .place-wrapper .foot .rating {
                    line-height: 1
                }

                    .about-card .body .place-list .place-wrapper .foot .rating svg {
                        height: 14px;
                        width: 14px;
                        stroke: #cecece;
                        fill: #cecece;
                        transition: all .3s
                    }

                        .about-card .body .place-list .place-wrapper .foot .rating svg.is-checked {
                            stroke: #3d70b2;
                            fill: #3d70b2
                        }

.page-about-card {
    padding: 20px
}

    .page-about-card .card-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px
    }

        .page-about-card .card-title h4 {
            font-family: "Montserrat",sans-serif;
            color: #393a4f;
            font-size: .9rem
        }

    .page-about-card .about-body .about-block .block-header {
        border-bottom: 1px solid #e8e8e8;
        padding: 10px 0
    }

        .page-about-card .about-body .about-block .block-header h4 {
            text-transform: uppercase;
            font-size: .75rem;
            font-weight: 500;
            color: #999
        }

    .page-about-card .about-body .about-block .block-content {
        padding: 10px 0
    }

        .page-about-card .about-body .about-block .block-content .flex-inner {
            display: flex;
            align-items: center;
            margin: 10px 0
        }

            .page-about-card .about-body .about-block .block-content .flex-inner.has-meta {
                align-items: flex-start;
                margin: 16px 0
            }

                .page-about-card .about-body .about-block .block-content .flex-inner.has-meta .meta {
                    margin-left: 12px
                }

                    .page-about-card .about-body .about-block .block-content .flex-inner.has-meta .meta span {
                        display: block;
                        padding: 0
                    }

                        .page-about-card .about-body .about-block .block-content .flex-inner.has-meta .meta span:first-child {
                            font-weight: 500;
                            color: #393a4f
                        }

                        .page-about-card .about-body .about-block .block-content .flex-inner.has-meta .meta span:nth-child(2) {
                            color: #999;
                            font-size: .85rem
                        }

            .page-about-card .about-body .about-block .block-content .flex-inner .mdi {
                font-size: 24px;
                color: #999
            }

            .page-about-card .about-body .about-block .block-content .flex-inner svg {
                height: 16px;
                width: 16px;
                stroke: #999
            }

            .page-about-card .about-body .about-block .block-content .flex-inner span {
                display: block;
                font-size: .9rem;
                padding: 0 10px
            }

                .page-about-card .about-body .about-block .block-content .flex-inner span a {
                    color: #999
                }

                    .page-about-card .about-body .about-block .block-content .flex-inner span a:hover {
                        color: #3d70b2
                    }

        .page-about-card .about-body .about-block .block-content .history-block {
            display: flex;
            margin-bottom: 10px
        }

            .page-about-card .about-body .about-block .block-content .history-block .date {
                font-weight: 500;
                font-size: .9rem;
                color: #393a4f;
                margin-left: 8px
            }

            .page-about-card .about-body .about-block .block-content .history-block .timeline ul {
                list-style-type: disc;
                padding-left: 30px
            }

                .page-about-card .about-body .about-block .block-content .history-block .timeline ul li {
                    font-size: .85rem;
                    color: #999;
                    margin-bottom: 12px
                }

.community-content {
    display: flex;
    justify-content: space-between
}

    .community-content .community-info {
        width: 59%
    }

        .community-content .community-info .page-followers {
            background: #fff;
            padding: 16px;
            border-radius: 8px;
            border: 1px solid #dedede
        }

            .community-content .community-info .page-followers .header {
                margin-bottom: 20px
            }

                .community-content .community-info .page-followers .header h3 {
                    font-family: "Montserrat",sans-serif;
                    color: #393a4f;
                    font-size: .9rem;
                    font-weight: 600
                }

            .community-content .community-info .page-followers .followers {
                display: flex;
                flex-wrap: wrap
            }

                .community-content .community-info .page-followers .followers .follower {
                    width: calc(20% - 16px);
                    margin: 8px
                }

                    .community-content .community-info .page-followers .followers .follower:hover img {
                        filter: grayscale(0);
                        opacity: 1
                    }

                    .community-content .community-info .page-followers .followers .follower img {
                        display: block;
                        border-radius: 50%;
                        filter: grayscale(4);
                        opacity: .8;
                        transition: all .3s
                    }

            .community-content .community-info .page-followers .more-followers {
                padding: 30px 0 10px 0;
                text-align: center
            }

                .community-content .community-info .page-followers .more-followers a {
                    padding: 8px 24px;
                    border-radius: 100px;
                    background: #f7f7f7;
                    color: #999;
                    font-size: .9rem;
                    transition: all .3s
                }

                    .community-content .community-info .page-followers .more-followers a:hover {
                        background: #ededed;
                        color: #393a4f
                    }

    .community-content .community-widgets {
        width: 39%
    }

        .community-content .community-widgets .page-counts {
            background: #fff;
            padding: 16px;
            border-radius: 8px;
            border: 1px solid #dedede;
            display: flex;
            margin-bottom: 20px
        }

            .community-content .community-widgets .page-counts .like-count, .community-content .community-widgets .page-counts .follow-count {
                margin: 10px 0;
                width: 50%
            }

                .community-content .community-widgets .page-counts .like-count:first-child, .community-content .community-widgets .page-counts .follow-count:first-child {
                    border-right: 1px solid #e8e8e8
                }

                .community-content .community-widgets .page-counts .like-count span, .community-content .community-widgets .page-counts .follow-count span {
                    display: block;
                    text-align: center
                }

                    .community-content .community-widgets .page-counts .like-count span:first-child, .community-content .community-widgets .page-counts .follow-count span:first-child {
                        font-family: "Montserrat",sans-serif;
                        font-weight: bold;
                        color: #393a4f;
                        font-size: 1.4rem
                    }

                    .community-content .community-widgets .page-counts .like-count span:nth-child(2), .community-content .community-widgets .page-counts .follow-count span:nth-child(2) {
                        text-transform: uppercase;
                        font-size: .8rem;
                        color: #999
                    }

        .community-content .community-widgets .page-invites {
            background: #fff;
            padding: 16px;
            border-radius: 8px;
            border: 1px solid #dedede
        }

            .community-content .community-widgets .page-invites .header h3 {
                font-size: .9rem
            }

            .community-content .community-widgets .page-invites .header .control {
                margin-top: 8px;
                position: relative
            }

                .community-content .community-widgets .page-invites .header .control input {
                    padding-left: 36px
                }

                    .community-content .community-widgets .page-invites .header .control input:focus {
                        border-color: #e8e8e8
                    }

                        .community-content .community-widgets .page-invites .header .control input:focus + .search-icon svg {
                            stroke: #3d70b2
                        }

                .community-content .community-widgets .page-invites .header .control .search-icon {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 36px;
                    width: 36px;
                    display: flex;
                    justify-content: center;
                    align-items: center
                }

                    .community-content .community-widgets .page-invites .header .control .search-icon svg {
                        height: 16px;
                        width: 16px;
                        stroke: #cecece;
                        transition: stroke .3s
                    }

            .community-content .community-widgets .page-invites .suggestions {
                padding: 10px 0 0 0
            }

                .community-content .community-widgets .page-invites .suggestions .suggestion {
                    display: flex;
                    align-items: center;
                    border-bottom: 1px solid #e8e8e8;
                    padding: 10px 0
                }

                    .community-content .community-widgets .page-invites .suggestions .suggestion:last-child {
                        border-bottom: none
                    }

                    .community-content .community-widgets .page-invites .suggestions .suggestion img {
                        display: block;
                        height: 36px;
                        width: 36px;
                        border-radius: 50%
                    }

                    .community-content .community-widgets .page-invites .suggestions .suggestion .meta {
                        margin-left: 10px
                    }

                        .community-content .community-widgets .page-invites .suggestions .suggestion .meta span {
                            display: block;
                            font-size: .85rem;
                            font-weight: 500
                        }

                    .community-content .community-widgets .page-invites .suggestions .suggestion .button {
                        margin-left: auto
                    }

                        .community-content .community-widgets .page-invites .suggestions .suggestion .button:hover {
                            border-color: #3d70b2;
                            background: #3d70b2;
                            color: #fcfcfc;
                            box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
                        }

.image-grid-wrap {
    padding: 6px 0
}

    .image-grid-wrap .flex-1 {
        flex: 1
    }

    .image-grid-wrap .flex-2 {
        flex: 2
    }

    .image-grid-wrap .flex-3 {
        flex: 3
    }

    .image-grid-wrap .image-row {
        display: flex
    }

        .image-grid-wrap .image-row > div {
            position: relative;
            margin: 4px;
            height: 280px;
            border-radius: 2px;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            cursor: pointer
        }

            .image-grid-wrap .image-row > div:hover .overlay {
                opacity: .6;
                pointer-events: all
            }

            .image-grid-wrap .image-row > div:hover .image-owner .avatar {
                transform: scale(1)
            }

            .image-grid-wrap .image-row > div:hover .image-owner .name {
                transform: translateY(0);
                opacity: 1
            }

            .image-grid-wrap .image-row > div:hover .photo-time {
                transform: translateY(0);
                opacity: 1 !important
            }

            .image-grid-wrap .image-row > div:hover .photo-like {
                transform: scale(1)
            }

            .image-grid-wrap .image-row > div .overlay {
                position: absolute;
                top: -4px;
                left: -4px;
                height: 100%;
                width: 100%;
                margin: 4px;
                background: #393a4f;
                opacity: 0;
                pointer-events: none;
                z-index: 1;
                transition: all .3s
            }

            .image-grid-wrap .image-row > div .image-owner {
                position: absolute;
                bottom: 14px;
                left: 14px;
                max-height: 40px;
                display: flex;
                align-items: center;
                z-index: 2
            }

                .image-grid-wrap .image-row > div .image-owner .avatar {
                    display: block;
                    height: 38px;
                    width: 38px;
                    border-radius: 50%;
                    border: 1.4px solid #fff;
                    transform: scale(0);
                    transition: all .3s
                }

                .image-grid-wrap .image-row > div .image-owner .name {
                    color: #fff;
                    font-size: .9rem;
                    margin-left: 8px;
                    opacity: 0;
                    transform: translateY(5px);
                    transition: all .3s
                }

            .image-grid-wrap .image-row > div .photo-time {
                position: absolute;
                top: 20px;
                left: 14px;
                color: #fff;
                font-size: .85rem;
                margin-left: 8px;
                opacity: 0;
                transform: translateY(5px);
                z-index: 2;
                transition: all .3s
            }

            .image-grid-wrap .image-row > div .photo-like {
                position: absolute;
                top: 14px;
                right: 14px;
                height: 38px;
                width: 38px;
                border-radius: 50%;
                background: #fff;
                z-index: 2;
                transform: scale(0);
                transition: all .3s
            }

                .image-grid-wrap .image-row > div .photo-like:hover .inner svg {
                    stroke: #f71416
                }

                .image-grid-wrap .image-row > div .photo-like.is-liked {
                    box-shadow: 0 14px 26px -12px rgba(247,20,22,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(247,20,22,.2) !important
                }

                    .image-grid-wrap .image-row > div .photo-like.is-liked .inner .like-overlay {
                        transform: scale(1)
                    }

                    .image-grid-wrap .image-row > div .photo-like.is-liked .inner svg {
                        stroke: #fff;
                        fill: #fff
                    }

                .image-grid-wrap .image-row > div .photo-like .inner {
                    position: relative;
                    height: 100%;
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 50%;
                    overflow: hidden
                }

                    .image-grid-wrap .image-row > div .photo-like .inner .like-overlay {
                        position: absolute;
                        top: -2px;
                        left: -2px;
                        height: calc(100% + 4px);
                        width: calc(100% + 4px);
                        border-radius: 50%;
                        background: #db0709;
                        transform: scale(0);
                        transition: all .3s;
                        z-index: 1
                    }

                    .image-grid-wrap .image-row > div .photo-like .inner svg {
                        position: relative;
                        height: 16px;
                        width: 16px;
                        stroke: #393a4f;
                        z-index: 2;
                        transition: all .3s
                    }

.custom-profile-lightbox {
    position: fixed;
    top: 58px;
    left: 0;
    height: calc(100% - 58px);
    width: 100%;
    background: #fff;
    z-index: -1;
    transform: translateY(20px);
    opacity: 0;
    pointer-events: none;
    transition: transform .3s,opacity .3s
}

    .custom-profile-lightbox.is-active {
        transform: translateY(0);
        opacity: 1;
        pointer-events: all;
        z-index: 50
    }

    .custom-profile-lightbox.is-fullscreen {
        top: 0;
        height: 100%
    }

    .custom-profile-lightbox .lightbox-inner {
        position: relative;
        height: 100%;
        width: 100%
    }

        .custom-profile-lightbox .lightbox-inner .image-side {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: calc(100% - 380px);
            background: #181e28
        }

            .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner {
                position: relative;
                height: 100%;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center
            }

                .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap {
                    position: relative;
                    max-width: calc(100% - 160px)
                }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap:hover .meta-overlay {
                        pointer-events: all;
                        opacity: .6;
                        z-index: 1
                    }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap:hover .meta-block h3, .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap:hover .meta-block p {
                        opacity: 1;
                        transform: translateY(0)
                    }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap:hover .action-block .action-button {
                        opacity: 1;
                        transform: translateY(0);
                        pointer-events: all
                    }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .image-loader {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        background: #090b0f;
                        opacity: 0;
                        pointer-events: none;
                        z-index: 2;
                        transition: all .3s
                    }

                        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .image-loader.is-active {
                            pointer-events: all;
                            opacity: 1
                        }

                        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .image-loader .loader {
                            height: 3rem;
                            width: 3rem
                        }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .meta-overlay {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        background: #090b0f;
                        opacity: 0;
                        pointer-events: none;
                        z-index: -1;
                        transition: all .3s
                    }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .meta-block {
                        position: absolute;
                        bottom: 20px;
                        left: 20px;
                        z-index: 2
                    }

                        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .meta-block h3 {
                            font-family: "Montserrat",sans-serif;
                            color: #fff;
                            font-size: .8rem;
                            max-width: 440px;
                            opacity: 0;
                            transform: translateY(5px);
                            transition: all .3s
                        }

                        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .meta-block p {
                            padding-top: 8px;
                            color: #fff;
                            font-size: .8rem;
                            max-width: 540px;
                            opacity: 0;
                            transform: translateY(5px);
                            transition: all .3s;
                            transition-delay: .2s
                        }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block {
                        position: absolute;
                        top: 20px;
                        right: 20px;
                        z-index: 2;
                        display: flex;
                        align-items: center
                    }

                        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block .action-button {
                            height: 36px;
                            width: 36px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            border-radius: 50%;
                            border: 1.2px solid #fff;
                            margin: 0 5px;
                            opacity: 0;
                            transform: translateY(-5px);
                            pointer-events: none;
                            transition: all .3s
                        }

                            .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block .action-button:hover svg {
                                stroke: #3d70b2
                            }

                            .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block .action-button:nth-child(2) {
                                transition-delay: .1s
                            }

                            .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block .action-button:nth-child(3) {
                                transition-delay: .2s
                            }

                            .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block .action-button:nth-child(4) {
                                transition-delay: .3s
                            }

                            .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block .action-button svg {
                                height: 18px;
                                width: 18px;
                                stroke: #fff;
                                transition: stroke .3s
                            }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap img {
                        display: block;
                        border-radius: 4px
                    }

        .custom-profile-lightbox .lightbox-inner .sidebar-side {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 380px;
            background: #fff
        }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-loader {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                background: #fff;
                opacity: 0;
                pointer-events: none;
                z-index: 10;
                transition: all .3s
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-loader.is-active {
                    pointer-events: all;
                    opacity: 1
                }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-loader .loader {
                    height: 3rem;
                    width: 3rem
                }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .header {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                padding: 12px;
                width: 100%
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .header img {
                    height: 42px;
                    width: 42px;
                    border-radius: 50%
                }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta {
                    margin: 0 10px
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span {
                        display: block
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span:first-child {
                            font-size: .9rem;
                            font-weight: 500
                        }

                            .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span:first-child small {
                                color: #999
                            }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span:nth-child(2) {
                            font-size: .8rem;
                            color: #999
                        }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .header .button {
                    line-height: 0;
                    margin-left: auto;
                    padding: 14px 18px
                }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .header .dropdown .button {
                    padding: 18px 6px;
                    border: none;
                    background: transparent
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .header .dropdown .button svg {
                        height: 18px;
                        width: 18px
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .header .dropdown .button img {
                        border-radius: 50%
                    }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .header .dropdown .dropdown-menu {
                    margin-top: 10px
                }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content {
                padding: 12px 12px 0 12px
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .control {
                    width: 100%
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .control input {
                        padding-left: 34px
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .control input:focus + .icon svg {
                            stroke: #3d70b2
                        }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .control .icon {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 32px;
                        width: 32px;
                        display: flex;
                        justify-content: center;
                        align-items: center
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .control .icon svg {
                            height: 18px;
                            width: 18px;
                            stroke: #cecece;
                            transition: all .3s
                        }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 16px 0;
                border-bottom: 1px solid #e8e8e8
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count {
                    display: flex;
                    align-items: stretch
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .shares-count, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .comments-count, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .likes-count, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .views-count {
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        margin: 0 3px
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .shares-count span, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .comments-count span, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .likes-count span, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .views-count span {
                            display: block;
                            font-size: .8rem;
                            color: #888da8;
                            margin: 0 5px
                        }

                            .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .shares-count span.views, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .comments-count span.views, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .likes-count span.views, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .views-count span.views {
                                margin: 0 2px
                            }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .shares-count svg, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .comments-count svg, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .likes-count svg, .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .views-count svg {
                            height: 14px;
                            width: 14px;
                            stroke: #888da8
                        }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .actions {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 16px 0
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .actions .action {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .actions .action span {
                        display: block;
                        font-size: .8rem;
                        margin: 0 4px;
                        transition: all .3s
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .actions .action svg {
                        height: 16px;
                        width: 16px;
                        stroke: #888da8;
                        transition: all .3s
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .actions .action:hover span {
                        color: #3d70b2
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .actions .action:hover svg {
                        stroke: #3d70b2
                    }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list {
                background: #f5f6f7;
                height: calc(100% - 232px);
                padding: 20px 14px;
                overflow-y: auto
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment {
                    border: none !important;
                    padding-top: 0 !important
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment.is-nested {
                        margin-left: 40px
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-left {
                        margin-right: 10px
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-left img {
                            border-radius: 50%
                        }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content {
                        background: #fff;
                        padding: 12px;
                        border-radius: 8px
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .username {
                            font-size: .8rem;
                            font-weight: 500
                        }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content p {
                            font-size: .75rem;
                            color: #999
                        }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions {
                            display: flex;
                            align-items: center;
                            padding-top: 8px
                        }

                            .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions span, .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions a {
                                display: block;
                                font-size: .75rem;
                                color: #393a4f
                            }

                            .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions span {
                                margin: 0 10px;
                                color: #999
                            }

                            .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions .likes-count {
                                display: flex;
                                justify-content: flex-start;
                                align-items: center;
                                margin-left: auto
                            }

                                .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions .likes-count span {
                                    display: block;
                                    font-size: .75rem;
                                    color: #888da8;
                                    margin: 0 5px
                                }

                                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions .likes-count span.views {
                                        margin: 0 2px
                                    }

                                .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions .likes-count svg {
                                    height: 12px;
                                    width: 12px;
                                    stroke: #888da8
                                }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls {
                position: absolute;
                bottom: 0;
                left: 0;
                background: #fbfbfc;
                height: 50px;
                width: 100%;
                border-radius: 0 0 6px 0;
                border-top: 1px solid #dee2e5
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner {
                    position: relative;
                    display: flex;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    padding: 0 16px
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner img {
                        height: 32px;
                        width: 32px;
                        border-radius: 50%
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control {
                        width: 100%
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control .textarea, .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control .emojionearea-editor {
                            resize: none;
                            height: 36px;
                            max-height: 36px;
                            min-height: 36px;
                            border-radius: 100px;
                            overflow: hidden;
                            line-height: 1.6;
                            font-size: .8rem;
                            padding-left: 16px;
                            margin: 0 6px
                        }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea-editor {
                        padding-left: 0 !important
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea-editor img {
                            height: 18px;
                            width: 18px;
                            min-height: 18px;
                            max-height: 18px
                        }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea {
                        overflow: visible !important
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea-picker {
                        top: -230px;
                        position: absolute;
                        left: -50px;
                        width: 310px
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea-picker .emojionearea-wrapper {
                            width: 310px
                        }

                            .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea-picker .emojionearea-wrapper img {
                                height: 22px;
                                width: 22px;
                                min-height: 22px;
                                max-height: 22px
                            }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea-scroll-area {
                        width: 310px
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea .emojionearea-button > div.emojionearea-button-open {
                        background-position: 0 -22px
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn {
                        width: 24px !important;
                        height: 24px !important
                    }

.friends-grid {
    padding: 20px 0
}

    .friends-grid .columns .column {
        padding: .5rem
    }

    .friends-grid .friend-item {
        display: block;
        width: 100%;
        padding: 30px;
        border: 1px solid #e8e8e8;
        border-radius: 6px;
        background: #fff;
        transition: all .3s
    }

        .friends-grid .friend-item:hover {
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

            .friends-grid .friend-item:hover .avatar-wrap .circle {
                transform: scale(1)
            }

            .friends-grid .friend-item:hover .avatar-wrap .chat-button {
                transform: scale(1);
                opacity: 1
            }

        .friends-grid .friend-item .avatar-wrap {
            position: relative;
            height: 96px;
            width: 96px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto
        }

            .friends-grid .friend-item .avatar-wrap .circle {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                border-radius: 50%;
                border: 1.4px solid #cecece;
                transform: scale(0.4);
                transition: all .3s;
                z-index: 1
            }

            .friends-grid .friend-item .avatar-wrap .chat-button {
                position: absolute;
                bottom: 0;
                right: 0;
                height: 36px;
                width: 36px;
                border-radius: 50%;
                border: 3px solid #fff;
                background: #3d70b2;
                display: flex;
                justify-content: center;
                align-items: center;
                transform: scale(0);
                opacity: 0;
                transition: all .3s;
                z-index: 3
            }

                .friends-grid .friend-item .avatar-wrap .chat-button svg {
                    height: 14px;
                    width: 14px;
                    stroke: #fff;
                    fill: #fff
                }

            .friends-grid .friend-item .avatar-wrap img {
                position: relative;
                display: block;
                height: 80px;
                width: 80px;
                border-radius: 50%;
                z-index: 2
            }

        .friends-grid .friend-item h3 {
            font-family: "Montserrat",sans-serif;
            color: #393a4f;
            font-size: .9rem;
            font-weight: 500;
            line-height: 1.2;
            margin-top: 6px
        }

        .friends-grid .friend-item p {
            color: #999;
            font-size: .8rem
        }

@media(max-width: 767px) {
    .cover-bg .cover-image {
        min-height: 180px !important
    }

    .profile-subheader {
        justify-content: center !important;
        margin-top: 50px !important
    }

    .profile-about {
        flex-direction: column;
        margin-top: -30px;
        padding: 20px 0
    }

        .profile-about .left-menu {
            width: 100%;
            max-width: 100%;
            min-width: 100%;
            margin-bottom: 20px
        }

            .profile-about .left-menu .left-menu-inner {
                display: flex;
                justify-content: space-between;
                align-items: center
            }

                .profile-about .left-menu .left-menu-inner .menu-item {
                    padding: 0 10px
                }

                    .profile-about .left-menu .left-menu-inner .menu-item .menu-icon {
                        padding: 0 16px
                    }

                    .profile-about .left-menu .left-menu-inner .menu-item span {
                        display: none
                    }

        .profile-about .right-content {
            padding: 0;
            width: 100% !important
        }

    .about-timeline .timeline-item .button {
        display: none
    }

    .about-card .video-wrapper {
        width: calc(50% - 8px) !important
    }

    .about-card .place-wrapper {
        width: calc(100% - 8px) !important
    }

    .community-content {
        flex-direction: column-reverse
    }

        .community-content .community-widgets {
            margin-bottom: 20px
        }

        .community-content .community-info, .community-content .community-widgets {
            width: 100% !important
        }

    .custom-profile-lightbox .lightbox-inner .image-side {
        width: 100%;
        height: 180px
    }

        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap {
            max-width: calc(100% - 80px)
        }

    .custom-profile-lightbox .lightbox-inner .sidebar-side {
        width: 100%;
        top: 180px;
        height: calc(100% - 180px);
        z-index: 10;
        background: #fff
    }

    .image-grid-wrap .image-row > div {
        min-height: 280px
    }
}

@media screen and (max-width: 400px) {
    .image-row {
        flex-direction: column
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .profile-about .left-menu {
        max-width: 220px;
        min-width: 220px
    }

    .profile-about .right-content {
        width: calc(100% - 220px) !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .cover-bg .cover-image {
        min-height: 180px !important
    }

    .profile-subheader {
        justify-content: center !important;
        margin-top: 50px !important
    }

    .profile-about {
        flex-direction: column;
        margin-top: -30px;
        padding: 20px 0
    }

        .profile-about .left-menu {
            width: 100%;
            max-width: 100%;
            min-width: 100%;
            margin-bottom: 20px
        }

            .profile-about .left-menu .left-menu-inner {
                display: flex;
                justify-content: space-between;
                align-items: center
            }

                .profile-about .left-menu .left-menu-inner .menu-item {
                    padding: 0 10px
                }

                    .profile-about .left-menu .left-menu-inner .menu-item .menu-icon {
                        padding: 0 16px
                    }

        .profile-about .right-content {
            padding: 0;
            width: 100% !important
        }

    .custom-profile-lightbox .lightbox-inner .image-side {
        width: 100%;
        height: 340px
    }

        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap {
            max-width: calc(100% - 80px)
        }

    .custom-profile-lightbox .lightbox-inner .sidebar-side {
        width: 100%;
        top: 340px;
        height: calc(100% - 340px);
        z-index: 10;
        background: #fff
    }

    .friends-grid .columns {
        display: flex
    }

        .friends-grid .columns .friend-item {
            min-height: 216px
        }
}

.minimal-profile-wrapper .profile-cover.is-sidebar-v1 {
    max-width: 1060px;
    margin: 1rem auto 0 auto
}

    .minimal-profile-wrapper .profile-cover.is-sidebar-v1 img {
        border-radius: 1rem
    }

.minimal-profile-wrapper .profile-cover img {
    display: block;
    max-height: 300px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.minimal-profile-wrapper .profile-info {
    display: flex;
    align-items: stretch;
    max-width: 1040px;
    margin: 20px auto
}

    .minimal-profile-wrapper .profile-info .left {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        min-width: 30%;
        padding: 0 20px
    }

        .minimal-profile-wrapper .profile-info .left .profile-avatar {
            position: absolute;
            top: -80px;
            left: 0;
            right: 0;
            margin: 0 auto;
            height: 130px;
            width: 130px
        }

            .minimal-profile-wrapper .profile-info .left .profile-avatar img {
                position: relative;
                width: 100%;
                height: 100%;
                border-radius: 50%;
                border: 4px solid #fff
            }

            .minimal-profile-wrapper .profile-info .left .profile-avatar .button {
                position: absolute;
                bottom: 10px;
                right: -1px;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0;
                height: 36px;
                width: 36px;
                border-radius: 50%
            }

                .minimal-profile-wrapper .profile-info .left .profile-avatar .button svg {
                    height: 18px;
                    width: 18px
                }

        .minimal-profile-wrapper .profile-info .left > .button span {
            display: inline-block;
            line-height: 1
        }

        .minimal-profile-wrapper .profile-info .left > .button svg {
            height: 18px;
            width: 18px;
            margin-right: 6px;
            stroke-width: 1.4px
        }

    .minimal-profile-wrapper .profile-info .right {
        flex-grow: 2;
        padding: 0 0 0 20px
    }

        .minimal-profile-wrapper .profile-info .right .head {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

            .minimal-profile-wrapper .profile-info .right .head h2 {
                font-family: "Roboto",sans-serif;
                font-weight: 500;
                font-size: 1.4rem;
                color: #393a4f
            }

            .minimal-profile-wrapper .profile-info .right .head .button {
                min-width: 130px
            }

        .minimal-profile-wrapper .profile-info .right .stats {
            padding: 1rem 0
        }

            .minimal-profile-wrapper .profile-info .right .stats span {
                font-family: "Roboto",sans-serif;
                font-size: .9rem;
                color: #a2a5b9;
                padding-right: 30px
            }

        .minimal-profile-wrapper .profile-info .right .bio p {
            max-width: 480px;
            font-family: "Roboto",sans-serif;
            font-size: .9rem;
            color: #393a4f
        }

.minimal-profile-wrapper .profile-grid {
    max-width: 1040px;
    margin: 0 auto;
    padding: 40px 0 0 0
}

    .minimal-profile-wrapper .profile-grid .column {
        padding: .5rem
    }

        .minimal-profile-wrapper .profile-grid .column .profile-post {
            margin-bottom: 0;
            border: none
        }

            .minimal-profile-wrapper .profile-grid .column .profile-post img {
                -o-object-fit: cover;
                object-fit: cover
            }

@media only screen and (max-width: 767px) {
    .minimal-profile-wrapper .profile-info {
        flex-direction: column;
        padding: 0 .5rem;
        margin-bottom: 0
    }

        .minimal-profile-wrapper .profile-info.is-sidebar-v1 .left > .button {
            top: -200px;
            max-width: 220px;
            margin: 0 auto
        }

        .minimal-profile-wrapper .profile-info .right {
            padding: 0
        }

            .minimal-profile-wrapper .profile-info .right .head {
                flex-direction: column
            }

                .minimal-profile-wrapper .profile-info .right .head .actions {
                    margin: 10px 0
                }

                    .minimal-profile-wrapper .profile-info .right .head .actions .button {
                        min-width: 220px
                    }

            .minimal-profile-wrapper .profile-info .right .stats, .minimal-profile-wrapper .profile-info .right .bio {
                text-align: center
            }

                .minimal-profile-wrapper .profile-info .right .stats span {
                    padding-right: 1rem
                }

        .minimal-profile-wrapper .profile-info .left {
            min-height: 45px;
            margin-bottom: 9px
        }

            .minimal-profile-wrapper .profile-info .left > .button {
                position: absolute;
                top: -221px;
                left: 0;
                right: 0;
                background: none;
                color: #fff;
                border-color: #fff
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .minimal-profile-wrapper .profile-info {
        padding: 0 .5rem
    }

    .minimal-profile-wrapper .profile-grid .columns {
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .minimal-profile-wrapper .profile-info {
        padding: 0 .5rem
    }

    .minimal-profile-wrapper .profile-grid .columns {
        margin-left: 0;
        margin-right: 0
    }
}

.friends-wrapper {
    position: relative;
    margin: 0 auto;
    top: 40px;
    padding: 0 6%;
    min-height: calc(100vh - 280px)
}

    .friends-wrapper.is-static {
        top: 0
    }

    .friends-wrapper.has-sidebar .card-row .friend-card {
        width: calc(33.3% - 16px)
    }

    .friends-wrapper .card-row-wrap {
        display: none
    }

        .friends-wrapper .card-row-wrap.is-active {
            display: block
        }

    .friends-wrapper .card-row-placeholder {
        min-height: calc(100vh - 280px);
        display: flex;
        align-items: center;
        justify-content: center
    }

    .friends-wrapper .card-row {
        margin-top: 20px;
        padding-bottom: 60px
    }

.friend-card {
    position: relative;
    border-radius: .65rem;
    padding: 20px;
    transition: box-shadow .3s
}

    .friend-card.has-shapes {
        overflow: hidden
    }

        .friend-card.has-shapes .shape {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            display: none;
            z-index: 0
        }

    .friend-card:hover {
        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
    }

    .friend-card .shape {
        display: none
    }

    .friend-card .star-friend {
        position: absolute;
        top: 10px;
        right: 10px;
        height: 44px;
        width: 44px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: auto;
        cursor: pointer
    }

        .friend-card .star-friend.is-active svg {
            transform: rotate(360deg);
            stroke: #3d70b2;
            fill: #3d70b2
        }

        .friend-card .star-friend svg {
            height: 20px;
            width: 20px;
            stroke: #cecece;
            fill: #cecece;
            transition: all .3s;
            transform: rotate(0)
        }

    .friend-card .img-container {
        position: relative;
        height: 90px;
        width: 90px;
        margin: 10px auto;
        z-index: 1
    }

        .friend-card .img-container .avatar {
            display: block;
            border-radius: 50%;
            width: 90px;
            height: 90px;
            object-fit: cover
        }

            .friend-card .img-container .avatar.is-placeholder {
                filter: grayscale(1);
                opacity: .3
            }

        .friend-card .img-container .country {
            display: block;
            position: absolute;
            bottom: 0;
            right: 0;
            height: 26px;
            width: 26px;
            border-radius: 50%;
            border: 3px solid #fff
        }

    .friend-card .friend-info {
        text-align: center
    }

        .friend-card .friend-info h3 {
            font-family: "Montserrat",sans-serif;
            font-weight: 500;
            font-size: .9rem;
            color: #393a4f;
            line-height: 1;
            transition: color .3s
        }

        .friend-card .friend-info p {
            font-family: Roboto,sans-serif;
            font-size: .85rem;
            color: #999
        }

    .friend-card .friend-stats {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px
    }

        .friend-card .friend-stats .stat-block {
            text-align: center;
            padding: 0 20px
        }

            .friend-card .friend-stats .stat-block:nth-child(2) {
                border-left: 1px solid #e0e0e0;
                border-right: 1px solid #e0e0e0
            }

            .friend-card .friend-stats .stat-block label {
                display: block;
                text-transform: uppercase;
                font-family: Roboto,sans-serif;
                font-weight: 500;
                font-size: .6rem;
                color: #999
            }

            .friend-card .friend-stats .stat-block .stat-number {
                font-family: Montserrat,sans-serif;
                font-weight: 600;
                font-size: 1rem;
                color: #393a4f
            }

    .friend-card .friend-actions {
        display: flex;
        justify-content: center;
        padding-top: 30px
    }

        .friend-card .friend-actions .button {
            margin: 0 4px
        }

            .friend-card .friend-actions .button:hover svg {
                stroke: #393a4f
            }

            .friend-card .friend-actions .button svg {
                height: 16px;
                width: 16px;
                stroke: #ddd;
                transition: stroke .3s
            }

@media screen and (max-width: 1300px) {
    .friends-wrapper {
        padding: 0 !important
    }
}

@media screen and (max-width: 1100px) {
    .friends-wrapper .card-row .friend-card {
        width: calc(33.3% - 16px)
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .friends-wrapper.has-sidebar .card-row .friend-card {
        width: calc(100% - 16px) !important
    }

    .friends-wrapper .card-row .friend-card {
        width: calc(50% - 16px)
    }

        .friends-wrapper .card-row .friend-card .friend-actions {
            justify-content: center !important
        }

    .options-nav .is-search {
        max-width: 180px !important
    }
}

@media screen and (max-width: 767px) {
    .friends-wrapper .card-row .friend-card {
        width: calc(50% - 16px)
    }

        .friends-wrapper .card-row .friend-card .friend-actions {
            justify-content: center !important
        }

    .options-nav .is-friends #show-filters {
        display: none !important
    }

    .options-nav .is-friends .is-page-title h2 {
        font-size: .9rem
    }

    .options-nav .is-friends .end-group {
        display: none !important
    }
}

@media screen and (max-width: 560px) {
    .friends-wrapper .card-row .friend-card {
        width: calc(100% - 16px)
    }
}

.groups-grid {
    padding: 2rem 0;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto
}

    .groups-grid .grid-header {
        margin-bottom: 1.5rem
    }

        .groups-grid .grid-header .header-inner {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

            .groups-grid .grid-header .header-inner h2 {
                font-family: "Montserrat",sans-serif;
                font-size: 1.5rem;
                font-weight: 700;
                color: #393a4f
            }

    .groups-grid .group-box {
        margin-right: 25px;
        transition: all .4s cubic-bezier(0.175, 0.885, 0, 1);
        background-color: #fff;
        width: 100%;
        position: relative;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
        border: 1px solid #e3e3e3
    }

        .groups-grid .group-box:hover {
            box-shadow: 0px 30px 18px -8px rgba(0,0,0,.1);
            transform: scale(1.05, 1.05)
        }

            .groups-grid .group-box:hover .box-info {
                background-color: transparent;
                position: relative
            }

            .groups-grid .group-box:hover .box-info-hover {
                opacity: 1
            }

            .groups-grid .group-box:hover .box-img--hover {
                height: 100%;
                opacity: .2
            }

            .groups-grid .group-box:hover .box-category {
                color: #393a4f
            }

        .groups-grid .group-box .box-like {
            width: 18px
        }

        .groups-grid .group-box .box-clock {
            width: 15px;
            vertical-align: middle;
            stroke: #393a4f
        }

        .groups-grid .group-box .box-time {
            font-size: 12px;
            color: #393a4f;
            vertical-align: middle
        }

        .groups-grid .group-box .box-clock-info {
            float: right
        }

        .groups-grid .group-box .box-img {
            visibility: hidden;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            width: 100%;
            height: 235px;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px
        }

        .groups-grid .group-box .box-info-hover {
            position: absolute;
            top: 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px;
            width: 100%;
            opacity: 0;
            z-index: 1
        }

            .groups-grid .group-box .box-info-hover > svg {
                height: 18px;
                width: 18px;
                transition: stroke .3s,fill .3s;
                cursor: pointer
            }

                .groups-grid .group-box .box-info-hover > svg:hover {
                    fill: #4a4a4a;
                    stroke: #fff
                }

        .groups-grid .group-box .box-img--hover {
            transition: .2s all ease-out;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            width: 100%;
            position: absolute;
            height: 235px;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
            top: 0;
            transition: all .3s
        }

        .groups-grid .group-box .box-info {
            z-index: 2;
            background-color: #fff;
            border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px;
            padding: 16px 24px 24px 24px
        }

        .groups-grid .group-box .box-category {
            font-family: "Roboto",sans-serif;
            text-transform: uppercase;
            font-size: .7rem;
            letter-spacing: 2px;
            color: #a2a5b9
        }

        .groups-grid .group-box .box-title {
            margin-top: 5px;
            margin-bottom: 10px;
            font-family: "Montserrat",sans-serif;
            font-weight: 600;
            color: #393a4f;
            line-height: 1.2;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .groups-grid .group-box .box-members {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 12px;
            font-family: "Roboto",sans-serif;
            font-weight: 500
        }

            .groups-grid .group-box .box-members > a {
                font-weight: 500;
                text-decoration: none;
                color: #3d70b2
            }

            .groups-grid .group-box .box-members .members-preview img {
                display: inline-block;
                height: 28px;
                width: 28px;
                min-width: 28px;
                border-radius: 50%;
                margin-left: .25rem
            }

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .groups-grid .columns {
        display: flex
    }

        .groups-grid .columns .column {
            min-width: 50%;
            width: 50%
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .groups-grid .columns .column {
        min-width: 33.3%;
        width: 33.3%
    }

    .groups-grid .group-box .box-title {
        max-width: 230px
    }
}

.events-wrapper {
    position: absolute;
    top: 58px;
    left: 0;
    width: 100%;
    height: calc(100vh - 58px);
    background: #fff
}

    .events-wrapper.is-pushed {
        top: 150px;
        height: calc(100vh - 150px)
    }

        .events-wrapper.is-pushed .left-panel, .events-wrapper.is-pushed .right-panel {
            top: 150px;
            height: calc(100vh - 150px)
        }

    .events-wrapper .left-panel {
        position: fixed;
        top: 58px;
        left: 0;
        width: 260px;
        height: calc(100vh - 58px);
        background: #fff;
        border-right: 1px solid #e0e0e0
    }

        .events-wrapper .left-panel .left-panel-inner {
            position: relative;
            height: 100%;
            width: 100%;
            padding-bottom: 60px
        }

            .events-wrapper .left-panel .left-panel-inner a {
                display: flex;
                align-items: center;
                padding: 20px;
                border-bottom: 1px solid #dedede;
                transition: all .3s
            }

                .events-wrapper .left-panel .left-panel-inner a.is-active {
                    background: #f2f2f2
                }

                    .events-wrapper .left-panel .left-panel-inner a.is-active span.tag {
                        background: #3d70b2 !important;
                        color: #fff !important
                    }

                    .events-wrapper .left-panel .left-panel-inner a.is-active span.date-block svg {
                        stroke: #3d70b2
                    }

                .events-wrapper .left-panel .left-panel-inner a span {
                    display: block
                }

                    .events-wrapper .left-panel .left-panel-inner a span.date-block {
                        display: flex;
                        align-items: center
                    }

                        .events-wrapper .left-panel .left-panel-inner a span.date-block svg {
                            position: relative;
                            top: -1px;
                            height: 18px;
                            width: 18px;
                            margin-right: 6px;
                            stroke: #cecece;
                            transition: stroke .3s
                        }

                        .events-wrapper .left-panel .left-panel-inner a span.date-block .month {
                            font-family: Montserrat,sans-serif;
                            font-weight: 500;
                            color: #393a4f;
                            font-size: .85rem;
                            line-height: 1;
                            width: 75px
                        }

                    .events-wrapper .left-panel .left-panel-inner a span.meta-block {
                        margin-left: auto;
                        display: flex;
                        align-items: center;
                        justify-content: space-between
                    }

                        .events-wrapper .left-panel .left-panel-inner a span.meta-block .time {
                            font-size: .8rem;
                            color: #999;
                            line-height: 1
                        }

                        .events-wrapper .left-panel .left-panel-inner a span.meta-block .type {
                            display: inline-block
                        }

                            .events-wrapper .left-panel .left-panel-inner a span.meta-block .type .tag {
                                display: inline-block;
                                border-radius: 100px;
                                line-height: 2;
                                transition: all .3s;
                                background: #f2f2f2;
                                color: #393a4f
                            }

            .events-wrapper .left-panel .left-panel-inner .add-event {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 60px;
                display: flex;
                align-items: center;
                padding: 0 20px;
                background: #fff;
                transition: opacity .3s
            }

                .events-wrapper .left-panel .left-panel-inner .add-event .button {
                    height: 42px;
                    width: 100%;
                    border: 2px dashed #cecece;
                    color: #999
                }

                    .events-wrapper .left-panel .left-panel-inner .add-event .button:hover {
                        border: 2px solid #3d70b2;
                        background: #3d70b2;
                        color: #fafafa;
                        box-shadow: 0 14px 26px -12px rgba(61,112,178,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(61,112,178,.2) !important
                    }

    .events-wrapper .right-panel {
        position: fixed;
        top: 58px;
        right: 0;
        width: 380px;
        height: calc(100vh - 58px);
        background: #fff;
        border-left: 1px solid #e0e0e0
    }

        .events-wrapper .right-panel .panel-header {
            display: flex;
            align-items: center;
            height: 60px;
            width: 100%;
            padding: 0 30px
        }

            .events-wrapper .right-panel .panel-header h3 {
                font-size: 1rem;
                font-family: Montserrat,sans-serif;
                font-weight: 600
            }

        .events-wrapper .right-panel .panel-body {
            position: relative;
            height: calc(100% - 60px);
            overflow-y: auto;
            padding: 0 20px 20px 20px
        }

            .events-wrapper .right-panel .panel-body .activity-block {
                display: flex;
                align-items: flex-start;
                padding: 10px 0
            }

                .events-wrapper .right-panel .panel-body .activity-block img {
                    display: block;
                    height: 32px;
                    width: 32px;
                    min-width: 32px;
                    border-radius: 50%
                }

                .events-wrapper .right-panel .panel-body .activity-block .activity-meta {
                    margin-left: 10px
                }

                    .events-wrapper .right-panel .panel-body .activity-block .activity-meta p {
                        font-size: .85rem;
                        color: #393a4f
                    }

                        .events-wrapper .right-panel .panel-body .activity-block .activity-meta p a {
                            font-weight: 500;
                            color: #393a4f;
                            transition: color .3s
                        }

                            .events-wrapper .right-panel .panel-body .activity-block .activity-meta p a:hover {
                                color: #3d70b2
                            }

                    .events-wrapper .right-panel .panel-body .activity-block .activity-meta span {
                        display: block;
                        font-size: .85rem;
                        color: #999
                    }

    .events-wrapper .wrapper-inner {
        position: relative;
        width: calc(100% - 640px);
        height: 100%;
        margin-left: 260px;
        margin-right: 380px
    }

        .events-wrapper .wrapper-inner .event-list {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            transition: all .3s
        }

            .events-wrapper .wrapper-inner .event-list .event-item {
                position: relative;
                width: 100%;
                padding: 40px 60px;
                background: #fff;
                border-bottom: 1px solid #e8e8e8;
                display: flex
            }

                .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap {
                    position: relative
                }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-options {
                        position: absolute;
                        top: 5px;
                        right: 0
                    }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-options:hover .button svg {
                            animation: rotation 2s infinite linear
                        }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-options .button {
                            background: transparent;
                            border: none;
                            padding: 0;
                            height: 28px;
                            width: 28px;
                            display: flex;
                            justify-content: center;
                            align-items: center
                        }

                            .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-options .button svg {
                                color: #757a91
                            }

                .events-wrapper .wrapper-inner .event-list .event-item .event-title {
                    font-size: 2rem;
                    font-family: Montserrat,sans-serif;
                    font-weight: 800;
                    color: #393a4f;
                    line-height: 1.1;
                    max-width: 520px
                }

                .events-wrapper .wrapper-inner .event-list .event-item .event-subtitle {
                    display: flex;
                    margin: 40px 0 10px 0
                }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-subtitle svg {
                        height: 20px;
                        width: 20px;
                        margin-right: 6px
                    }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-subtitle h3 {
                        color: #999
                    }

                .events-wrapper .wrapper-inner .event-list .event-item .event-content {
                    display: flex;
                    align-items: flex-start
                }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-owner {
                        display: flex;
                        align-items: center;
                        min-width: 80px
                    }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-owner img {
                            display: block;
                            height: 44px;
                            width: 44px;
                            min-width: 44px;
                            border-radius: 50%;
                            margin: 0 auto
                        }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-owner .owner-meta {
                            margin-left: 12px
                        }

                            .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-owner .owner-meta span {
                                display: block
                            }

                                .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-owner .owner-meta span:first-child {
                                    font-family: Montserrat,sans-serif;
                                    font-weight: 600;
                                    font-size: .9rem;
                                    color: #393a4f
                                }

                                .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-owner .owner-meta span:nth-child(2) {
                                    font-size: .9rem;
                                    color: #999
                                }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-description p {
                        color: #757a91;
                        margin-bottom: 10px
                    }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-description p:last-child {
                            margin-bottom: 0
                        }

                .events-wrapper .wrapper-inner .event-list .event-item .event-participants {
                    margin-top: 10px;
                    display: flex;
                    align-items: center
                }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-group {
                        display: flex;
                        justify-content: flex-start;
                        align-items: center
                    }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-group img {
                            height: 38px;
                            width: 38px;
                            border-radius: 50%;
                            border: 3px solid #fff
                        }

                            .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-group img:not(:first-child) {
                                margin-left: -12px
                            }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-text {
                        margin-left: 10px
                    }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-text p {
                            font-size: .8rem;
                            color: #888da8
                        }

                            .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-text p a {
                                color: #393a4f
                            }

                                .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-text p a:hover {
                                    color: #3d70b2
                                }

.event-page-wrapper {
    padding-bottom: 60px
}

    .event-page-wrapper .event-cover img {
        display: block;
        max-height: 380px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: bottom;
        object-position: bottom
    }

    .event-page-wrapper .event-content {
        position: relative;
        max-width: 940px;
        margin: -80px auto 20px auto;
        z-index: 1
    }

        .event-page-wrapper .event-content .event-head {
            display: flex;
            align-items: stretch;
            border-radius: 8px;
            background: #fff;
            border: 1px solid #e0e0e0;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

            .event-page-wrapper .event-content .event-head .left {
                position: relative;
                width: 60%;
                padding: 30px
            }

                .event-page-wrapper .event-content .event-head .left .button-separator {
                    position: absolute;
                    top: 50%;
                    right: -25px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    height: 50px;
                    width: 50px;
                    border-radius: 50%;
                    background: #fff;
                    transform: translateY(-50%);
                    border: 1px solid #e0e0e0;
                    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                }

                    .event-page-wrapper .event-content .event-head .left .button-separator svg {
                        height: 18px;
                        width: 18px;
                        stroke-width: 3px;
                        stroke: #a2a5b9
                    }

                .event-page-wrapper .event-content .event-head .left h2 {
                    font-family: "Montserrat",sans-serif;
                    font-size: 1.7rem;
                    font-weight: 700;
                    color: #393a4f
                }

                .event-page-wrapper .event-content .event-head .left h3 {
                    font-family: "Roboto",sans-serif;
                    color: #a2a5b9;
                    margin-bottom: 1rem
                }

                .event-page-wrapper .event-content .event-head .left .info-block {
                    margin-bottom: 1rem
                }

                    .event-page-wrapper .event-content .event-head .left .info-block:last-child {
                        margin-bottom: 0
                    }

                    .event-page-wrapper .event-content .event-head .left .info-block .info-head {
                        display: flex;
                        align-items: center
                    }

                        .event-page-wrapper .event-content .event-head .left .info-block .info-head .event-icon {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            height: 16px;
                            width: 16px;
                            min-width: 16px;
                            border-radius: 50%
                        }

                            .event-page-wrapper .event-content .event-head .left .info-block .info-head .event-icon svg {
                                height: 16px;
                                width: 16px;
                                stroke-width: 1.6px;
                                stroke: #3d70b2
                            }

                        .event-page-wrapper .event-content .event-head .left .info-block .info-head > span {
                            display: inline-block;
                            color: #a2a5b9;
                            font-size: .9rem;
                            margin-left: 6px
                        }

                    .event-page-wrapper .event-content .event-head .left .info-block .info-body p, .event-page-wrapper .event-content .event-head .left .info-block .info-body a {
                        font-family: "Roboto",sans-serif;
                        font-size: .9rem;
                        color: #393a4f
                    }

                    .event-page-wrapper .event-content .event-head .left .info-block .info-body .socials {
                        margin-top: 8px
                    }

                        .event-page-wrapper .event-content .event-head .left .info-block .info-body .socials a {
                            margin-right: 6px;
                            color: #a2a5b9
                        }

                            .event-page-wrapper .event-content .event-head .left .info-block .info-body .socials a:hover {
                                color: #3d70b2
                            }

                            .event-page-wrapper .event-content .event-head .left .info-block .info-body .socials a svg {
                                stroke-width: 1.6px;
                                height: 20px;
                                width: 20px
                            }

            .event-page-wrapper .event-content .event-head .right {
                width: 40%;
                border-left: 2px dashed #dedede;
                padding: 30px 40px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                background: #fafafa
            }

                .event-page-wrapper .event-content .event-head .right h2 {
                    font-family: "Montserrat",sans-serif;
                    font-size: 1.4rem;
                    font-weight: 700;
                    color: #393a4f;
                    margin-bottom: 1rem;
                    margin-top: 6px
                }

                .event-page-wrapper .event-content .event-head .right .subscribe-block {
                    display: flex;
                    justify-content: space-between;
                    align-items: center
                }

                    .event-page-wrapper .event-content .event-head .right .subscribe-block p {
                        font-family: "Roboto",sans-serif;
                        font-size: .8rem;
                        color: #393a4f
                    }

                    .event-page-wrapper .event-content .event-head .right .subscribe-block img {
                        display: block;
                        max-width: 110px
                    }

                .event-page-wrapper .event-content .event-head .right .condition {
                    padding: 20px 0 0 0;
                    text-transform: uppercase;
                    font-family: "Roboto",sans-serif;
                    font-size: .7rem;
                    font-weight: 500;
                    color: #393a4f
                }

    .event-page-wrapper .event-participants {
        padding: 20px 0;
        max-width: 940px;
        margin: 0 auto
    }

        .event-page-wrapper .event-participants .container-inner {
            display: flex
        }

            .event-page-wrapper .event-participants .container-inner .participant {
                margin: 8px;
                width: calc(10% - 16px);
                display: flex;
                justify-content: center
            }

                .event-page-wrapper .event-participants .container-inner .participant .participant-avatar {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 60px;
                    width: 60px;
                    min-width: 60px;
                    background: #fff;
                    border-radius: 50%;
                    border: 1.6px solid #cecece;
                    opacity: .6;
                    filter: grayscale(1);
                    transition: all .3s
                }

                    .event-page-wrapper .event-participants .container-inner .participant .participant-avatar:hover {
                        border-color: #3d70b2;
                        opacity: 1;
                        filter: grayscale(0)
                    }

                    .event-page-wrapper .event-participants .container-inner .participant .participant-avatar .more-overlay {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        height: 50px;
                        width: 50px;
                        transform: translate(-50%, -50%);
                        border-radius: 50%;
                        background: #3d70b2;
                        display: flex;
                        justify-content: center;
                        align-items: center
                    }

                        .event-page-wrapper .event-participants .container-inner .participant .participant-avatar .more-overlay span {
                            font-family: "Roboto",sans-serif;
                            color: #fff
                        }

                    .event-page-wrapper .event-participants .container-inner .participant .participant-avatar img {
                        display: block;
                        height: 50px;
                        width: 50px;
                        border-radius: 50%
                    }

    .event-page-wrapper .event-details {
        display: flex;
        align-items: stretch
    }

        .event-page-wrapper .event-details .left {
            width: 60%;
            padding: 0 30px 30px 30px;
            border-right: 1px solid #dedede
        }

            .event-page-wrapper .event-details .left .details-block {
                margin-bottom: 40px
            }

                .event-page-wrapper .event-details .left .details-block:last-child {
                    margin-bottom: 0
                }

                .event-page-wrapper .event-details .left .details-block h3 {
                    font-family: "Montserrat",sans-serif;
                    font-size: 1.4rem;
                    font-weight: 700;
                    color: #393a4f;
                    margin-bottom: 1rem;
                    margin-top: 10px
                }

                .event-page-wrapper .event-details .left .details-block p {
                    font-family: "Roboto",sans-serif;
                    font-size: .9rem;
                    color: #393a4f;
                    margin-bottom: 10px
                }

                .event-page-wrapper .event-details .left .details-block .video-block-wrapper {
                    margin: 0 6px 6px 6px
                }

                .event-page-wrapper .event-details .left .details-block .photo-group {
                    display: flex;
                    flex-wrap: wrap
                }

                    .event-page-wrapper .event-details .left .details-block .photo-group a {
                        display: block;
                        margin: 6px;
                        width: calc(33.3% - 12px)
                    }

                        .event-page-wrapper .event-details .left .details-block .photo-group a img {
                            border-radius: 8px;
                            height: 110px;
                            -o-object-fit: cover;
                            object-fit: cover
                        }

        .event-page-wrapper .event-details .right {
            width: 40%;
            padding: 0 30px
        }

            .event-page-wrapper .event-details .right .event-owner {
                display: flex;
                align-items: center;
                margin-bottom: 20px
            }

                .event-page-wrapper .event-details .right .event-owner img {
                    height: 60px;
                    width: 60px;
                    border-radius: 50%
                }

                .event-page-wrapper .event-details .right .event-owner .meta {
                    margin-left: 12px
                }

                    .event-page-wrapper .event-details .right .event-owner .meta span {
                        display: block;
                        font-family: "Roboto",sans-serif
                    }

                        .event-page-wrapper .event-details .right .event-owner .meta span:first-child {
                            font-size: .85rem;
                            color: #a2a5b9
                        }

                        .event-page-wrapper .event-details .right .event-owner .meta span:nth-child(2) {
                            font-size: 1.1rem;
                            font-weight: 500;
                            color: #393a4f
                        }

            .event-page-wrapper .event-details .right .side-block {
                margin-bottom: 1rem
            }

                .event-page-wrapper .event-details .right .side-block:last-child {
                    margin-bottom: 0
                }

                .event-page-wrapper .event-details .right .side-block .side-head {
                    display: flex;
                    align-items: center
                }

                    .event-page-wrapper .event-details .right .side-block .side-head .event-icon {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        height: 16px;
                        width: 16px;
                        min-width: 16px;
                        border-radius: 50%;
                        margin-right: 6px
                    }

                        .event-page-wrapper .event-details .right .side-block .side-head .event-icon svg {
                            height: 16px;
                            width: 16px;
                            stroke-width: 1.6px;
                            stroke: #3d70b2
                        }

                    .event-page-wrapper .event-details .right .side-block .side-head > span {
                        display: inline-block;
                        color: #a2a5b9;
                        font-size: .9rem
                    }

                .event-page-wrapper .event-details .right .side-block .side-body a {
                    font-family: "Roboto",sans-serif;
                    font-size: .9rem;
                    color: #3d70b2
                }

@media only screen and (max-width: 1300px) {
    .events-wrapper .right-panel {
        width: 310px !important
    }

    .events-wrapper .wrapper-inner {
        width: calc(100% - 570px) !important;
        margin-right: 310px !important
    }

        .events-wrapper .wrapper-inner .event-list .event-item {
            padding: 40px
        }
}

@media only screen and (max-width: 1200px) {
    .events-wrapper .right-panel {
        display: none !important
    }

    .events-wrapper .wrapper-inner {
        width: calc(100% - 260px) !important;
        margin-right: 0 !important
    }

        .events-wrapper .wrapper-inner .event-list .event-item {
            padding: 40px 60px
        }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .events-wrapper .right-panel, .events-wrapper .left-panel {
        display: none !important
    }

    .events-wrapper .wrapper-inner {
        width: calc(100%) !important;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

        .events-wrapper .wrapper-inner .event-list .event-item {
            padding: 40px 60px;
            height: auto
        }

            .events-wrapper .wrapper-inner .event-list .event-item .event-title {
                font-size: 2rem !important
            }

    .event-page-wrapper .event-content .event-head {
        margin: 0 16px
    }

        .event-page-wrapper .event-content .event-head .left {
            width: 50%
        }

            .event-page-wrapper .event-content .event-head .left h2 {
                line-height: 1.2;
                margin-bottom: 6px
            }

        .event-page-wrapper .event-content .event-head .right {
            width: 50%
        }

    .event-page-wrapper .event-content .event-participants {
        max-width: 740px;
        padding: 30px 0
    }
}

@media(max-width: 767px) {
    .events-wrapper .right-panel, .events-wrapper .left-panel {
        display: none !important
    }

    .events-wrapper .wrapper-inner {
        width: calc(100%) !important;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

        .events-wrapper .wrapper-inner .event-list .event-item {
            padding: 40px 30px;
            height: auto
        }

            .events-wrapper .wrapper-inner .event-list .event-item .event-title {
                font-size: 1.6rem !important;
                max-width: 280px
            }

            .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-content .event-owner {
                display: none
            }

            .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-options {
                top: 0px;
                right: 0px
            }

            .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-participants {
                margin-left: 0 !important
            }

    .event-page-wrapper .event-content {
        padding: 0 10px
    }

        .event-page-wrapper .event-content .event-head {
            flex-direction: column;
            padding: 0
        }

            .event-page-wrapper .event-content .event-head .left {
                width: 100%;
                padding-bottom: 50px
            }

                .event-page-wrapper .event-content .event-head .left h2 {
                    line-height: 1.2;
                    margin-bottom: 6px
                }

                .event-page-wrapper .event-content .event-head .left .button-separator {
                    top: unset;
                    bottom: -25px;
                    transform: translate(0, 0) rotate(90deg);
                    right: 0;
                    left: 0;
                    margin: 0 auto
                }

            .event-page-wrapper .event-content .event-head .right {
                padding-top: 40px;
                padding-left: 30px;
                padding-right: 30px;
                width: 100%;
                border-top: 2px dashed #dedede;
                border-left: none
            }

        .event-page-wrapper .event-content .event-participants {
            max-width: 100%;
            width: 100%;
            margin: 0
        }

            .event-page-wrapper .event-content .event-participants .container-inner {
                overflow-x: auto
            }

                .event-page-wrapper .event-content .event-participants .container-inner .participant {
                    min-width: 60px
                }

        .event-page-wrapper .event-content .event-details {
            flex-direction: column-reverse
        }

            .event-page-wrapper .event-content .event-details .left {
                width: 100%;
                padding: 20px 10px 10px 10px;
                border: none
            }

            .event-page-wrapper .event-content .event-details .right {
                width: 100%;
                padding: 10px 10px 30px 10px;
                border-right: none;
                border-bottom: 1px solid #dedede
            }
}

.news-header {
    position: relative;
    top: -2px;
    width: 100%;
    height: calc(100vh - 60px)
}

    .news-header .news-hero-wrapper {
        position: absolute;
        height: 100%;
        width: calc(100% - 360px);
        margin-right: 360px
    }

        .news-header .news-hero-wrapper.is-primary .overlay-layer {
            background: rgba(61,112,178,.6)
        }

            .news-header .news-hero-wrapper.is-primary .overlay-layer:hover {
                background: rgba(61,112,178,.85)
            }

        .news-header .news-hero-wrapper.is-accent .overlay-layer {
            background: rgba(85,150,230,.6)
        }

            .news-header .news-hero-wrapper.is-accent .overlay-layer:hover {
                background: rgba(85,150,230,.85)
            }

        .news-header .news-hero-wrapper.is-blue .overlay-layer {
            background: rgba(3,155,229,.6)
        }

            .news-header .news-hero-wrapper.is-blue .overlay-layer:hover {
                background: rgba(3,155,229,.85)
            }

        .news-header .news-hero-wrapper.is-green .overlay-layer {
            background: rgba(28,229,137,.6)
        }

            .news-header .news-hero-wrapper.is-green .overlay-layer:hover {
                background: rgba(28,229,137,.85)
            }

        .news-header .news-hero-wrapper.is-red .overlay-layer {
            background: rgba(247,20,22,.6)
        }

            .news-header .news-hero-wrapper.is-red .overlay-layer:hover {
                background: rgba(247,20,22,.85)
            }

        .news-header .news-hero-wrapper .overlay-layer {
            position: relative;
            width: 100%;
            height: 100%;
            background: rgba(57,58,79,.6);
            z-index: 1;
            transition: all .5s
        }

            .news-header .news-hero-wrapper .overlay-layer:hover {
                background: rgba(57,58,79,.85)
            }

            .news-header .news-hero-wrapper .overlay-layer .text-layer {
                position: absolute;
                width: 100%;
                height: 100%;
                z-index: 2;
                display: flex;
                align-items: center
            }

                .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text {
                    padding: 0 60px
                }

                    .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text .tag {
                        margin-bottom: 20px;
                        text-transform: uppercase;
                        height: 26px;
                        border-radius: 50px;
                        padding-left: 16px;
                        padding-right: 16px;
                        background: transparent;
                        border: 1.2px solid #fff;
                        color: #fff;
                        margin-right: 6px
                    }

                    .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text h2 {
                        font-family: Montserrat,sans-serif;
                        font-size: 3.5rem;
                        font-weight: 800;
                        max-width: 640px;
                        color: #fcfcfc;
                        line-height: 1
                    }

                    .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text p {
                        font-family: Montserrat,sans-serif;
                        font-size: 1.3rem;
                        font-weight: 300;
                        max-width: 640px;
                        color: #fcfcfc;
                        margin: 10px 0
                    }

                    .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text .cta-wrap {
                        padding: 10px 0
                    }

                        .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text .cta-wrap .button {
                            font-size: 1rem;
                            height: 47px;
                            background: transparent;
                            color: #fff;
                            border: 1.4px solid #fff;
                            min-width: 140px;
                            margin-right: 6px
                        }

                            .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text .cta-wrap .button:hover {
                                background: #fff;
                                color: #393a4f
                            }

    .news-header .news-hero-menu {
        position: absolute;
        top: 0;
        right: 0;
        width: 360px;
        height: 100%;
        background: #fff
    }

        .news-header .news-hero-menu .stories {
            position: relative;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: stretch
        }

            .news-header .news-hero-menu .stories .story {
                position: relative;
                display: flex;
                align-items: center;
                width: 100%;
                height: 20%;
                border-right: 4px solid transparent;
                border-bottom: 1px solid #e8e8e8;
                padding: 0 20px
            }

                .news-header .news-hero-menu .stories .story.is-active {
                    border-right-color: #393a4f
                }

                    .news-header .news-hero-menu .stories .story.is-active:before {
                        display: block
                    }

                .news-header .news-hero-menu .stories .story:before {
                    content: "";
                    display: none;
                    position: absolute;
                    top: 47%;
                    left: -21px;
                    height: 24px;
                    width: 24px;
                    background: #fff;
                    z-index: 2;
                    transform: rotate(45deg) translateY(-50%)
                }

                .news-header .news-hero-menu .stories .story.is-primary.is-active {
                    border-right-color: #3d70b2
                }

                    .news-header .news-hero-menu .stories .story.is-primary.is-active .avatar-wrap {
                        border-color: #3d70b2
                    }

                .news-header .news-hero-menu .stories .story.is-accent.is-active {
                    border-right-color: #3d70b2
                }

                    .news-header .news-hero-menu .stories .story.is-accent.is-active .avatar-wrap {
                        border-color: #3d70b2
                    }

                .news-header .news-hero-menu .stories .story.is-blue.is-active {
                    border-right-color: #039be5
                }

                    .news-header .news-hero-menu .stories .story.is-blue.is-active .avatar-wrap {
                        border-color: #039be5
                    }

                .news-header .news-hero-menu .stories .story.is-green.is-active {
                    border-right-color: #1ce589
                }

                    .news-header .news-hero-menu .stories .story.is-green.is-active .avatar-wrap {
                        border-color: #1ce589
                    }

                .news-header .news-hero-menu .stories .story.is-red.is-active {
                    border-right-color: #f71416
                }

                    .news-header .news-hero-menu .stories .story.is-red.is-active .avatar-wrap {
                        border-color: #f71416
                    }

                .news-header .news-hero-menu .stories .story .avatar-wrap {
                    height: 48px;
                    width: 48px;
                    min-width: 48px;
                    border-radius: 50%;
                    border: 1.4px solid #cecece;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    transition: all .3s
                }

                    .news-header .news-hero-menu .stories .story .avatar-wrap img {
                        display: block;
                        height: 36px;
                        width: 36px;
                        border-radius: 50%
                    }

                .news-header .news-hero-menu .stories .story .meta {
                    margin-left: 20px
                }

                    .news-header .news-hero-menu .stories .story .meta span {
                        display: block
                    }

                        .news-header .news-hero-menu .stories .story .meta span:first-child {
                            text-transform: uppercase;
                            font-size: .85rem;
                            font-weight: 500;
                            color: #999
                        }

                        .news-header .news-hero-menu .stories .story .meta span:nth-child(2) {
                            font-size: .92rem;
                            font-family: Montserrat,sans-serif;
                            color: #393a4f;
                            font-weight: 600
                        }

                        .news-header .news-hero-menu .stories .story .meta span:nth-child(3) {
                            font-size: .8rem;
                            font-family: Montserrat,sans-serif;
                            color: #999;
                            font-weight: 500
                        }

.is-news {
    padding: 1rem
}

.news-grid {
    display: flex;
    flex-wrap: wrap
}

    .news-grid .news-card {
        position: relative;
        background: #fff;
        border: 1px solid #dedede;
        border-radius: 6px;
        margin: 10px;
        width: calc(25% - 20px)
    }

        .news-grid .news-card .category {
            border-radius: 100px;
            padding-left: .95em;
            padding-right: .95em;
            background: #f0f0f0;
            color: #393a4f
        }

        .news-grid .news-card.is-default {
            display: block;
            flex-direction: column
        }

            .news-grid .news-card.is-default.is-inverted {
                background: #212a38
            }

                .news-grid .news-card.is-default.is-inverted .news-content .news-title {
                    font-weight: 600;
                    color: #fcfcfc
                }

                .news-grid .news-card.is-default.is-inverted .news-content p {
                    font-weight: 400;
                    color: #e8e8e8
                }

                .news-grid .news-card.is-default.is-inverted .news-content .button-wrap .button {
                    background: #161c25;
                    border-color: #161c25;
                    color: #fff
                }

                    .news-grid .news-card.is-default.is-inverted .news-content .button-wrap .button:hover {
                        background: #3d70b2;
                        border-color: #3d70b2
                    }

                .news-grid .news-card.is-default.is-inverted .news-content .button-wrap .actions .action:hover {
                    background: #2c384b
                }

                    .news-grid .news-card.is-default.is-inverted .news-content .button-wrap .actions .action:hover svg {
                        stroke: #fcfcfc
                    }

            .news-grid .news-card.is-default:hover .avatar-wrap {
                height: 44px;
                width: 44px;
                min-width: 44px;
                border-color: #3d70b2
            }

            .news-grid .news-card.is-default .avatar-wrapper {
                position: absolute;
                top: 20px;
                right: 30px;
                height: 44px;
                width: 44px;
                min-width: 44px;
                display: flex;
                justify-content: center;
                align-items: center
            }

            .news-grid .news-card.is-default .avatar-wrap {
                height: 36px;
                width: 36px;
                min-width: 36px;
                border-radius: 50%;
                border: 1.4px solid transparent;
                display: flex;
                justify-content: center;
                align-items: center;
                transition: all .3s
            }

                .news-grid .news-card.is-default .avatar-wrap img {
                    display: block;
                    height: 32px;
                    width: 32px;
                    border-radius: 50%;
                    border: 1.6px solid #fcfcfc
                }

            .news-grid .news-card.is-default img {
                display: block;
                border-radius: 6px 6px 0 0;
                height: 160px;
                width: 100%;
                -o-object-fit: cover;
                object-fit: cover
            }

            .news-grid .news-card.is-default .category {
                position: absolute;
                top: 30px;
                left: 30px
            }

            .news-grid .news-card.is-default .news-content {
                padding: 20px 30px 30px 30px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                height: calc(100% - 160px)
            }

                .news-grid .news-card.is-default .news-content .news-title {
                    font-family: Montserrat,sans-serif;
                    font-weight: 700;
                    color: #393a4f;
                    font-size: 1rem;
                    margin: 0 0 10px 0
                }

                .news-grid .news-card.is-default .news-content p {
                    margin-top: auto;
                    color: #999;
                    font-size: .9rem
                }

                .news-grid .news-card.is-default .news-content .button-wrap {
                    margin-top: 20px;
                    display: flex;
                    justify-content: space-between;
                    align-items: flex-end
                }

                    .news-grid .news-card.is-default .news-content .button-wrap .button:hover {
                        background: #3d70b2 !important;
                        border-color: #3d70b2 !important;
                        color: #fff !important
                    }

                    .news-grid .news-card.is-default .news-content .button-wrap .actions {
                        height: 38px;
                        display: flex;
                        align-items: center
                    }

                        .news-grid .news-card.is-default .news-content .button-wrap .actions .action {
                            height: 38px;
                            width: 38px;
                            border-radius: 50%;
                            display: flex;
                            justify-content: center;
                            align-items: center
                        }

                            .news-grid .news-card.is-default .news-content .button-wrap .actions .action:hover {
                                background: #f5f5f5
                            }

                                .news-grid .news-card.is-default .news-content .button-wrap .actions .action:hover svg {
                                    stroke: #393a4f
                                }

                            .news-grid .news-card.is-default .news-content .button-wrap .actions .action.is-like.is-active svg {
                                stroke: #f71416 !important;
                                fill: #f71416 !important
                            }

                            .news-grid .news-card.is-default .news-content .button-wrap .actions .action svg {
                                height: 18px;
                                width: 18px;
                                stroke: #999
                            }

        .news-grid .news-card.is-wide {
            display: flex;
            align-items: center;
            padding: 30px;
            width: calc(50% - 20px)
        }

            .news-grid .news-card.is-wide.has-absolute-image img {
                display: block;
                position: absolute;
                bottom: 0;
                right: 0;
                max-height: 100%;
                max-width: 45%;
                -o-object-fit: contain;
                object-fit: contain
            }

            .news-grid .news-card.is-wide.has-absolute-image .news-content {
                display: flex;
                flex-direction: column;
                max-width: 55%;
                height: 100%
            }

                .news-grid .news-card.is-wide.has-absolute-image .news-content .category {
                    position: absolute
                }

                .news-grid .news-card.is-wide.has-absolute-image .news-content .news-title {
                    font-family: Montserrat,sans-serif;
                    font-weight: bold;
                    color: #393a4f;
                    font-size: 1.3rem;
                    margin: 26px 0 10px 0
                }

                .news-grid .news-card.is-wide.has-absolute-image .news-content p {
                    margin-top: auto;
                    color: #999;
                    font-size: .9rem
                }

                    .news-grid .news-card.is-wide.has-absolute-image .news-content p + p {
                        margin-top: 10px
                    }

                .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap {
                    margin-top: 20px;
                    display: flex;
                    justify-content: space-between;
                    align-items: flex-end
                }

                    .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .button:hover {
                        background: #3d70b2 !important;
                        border-color: #3d70b2 !important;
                        color: #fff !important
                    }

                    .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .actions {
                        height: 38px;
                        display: flex;
                        align-items: center
                    }

                        .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .actions .action {
                            height: 38px;
                            width: 38px;
                            border-radius: 50%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            transition: all .3s
                        }

                            .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .actions .action:hover {
                                background: #f5f5f5
                            }

                                .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .actions .action:hover svg {
                                    stroke: #393a4f
                                }

                            .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .actions .action.is-like.is-active svg {
                                stroke: #f71416 !important;
                                fill: #f71416 !important
                            }

                            .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .actions .action svg {
                                height: 18px;
                                width: 18px;
                                stroke: #999;
                                transition: all .3s
                            }

@media(max-width: 767px) {
    .news-header .news-hero-wrapper {
        width: 100%;
        margin: 0
    }

        .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text {
            padding: 0 30px
        }

            .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text h2 {
                font-size: 2rem
            }

    .news-header .news-hero-menu {
        display: none
    }

    .news-grid .news-card.is-default {
        width: calc(100% - 20px)
    }

    .news-grid .news-card.is-wide {
        width: calc(100% - 20px)
    }

        .news-grid .news-card.is-wide.has-absolute-image img {
            display: none
        }

        .news-grid .news-card.is-wide.has-absolute-image .news-content {
            max-width: 100%
        }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .news-header .news-hero-wrapper {
        width: 100%;
        margin-right: 0
    }

        .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text {
            padding: 0 40px
        }

            .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text h2 {
                font-size: 3.4rem
            }

    .news-header .news-hero-menu {
        display: none
    }

    .news-grid .news-card.is-default {
        width: calc(50% - 20px)
    }

    .news-grid .news-card.is-wide {
        width: calc(50% - 20px)
    }

        .news-grid .news-card.is-wide.has-absolute-image img {
            display: none
        }

        .news-grid .news-card.is-wide.has-absolute-image .news-content {
            max-width: 100%
        }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
    .news-header .news-hero-wrapper {
        width: calc(100% - 280px);
        margin-right: 280px
    }

        .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text {
            padding: 0 40px
        }

            .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text h2 {
                font-size: 3.4rem
            }

    .news-header .news-hero-menu {
        width: 280px
    }

        .news-header .news-hero-menu .stories .story .avatar-wrap {
            height: 40px;
            width: 40px;
            min-width: 40px
        }

            .news-header .news-hero-menu .stories .story .avatar-wrap img {
                height: 28px;
                width: 28px
            }

        .news-header .news-hero-menu .stories .story .meta {
            margin-left: 10px
        }

            .news-header .news-hero-menu .stories .story .meta span:first-child {
                font-size: .75rem
            }

            .news-header .news-hero-menu .stories .story .meta span:nth-child(2) {
                font-size: .8rem
            }

            .news-header .news-hero-menu .stories .story .meta span:nth-child(3) {
                font-size: .7rem
            }

    .news-grid .news-card.is-default {
        width: calc(33.3% - 20px)
    }

    .news-grid .news-card.is-wide {
        width: calc(66.6% - 20px)
    }

        .news-grid .news-card.is-wide.has-absolute-image img {
            max-height: 78%
        }

        .news-grid .news-card.is-wide.has-absolute-image .news-content {
            max-width: 60%
        }
}

.dashboard-map-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

    .dashboard-map-wrapper.has-sidebar-v1 {
        min-height: 100vh
    }

    .dashboard-map-wrapper .dashboard-map-wrapper-inner {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: stretch
    }

        .dashboard-map-wrapper .dashboard-map-wrapper-inner.is-reversed {
            flex-direction: row-reverse
        }

        .dashboard-map-wrapper .dashboard-map-wrapper-inner .map-section {
            position: relative;
            width: calc(100% - 380px)
        }

        .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section {
            width: 380px;
            background: #fff
        }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-header {
                height: 80px;
                width: 100%;
                display: flex;
                align-items: center;
                padding: 0 2rem
            }

                .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-header h2 {
                    font-family: "Montserrat",sans-serif;
                    font-size: 1.15rem
                }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body {
                height: calc(100% - 80px);
                overflow-y: auto;
                padding: 0 2rem 2rem 2rem
            }

                .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .content-section-title {
                    font-family: "Roboto",sans-serif;
                    font-size: .7rem;
                    color: #a2a5b9;
                    text-transform: uppercase;
                    margin-bottom: .75rem
                }

                .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box {
                    border: 1px solid #dbdbdb;
                    border-radius: .75rem;
                    box-shadow: none;
                    cursor: pointer;
                    transition: border .3s,box-shadow .3s;
                    margin-bottom: .75rem
                }

                    .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box.is-active {
                        border-color: #3d70b2;
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                    }

                    .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-body {
                        padding: .5rem 0
                    }

                        .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-body p {
                            font-size: .95rem
                        }

                    .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-actions {
                        display: flex;
                        align-items: center;
                        justify-content: space-between
                    }

                        .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-actions .rating i {
                            font-size: .9rem;
                            color: #f5f6fa
                        }

                            .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-actions .rating i.highlighted {
                                color: #ff9700
                            }

                        .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-actions .action {
                            display: flex;
                            align-items: center;
                            font-family: "Roboto",sans-serif;
                            font-size: .9rem;
                            color: #393a4f
                        }

                            .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-actions .action svg {
                                height: 16px;
                                width: 16px;
                                margin-right: .25rem;
                                stroke: #a2a5b9
                            }

body.is-dark .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section {
    background: #1a212c
}

    body.is-dark .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box {
        background: #262f40;
        border-color: #334056
    }

        body.is-dark .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box.is-active {
            border-color: #3d70b2 !important
        }

.mapboxgl-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    z-index: 30;
    position: relative;
    top: -2px
}

.mapboxgl-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    z-index: 30;
    position: relative;
    bottom: -2px
}

.mapboxgl-popup.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    z-index: 30;
    position: relative;
    left: -2px
}

.mapboxgl-popup.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    z-index: 30;
    position: relative;
    right: -2px
}

.mapboxgl-popup .mapboxgl-popup-content {
    border: 1px solid #dbdbdb;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
    padding: 1.25rem;
    border-radius: .5rem
}

    .mapboxgl-popup .mapboxgl-popup-content .map-box-location .map-box-body {
        padding: .5rem 0
    }

        .mapboxgl-popup .mapboxgl-popup-content .map-box-location .map-box-body p {
            line-height: 1.4
        }

body.is-dark .mapboxgl-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-top-color: #1a212c
}

body.is-dark .mapboxgl-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    border-bottom-color: #1a212c
}

body.is-dark .mapboxgl-popup.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    border-right-color: #1a212c
}

body.is-dark .mapboxgl-popup.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    border-left-color: #1a212c
}

body.is-dark .mapboxgl-popup .mapboxgl-popup-content {
    background: #1a212c;
    border-color: #334056
}

    body.is-dark .mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button {
        color: #fff !important
    }

.geocoder {
    position: absolute;
    z-index: 1;
    width: 100%;
    max-width: 380px;
    top: 1rem;
    left: 0;
    right: 0;
    margin: 0 auto
}

.mapboxgl-ctrl-geocoder {
    min-width: 100% !important;
    border-radius: .65rem !important;
    border: 1px solid #dbdbdb;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
}

    .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--suggestion-title {
        font-family: "Roboto",sans-serif
    }

    .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--suggestion-address {
        font-family: "Roboto",sans-serif
    }

    .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--icon-search {
        top: 13px;
        left: 12px;
        transition: stroke .3s;
        fill: #a2a5b9
    }

    .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {
        top: 11px !important;
        right: 11px !important
    }

    .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--button {
        background: none !important
    }

    .mapboxgl-ctrl-geocoder input {
        height: 44px;
        padding-left: 3rem;
        border-radius: .75rem;
        background: #fff;
        transition: all .3s
    }

        .mapboxgl-ctrl-geocoder input:focus {
            outline: none
        }

            .mapboxgl-ctrl-geocoder input:focus ~ .mapboxgl-ctrl-geocoder--icon-search {
                fill: #3d70b2 !important
            }

body.is-dark .mapboxgl-marker svg circle {
    fill: #262f40 !important
}

body.is-dark .mapboxgl-ctrl-geocoder {
    background: #1a212c;
    border-color: #334056
}

    body.is-dark .mapboxgl-ctrl-geocoder input {
        color: #fff;
        background: #1a212c
    }

    body.is-dark .mapboxgl-ctrl-geocoder .suggestions-wrapper .suggestions {
        background: #1a212c;
        border-color: #334056
    }

    body.is-dark .mapboxgl-ctrl-geocoder .suggestions > .active > a, body.is-dark .mapboxgl-ctrl-geocoder .suggestions > li > a:hover {
        background: #151a23
    }

    body.is-dark .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--suggestion-title {
        color: #fff
    }

    body.is-dark .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--suggestion-address {
        color: #a2a5b9
    }

@media only screen and (max-width: 767px) {
    .dashboard-map-wrapper {
        overflow-x: hidden
    }

        .dashboard-map-wrapper .dashboard-map-wrapper-inner {
            flex-direction: column
        }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner.is-reversed {
                flex-direction: column
            }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner .map-section {
                min-height: 30vh;
                width: 100%
            }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section {
                height: 70vh
            }

    .geocoder {
        padding: 0 2rem
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .dashboard-map-wrapper {
        overflow-x: hidden
    }

        .dashboard-map-wrapper .dashboard-map-wrapper-inner {
            flex-direction: column
        }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner.is-reversed {
                flex-direction: column
            }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner .map-section {
                min-height: 30vh;
                width: 100%
            }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section {
                height: calc(70vh - 60px);
                width: 100%
            }

    .geocoder {
        padding: 0 2rem
    }
}

.question-tabs {
    margin-bottom: 20px !important;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
    border: 1px solid #e8e8e8;
    border-radius: 8px
}

    .question-tabs.is-nav {
        margin-bottom: 0 !important;
        box-shadow: none !important;
        border: none
    }

        .question-tabs.is-nav ul li a {
            padding: 1.25em;
            border-bottom: 2px solid transparent
        }

    .question-tabs ul {
        border-color: transparent
    }

        .question-tabs ul li.is-active a {
            color: #3d70b2;
            border-bottom-color: #3d70b2
        }

        .question-tabs ul li a {
            color: #c6c6c6;
            border-bottom: 1px solid transparent;
            font-size: .9rem;
            padding: 1em
        }

.questions-wrap, .questions-demo {
    margin: 60px 0
}

    .questions-wrap.is-smaller, .questions-demo.is-smaller {
        margin: 20px 0
    }

    .questions-wrap .questions-menu, .questions-demo .questions-menu {
        margin-right: 40px;
        max-width: 250px
    }

        .questions-wrap .questions-menu.questions-menu-fixed, .questions-demo .questions-menu.questions-menu-fixed {
            position: fixed;
            width: 100%;
            max-width: 250px;
            margin-top: 40px;
            opacity: 0;
            pointer-events: none;
            transition: all .5s
        }

            .questions-wrap .questions-menu.questions-menu-fixed.is-faded, .questions-demo .questions-menu.questions-menu-fixed.is-faded {
                opacity: 1;
                pointer-events: all
            }

        .questions-wrap .questions-menu li.is-active a, .questions-demo .questions-menu li.is-active a {
            background: #fff
        }

            .questions-wrap .questions-menu li.is-active a svg, .questions-demo .questions-menu li.is-active a svg {
                stroke: #3d70b2
            }

            .questions-wrap .questions-menu li.is-active a span, .questions-demo .questions-menu li.is-active a span {
                color: #3d70b2
            }

        .questions-wrap .questions-menu li a, .questions-demo .questions-menu li a {
            display: flex;
            align-items: center;
            height: 50px;
            padding: 0 20px;
            border-radius: 100px
        }

            .questions-wrap .questions-menu li a svg, .questions-demo .questions-menu li a svg {
                height: 22px;
                height: 22px;
                margin-right: 10px;
                stroke: #999;
                transition: all .3s
            }

            .questions-wrap .questions-menu li a span, .questions-demo .questions-menu li a span {
                display: block;
                font-family: "Montserrat",sans-serif;
                font-size: .85rem;
                color: #393a4f;
                transition: color .3s
            }

.question-content {
    max-width: 640px;
    margin: 0 auto
}

    .question-content.is-large {
        max-width: 840px
    }

    .question-content .top-single-header {
        margin: 0 0 20px 0
    }

    .question-content .question-block {
        border-bottom: 1px solid #e3e3e3
    }

        .question-content .question-block.is-top-spaced {
            margin-top: 30px
        }

        .question-content .question-block .question-title {
            font-family: "Montserrat",sans-serif;
            font-weight: bold;
            color: #393a4f;
            font-size: 1.6rem
        }

            .question-content .question-block .question-title.is-link {
                transition: color .3s
            }

                .question-content .question-block .question-title.is-link:hover {
                    color: #3d70b2
                }

        .question-content .question-block .question-author {
            display: flex;
            align-items: center;
            padding: 20px 0
        }

            .question-content .question-block .question-author img {
                display: block;
                height: 38px;
                width: 38px;
                min-width: 38px;
                border-radius: 50%
            }

            .question-content .question-block .question-author .meta {
                margin-left: 12px
            }

                .question-content .question-block .question-author .meta span {
                    display: block
                }

                    .question-content .question-block .question-author .meta span:first-child {
                        font-family: "Montserrat",sans-serif;
                        font-weight: 600;
                        color: #393a4f;
                        font-size: .9rem
                    }

                    .question-content .question-block .question-author .meta span:nth-child(2) {
                        font-size: .85rem;
                        color: #999
                    }

        .question-content .question-block .question-text p {
            font-family: "Roboto",sans-serif;
            font-weight: 400;
            color: #707298;
            font-size: .95rem;
            max-width: 680px
        }

        .question-content .question-block .question-text .tags {
            padding-top: 10px
        }

            .question-content .question-block .question-text .tags .tag {
                border-radius: 100px;
                line-height: 1
            }

        .question-content .question-block .question-footer {
            padding: 20px 0 0 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 700px
        }

            .question-content .question-block .question-footer .likes, .question-content .question-block .question-footer .report {
                display: flex;
                align-items: center
            }

                .question-content .question-block .question-footer .likes .like-icon, .question-content .question-block .question-footer .report .like-icon {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 32px;
                    width: 32px;
                    background: #f71416;
                    border-radius: 50%
                }

                    .question-content .question-block .question-footer .likes .like-icon svg, .question-content .question-block .question-footer .report .like-icon svg {
                        height: 16px;
                        width: 16px;
                        stroke: #fff;
                        fill: #fff
                    }

                .question-content .question-block .question-footer .likes .report-icon, .question-content .question-block .question-footer .report .report-icon {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 32px;
                    width: 32px;
                    background: #f5f5f5;
                    border-radius: 50%
                }

                    .question-content .question-block .question-footer .likes .report-icon svg, .question-content .question-block .question-footer .report .report-icon svg {
                        height: 16px;
                        width: 16px;
                        stroke: #999
                    }

                .question-content .question-block .question-footer .likes span, .question-content .question-block .question-footer .report span {
                    display: block;
                    font-weight: 500;
                    margin-left: 10px;
                    font-size: .9rem
                }

        .question-content .question-block .answers-count {
            padding: 20px 4px
        }

            .question-content .question-block .answers-count span {
                font-family: "Montserrat",sans-serif;
                font-weight: 600;
                color: #393a4f;
                font-size: .9rem
            }

    .question-content .answer-block {
        padding: 10px 0;
        border-bottom: 1px solid #e3e3e3
    }

        .question-content .answer-block.is-best .answer-author .avatar-wrap {
            border: 1.4px solid #1ce589
        }

            .question-content .answer-block.is-best .answer-author .avatar-wrap .badge {
                display: flex
            }

        .question-content .answer-block.is-best .answer-footer .upvote .upvote-icon {
            background: #1ce589
        }

        .question-content .answer-block .answer-author {
            display: flex;
            align-items: center;
            padding: 20px 0
        }

            .question-content .answer-block .answer-author .avatar-wrap {
                position: relative;
                height: 48px;
                width: 48px;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 50%;
                border: 1.4px solid #999
            }

                .question-content .answer-block .answer-author .avatar-wrap .avatar {
                    display: block;
                    height: 38px;
                    width: 38px;
                    min-width: 38px;
                    border-radius: 50%
                }

                .question-content .answer-block .answer-author .avatar-wrap .badge {
                    position: absolute;
                    top: -4px;
                    right: -7px;
                    height: 22px;
                    width: 22px;
                    border-radius: 50%;
                    border: 2px solid #fcfcfc;
                    display: none;
                    justify-content: center;
                    align-items: center;
                    background: #1ce589
                }

                    .question-content .answer-block .answer-author .avatar-wrap .badge svg {
                        height: 12px;
                        width: 12px;
                        stroke: #fcfcfc;
                        stroke-width: 3px
                    }

            .question-content .answer-block .answer-author .meta {
                margin-left: 12px
            }

                .question-content .answer-block .answer-author .meta span {
                    display: block
                }

                    .question-content .answer-block .answer-author .meta span:first-child {
                        font-family: "Montserrat",sans-serif;
                        font-weight: 600;
                        color: #393a4f;
                        font-size: .9rem
                    }

                        .question-content .answer-block .answer-author .meta span:first-child .best-tag {
                            margin-left: 10px;
                            padding: 4px 12px;
                            border-radius: 100px;
                            background: #c1f8df;
                            font-weight: 400;
                            font-size: .75rem;
                            color: #1ce589;
                            font-family: "Roboto",sans-serif
                        }

                    .question-content .answer-block .answer-author .meta span:nth-child(2) {
                        font-size: .85rem;
                        color: #999
                    }

        .question-content .answer-block .answer-text p {
            font-family: "Roboto",sans-serif;
            font-weight: 400;
            color: #707298;
            font-size: .95rem;
            max-width: 680px;
            margin-bottom: 20px
        }

            .question-content .answer-block .answer-text p.code {
                padding: 30px;
                border-radius: 8px;
                background: #f5f5f8;
                font-size: .88rem;
                color: #5b5d7e
            }

            .question-content .answer-block .answer-text p a {
                display: block;
                word-break: break-all;
                color: #039be5;
                text-decoration: underline
            }

        .question-content .answer-block .answer-footer {
            padding: 30px 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 700px
        }

            .question-content .answer-block .answer-footer .upvote, .question-content .answer-block .answer-footer .report {
                display: flex;
                align-items: center
            }

                .question-content .answer-block .answer-footer .upvote .upvote-icon, .question-content .answer-block .answer-footer .report .upvote-icon {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 32px;
                    width: 32px;
                    background: #ebebeb;
                    border-radius: 50%
                }

                    .question-content .answer-block .answer-footer .upvote .upvote-icon svg, .question-content .answer-block .answer-footer .report .upvote-icon svg {
                        height: 16px;
                        width: 16px;
                        stroke: #fff;
                        stroke-width: 4px
                    }

                .question-content .answer-block .answer-footer .upvote .report-icon, .question-content .answer-block .answer-footer .report .report-icon {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 32px;
                    width: 32px;
                    background: #f5f5f5;
                    border-radius: 50%
                }

                    .question-content .answer-block .answer-footer .upvote .report-icon svg, .question-content .answer-block .answer-footer .report .report-icon svg {
                        height: 16px;
                        width: 16px;
                        stroke: #999
                    }

                .question-content .answer-block .answer-footer .upvote span, .question-content .answer-block .answer-footer .report span {
                    display: block;
                    font-weight: 500;
                    margin-left: 10px;
                    font-size: .9rem
                }

    .question-content .more-answers {
        padding: 40px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 680px
    }

        .question-content .more-answers a {
            text-transform: uppercase;
            font-size: .75rem;
            color: #999;
            padding: 6px 20px;
            background: #f2f2f2;
            border-radius: 100px;
            padding: 12px 20px;
            min-width: 188px;
            text-align: center;
            transition: all .3s
        }

            .question-content .more-answers a:hover {
                background: #3d70b2;
                color: #fff;
                box-shadow: 0 14px 26px -12px rgba(61,112,178,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(61,112,178,.2) !important
            }

            .question-content .more-answers a.is-loading {
                width: 42px
            }

.other-questions .other-title {
    font-family: "Montserrat",sans-serif;
    font-weight: bold;
    color: #5b5d7e;
    font-size: 1.2rem
}

.other-questions .other-question {
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0
}

    .other-questions .other-question .avatar-wrap {
        position: relative;
        height: 58px;
        width: 58px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        border: 1.4px solid #999
    }

        .other-questions .other-question .avatar-wrap .avatar {
            display: block;
            height: 48px;
            width: 48px;
            min-width: 48px;
            border-radius: 50%
        }

        .other-questions .other-question .avatar-wrap .badge {
            position: absolute;
            top: -4px;
            right: -7px;
            height: 22px;
            width: 22px;
            border-radius: 50%;
            border: 2px solid #fcfcfc;
            display: none;
            justify-content: center;
            align-items: center;
            background: #1ce589
        }

            .other-questions .other-question .avatar-wrap .badge svg {
                height: 12px;
                width: 12px;
                stroke: #fcfcfc;
                stroke-width: 3px
            }

    .other-questions .other-question .meta {
        margin-left: 12px
    }

        .other-questions .other-question .meta span, .other-questions .other-question .meta a {
            display: block
        }

            .other-questions .other-question .meta span:first-child, .other-questions .other-question .meta a:first-child {
                font-family: "Montserrat",sans-serif;
                font-weight: 600;
                color: #5b5d7e;
                font-size: 1rem
            }

            .other-questions .other-question .meta span:nth-child(2), .other-questions .other-question .meta a:nth-child(2) {
                font-size: .9rem;
                color: #999
            }

        .other-questions .other-question .meta a {
            transition: color .3s
        }

            .other-questions .other-question .meta a:hover {
                color: #3d70b2
            }

.questions-nav {
    position: fixed;
    top: 58px;
    left: 0;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #dedede;
    background: #fff;
    z-index: 18;
    transform: translateY(-100%);
    transition: all .3s
}

    .questions-nav.is-active {
        transform: translateY(0)
    }

    .questions-nav .inner {
        position: relative;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .questions-nav .inner.is-scrollable {
            overflow-x: auto !important
        }

        .questions-nav .inner .question-summary {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
            width: 100%;
            max-width: 640px;
            object-fit: cover
        }

            .questions-nav .inner .question-summary img {
                display: block;
                height: 32px;
                width: 32px;
                min-width: 32px;
                border-radius: 50%
            }

            .questions-nav .inner .question-summary .meta {
                margin-left: 12px
            }

                .questions-nav .inner .question-summary .meta h4 {
                    font-family: "Montserrat",sans-serif;
                    font-weight: bold;
                    color: #393a4f;
                    font-size: 1rem
                }

                .questions-nav .inner .question-summary .meta span {
                    display: block;
                    font-size: .8rem;
                    color: #999
                }

            .questions-nav .inner .question-summary .dropdown {
                margin-left: auto
            }

                .questions-nav .inner .question-summary .dropdown:hover .button {
                    background: #f0f0f0
                }

                    .questions-nav .inner .question-summary .dropdown:hover .button svg {
                        stroke: #393a4f
                    }

                .questions-nav .inner .question-summary .dropdown .button {
                    border: none;
                    width: 36px;
                    height: 36px;
                    border-radius: 50%;
                    padding: 0;
                    transition: all .3s
                }

                    .questions-nav .inner .question-summary .dropdown .button svg {
                        height: 20px;
                        width: 20px;
                        stroke: #999;
                        transition: stroke .3s
                    }

                .questions-nav .inner .question-summary .dropdown .dropdown-menu {
                    margin-top: 14px
                }

        .questions-nav .inner .questions-nav-menu {
            display: flex;
            align-items: center;
            justify-content: center
        }

            .questions-nav .inner .questions-nav-menu .menu-item {
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 6px 20px 6px 16px;
                border-radius: 100px;
                transition: all .3s
            }

                .questions-nav .inner .questions-nav-menu .menu-item:hover svg {
                    stroke: #3d70b2
                }

                .questions-nav .inner .questions-nav-menu .menu-item:hover span {
                    color: #3d70b2
                }

                .questions-nav .inner .questions-nav-menu .menu-item.is-active {
                    background: #fff
                }

                    .questions-nav .inner .questions-nav-menu .menu-item.is-active svg {
                        stroke: #3d70b2
                    }

                    .questions-nav .inner .questions-nav-menu .menu-item.is-active span {
                        color: #3d70b2
                    }

                .questions-nav .inner .questions-nav-menu .menu-item svg {
                    height: 16px;
                    width: 16px;
                    stroke: #cecece;
                    transition: stroke .3s
                }

                .questions-nav .inner .questions-nav-menu .menu-item span {
                    color: #595b7b;
                    font-size: .9rem;
                    margin-left: 3px;
                    transition: color .3s
                }

.categories-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 20px
}

    .categories-header h2 {
        font-family: "Montserrat",sans-serif;
        font-weight: bold;
        color: #393a4f;
        font-size: 1.6rem
    }

    .categories-header .control {
        position: relative
    }

        .categories-header .control input {
            padding-bottom: 8px;
            padding-left: 36px
        }

            .categories-header .control input:focus {
                border-color: #ededed
            }

                .categories-header .control input:focus + .search-icon svg {
                    stroke: #3d70b2
                }

        .categories-header .control .search-icon {
            position: absolute;
            top: 0;
            left: 0;
            height: 36px;
            width: 36px;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .categories-header .control .search-icon svg {
                height: 20px;
                width: 20px;
                stroke: #cecece;
                transition: stroke .3s
            }

.category-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
    border: 1px solid #dedede;
    border-radius: 8px;
    transition: all .3s
}

    .category-box.is-row {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start
    }

        .category-box.is-row img {
            margin: 0;
            min-height: 160px;
            max-height: 160px
        }

        .category-box.is-row .box-content {
            padding-left: 40px
        }

    .category-box.is-taller img {
        margin: 0;
        min-height: 140px;
        max-height: 140px
    }

    .category-box:hover {
        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
    }

        .category-box:hover.is-primary {
            border-color: #3d70b2
        }

            .category-box:hover.is-primary img {
                filter: grayscale(0);
                opacity: 1
            }

            .category-box:hover.is-primary .box-content h3 {
                color: #3d70b2
            }

        .category-box:hover.is-accent {
            border-color: #3d70b2
        }

            .category-box:hover.is-accent img {
                filter: grayscale(0);
                opacity: 1
            }

            .category-box:hover.is-accent .box-content h3 {
                color: #3d70b2
            }

        .category-box:hover.is-green {
            border-color: #1ce589
        }

            .category-box:hover.is-green img {
                filter: grayscale(0);
                opacity: 1
            }

            .category-box:hover.is-green .box-content h3 {
                color: #1ce589
            }

        .category-box:hover.is-blue {
            border-color: #039be5
        }

            .category-box:hover.is-blue img {
                filter: grayscale(0);
                opacity: 1
            }

            .category-box:hover.is-blue .box-content h3 {
                color: #039be5
            }

        .category-box:hover.is-red {
            border-color: #f71416
        }

            .category-box:hover.is-red img {
                filter: grayscale(0);
                opacity: 1
            }

            .category-box:hover.is-red .box-content h3 {
                color: #f71416
            }

    .category-box img {
        display: block;
        margin: 0 auto;
        min-height: 110px;
        max-height: 110px;
        margin-bottom: 30px;
        filter: grayscale(1);
        opacity: .6;
        transition: all .3s
    }

    .category-box .box-content h3 {
        font-family: "Montserrat",sans-serif;
        color: #393a4f;
        margin-bottom: 6px;
        transition: color .3s
    }

    .category-box .box-content p {
        font-family: "Roboto",sans-serif;
        font-size: .9rem;
        color: #999
    }

.stats-wrapper .stats-header {
    display: flex;
    align-items: center;
    background: #fff;
    width: 100%;
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    margin-bottom: 10px
}

    .stats-wrapper .stats-header .avatar-wrapper {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 96px;
        width: 96px;
        min-width: 96px;
        border-radius: 50%;
        border: 2px solid #cecece
    }

        .stats-wrapper .stats-header .avatar-wrapper .avatar {
            display: block;
            height: 80px;
            width: 80px;
            border-radius: 50%
        }

        .stats-wrapper .stats-header .avatar-wrapper .badge {
            position: absolute;
            top: 1px;
            right: -1px;
            height: 28px;
            width: 28px;
            border-radius: 50%;
            border: 3px solid #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #1ce589
        }

            .stats-wrapper .stats-header .avatar-wrapper .badge svg {
                height: 13px;
                width: 13px;
                stroke: #fff;
                stroke-width: 4px
            }

    .stats-wrapper .stats-header .user-info {
        margin-left: 20px
    }

        .stats-wrapper .stats-header .user-info h4 {
            font-family: "Montserrat",sans-serif;
            font-weight: 700;
            color: #393a4f;
            font-size: 1.1rem
        }

        .stats-wrapper .stats-header .user-info p {
            color: #999;
            font-size: .85rem;
            font-family: "Roboto",sans-serif
        }

        .stats-wrapper .stats-header .user-info .button {
            margin-top: 10px;
            height: 36px;
            min-width: 110px;
            border-radius: 100px;
            padding: 0;
            transition: all .3s
        }

            .stats-wrapper .stats-header .user-info .button.is-follow {
                border: 1.6px solid #3d70b2;
                color: #3d70b2
            }

                .stats-wrapper .stats-header .user-info .button.is-follow:hover {
                    background: #3d70b2;
                    color: #fcfcfc;
                    box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
                }

    .stats-wrapper .stats-header .main-stats {
        margin-left: auto;
        display: flex
    }

        .stats-wrapper .stats-header .main-stats .stat-block {
            padding: 0 16px;
            text-align: center
        }

            .stats-wrapper .stats-header .main-stats .stat-block.is-centered {
                border-left: 1px solid #dedede;
                border-right: 1px solid #dedede
            }

            .stats-wrapper .stats-header .main-stats .stat-block h4 {
                text-transform: uppercase;
                font-size: .7rem;
                color: #393a4f;
                font-weight: 500
            }

            .stats-wrapper .stats-header .main-stats .stat-block p {
                font-weight: bolder;
                font-size: 1.4rem;
                color: #707298
            }

.stats-wrapper .achievements .header {
    display: flex;
    align-items: center;
    padding: 10px
}

    .stats-wrapper .achievements .header h3 {
        font-family: "Montserrat",sans-serif;
        color: #595b7b;
        font-size: .9rem;
        font-weight: 600;
        transition: color .3s
    }

.stats-wrapper .achievements .achievements-carousel-wrap {
    position: relative;
    overflow: hidden;
    margin-top: -6px
}

    .stats-wrapper .achievements .achievements-carousel-wrap .achievements-loader {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
        background: #fff;
        opacity: 0;
        transition: all .3s;
        z-index: -1
    }

        .stats-wrapper .achievements .achievements-carousel-wrap .achievements-loader.is-active {
            opacity: 1;
            z-index: 1
        }

        .stats-wrapper .achievements .achievements-carousel-wrap .achievements-loader .loader {
            height: 2rem;
            width: 2rem
        }

.stats-wrapper .achievements .achievements-carousel {
    max-height: 250px
}

    .stats-wrapper .achievements .achievements-carousel .achievement {
        padding: 30px;
        border: 1px solid #dedede;
        background: #fff;
        border-radius: 8px;
        margin: 6px;
        outline: none !important;
        cursor: grab;
        transition: all .3s
    }

        .stats-wrapper .achievements .achievements-carousel .achievement:hover {
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
            border-color: #3d70b2
        }

        .stats-wrapper .achievements .achievements-carousel .achievement img {
            display: block;
            height: 90px;
            margin: 0 auto
        }

        .stats-wrapper .achievements .achievements-carousel .achievement h3 {
            margin-top: 20px;
            font-family: "Montserrat",sans-serif;
            color: #595b7b;
            font-size: .85rem;
            font-weight: 500
        }

        .stats-wrapper .achievements .achievements-carousel .achievement p {
            color: #999;
            font-size: .8rem;
            min-height: 39px
        }

.stats-wrapper .quick-activity .header {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #e8e8e8
}

    .stats-wrapper .quick-activity .header h3 {
        font-family: "Montserrat",sans-serif;
        color: #595b7b;
        font-size: .9rem;
        font-weight: 600;
        transition: color .3s
    }

.stats-wrapper .quick-activity .activity-list {
    padding: 10px
}

    .stats-wrapper .quick-activity .activity-list .activity-item {
        display: flex;
        border-bottom: 1px solid #e8e8e8;
        padding: 16px
    }

        .stats-wrapper .quick-activity .activity-list .activity-item.is-best .avatar-wrap {
            border: 1.4px solid #1ce589
        }

            .stats-wrapper .quick-activity .activity-list .activity-item.is-best .avatar-wrap .badge {
                display: flex
            }

        .stats-wrapper .quick-activity .activity-list .activity-item .avatar-wrap {
            position: relative;
            height: 48px;
            width: 48px;
            min-width: 48px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            border: 1.4px solid #cecece
        }

            .stats-wrapper .quick-activity .activity-list .activity-item .avatar-wrap .avatar {
                display: block;
                height: 38px;
                width: 38px;
                min-width: 38px;
                border-radius: 50%
            }

            .stats-wrapper .quick-activity .activity-list .activity-item .avatar-wrap .badge {
                position: absolute;
                top: -4px;
                right: -7px;
                height: 22px;
                width: 22px;
                border-radius: 50%;
                border: 2px solid #fcfcfc;
                display: none;
                justify-content: center;
                align-items: center;
                background: #1ce589
            }

                .stats-wrapper .quick-activity .activity-list .activity-item .avatar-wrap .badge svg {
                    height: 12px;
                    width: 12px;
                    stroke: #fcfcfc;
                    stroke-width: 3px
                }

        .stats-wrapper .quick-activity .activity-list .activity-item .meta {
            margin-left: 16px
        }

            .stats-wrapper .quick-activity .activity-list .activity-item .meta span {
                display: block
            }

                .stats-wrapper .quick-activity .activity-list .activity-item .meta span:first-child {
                    font-family: "Montserrat",sans-serif;
                    font-weight: 600;
                    color: #393a4f;
                    font-size: .9rem
                }

                    .stats-wrapper .quick-activity .activity-list .activity-item .meta span:first-child .best-tag {
                        margin-left: 10px;
                        padding: 4px 12px;
                        border-radius: 100px;
                        background: #c1f8df;
                        font-weight: 400;
                        font-size: .75rem;
                        color: #1ce589;
                        font-family: "Roboto",sans-serif
                    }

                .stats-wrapper .quick-activity .activity-list .activity-item .meta span:nth-child(2) {
                    font-size: .9rem;
                    font-family: "Roboto",sans-serif;
                    color: #999;
                    max-width: 450px
                }

                    .stats-wrapper .quick-activity .activity-list .activity-item .meta span:nth-child(2) a {
                        color: #595b7b;
                        transition: color .3s
                    }

                        .stats-wrapper .quick-activity .activity-list .activity-item .meta span:nth-child(2) a:hover {
                            color: #3d70b2
                        }

            .stats-wrapper .quick-activity .activity-list .activity-item .meta small {
                margin-top: 6px;
                font-size: .75rem;
                color: #999
            }

.questions-settings .settings-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 30px
}

    .questions-settings .settings-header h2 {
        font-family: "Montserrat",sans-serif;
        font-weight: bold;
        color: #393a4f;
        font-size: 1.6rem
    }

    .questions-settings .settings-header .control {
        position: relative
    }

        .questions-settings .settings-header .control input {
            padding-bottom: 8px;
            padding-left: 36px
        }

            .questions-settings .settings-header .control input:focus {
                border-color: #ededed
            }

                .questions-settings .settings-header .control input:focus + .search-icon svg {
                    stroke: #3d70b2
                }

        .questions-settings .settings-header .control .search-icon {
            position: absolute;
            top: 0;
            left: 0;
            height: 36px;
            width: 36px;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .questions-settings .settings-header .control .search-icon svg {
                height: 20px;
                width: 20px;
                stroke: #cecece;
                transition: stroke .3s
            }

.questions-settings .settings-body .switch-block {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

    .questions-settings .settings-body .switch-block .meta {
        margin-left: 16px
    }

        .questions-settings .settings-body .switch-block .meta span {
            display: block
        }

            .questions-settings .settings-body .switch-block .meta span:first-child {
                font-family: "Montserrat",sans-serif;
                font-weight: 600;
                color: #393a4f;
                font-size: .9rem
            }

            .questions-settings .settings-body .switch-block .meta span:nth-child(2) {
                font-size: .85rem;
                color: #999
            }

.questions-side-card {
    width: 100%;
    background: #fff;
    padding: 30px;
    border: 1px solid #dedede;
    border-radius: 8px;
    margin-bottom: 20px
}

    .questions-side-card img {
        max-width: 80px;
        margin: 0 auto 20px auto
    }

    .questions-side-card h4 {
        font-family: "Montserrat",sans-serif;
        font-weight: 600;
        color: #393a4f;
        font-size: .9rem
    }

    .questions-side-card p {
        font-size: .9rem;
        color: #999
    }

@media(max-width: 767px) {
    .questions-nav .question-summary {
        max-width: 340px !important
    }

        .questions-nav .question-summary .meta h4 {
            font-size: .85rem !important
        }

        .questions-nav .question-summary .meta span {
            display: none !important
        }

    .questions-nav .questions-nav-menu .menu-item {
        padding: 6px 16px !important
    }

        .questions-nav .questions-nav-menu .menu-item svg {
            height: 18px !important;
            width: 18px !important
        }

        .questions-nav .questions-nav-menu .menu-item span {
            display: none !important
        }

    .questions-wrap {
        margin: 26px 0;
        padding: 0 10px
    }

        .questions-wrap .column.is-4, .questions-wrap .column.is-3 {
            display: none
        }

    .categories-header h2, .settings-header h2 {
        font-size: 1.3rem !important
    }

    .categories-header .control, .settings-header .control {
        max-width: 200px
    }

    .category-box.is-row {
        flex-direction: column !important
    }

        .category-box.is-row img {
            min-height: 110px !important;
            max-height: 110px !important
        }

        .category-box.is-row .box-content {
            padding-left: 0 !important;
            padding-top: 20px
        }

    .category-box.is-taller img {
        min-height: 110px !important;
        max-height: 110px !important
    }

    .category-box.is-taller .box-content {
        padding-left: 0 !important;
        padding-top: 20px
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .questions-nav .question-summary {
        margin: 0 auto;
        width: 100%;
        max-width: 640px
    }

    .questions-wrap {
        margin: 30px 0;
        padding: 0 60px
    }

        .questions-wrap .column.is-4, .questions-wrap .column.is-3 {
            display: none
        }

    .category-box {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important
    }

        .category-box img {
            margin: 0 !important;
            min-height: none !important;
            max-height: none !important;
            max-width: 120px !important;
            min-width: 120px !important
        }

        .category-box .box-content {
            padding-left: 40px !important
        }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
    .questions-nav .question-summary {
        margin: 0 auto;
        width: 100%;
        max-width: 640px
    }

    .categories-tile-grid .tile.is-parent {
        padding: .5rem !important
    }

    .category-box .box-content p {
        font-size: .8rem !important
    }

    .questions-menu-fixed {
        max-width: 190px !important
    }

    .questions-side-card {
        padding: 20px
    }

        .questions-side-card img {
            max-width: 60px
        }

        .questions-side-card p {
            font-size: .8rem
        }
}

@media(max-width: 1300px) {
    .stats-wrapper .stats-header {
        flex-direction: column
    }

        .stats-wrapper .stats-header .user-info {
            margin: 0
        }

        .stats-wrapper .stats-header .main-stats {
            margin: 0 auto;
            margin-top: 20px
        }
}

#questions-shadow-dom-home {
    max-width: 640px;
    margin: 0 auto
}

.videos-wrapper .videos-sidebar {
    position: fixed;
    top: 57px;
    left: 0;
    height: calc(100% - 56px);
    background: #fafafa;
    border-right: 1px solid #e8e8e8;
    transform: translateX(-100%);
    z-index: 10;
    transition: all .3s
}

    .videos-wrapper .videos-sidebar.is-active {
        transform: translateX(0)
    }

    .videos-wrapper .videos-sidebar .videos-sidebar-inner {
        position: relative;
        height: 100%;
        width: 100%
    }

        .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block {
            position: relative;
            margin: 20px 20px 0 20px;
            border-bottom: 1px solid #dedede;
            text-align: center;
            height: 200px
        }

            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .close-videos-sidebar {
                position: absolute;
                top: -12px;
                right: -10px;
                width: 32px;
                height: 32px;
                border-radius: 50%;
                display: none;
                align-items: center;
                justify-content: center;
                transition: all .3s
            }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .close-videos-sidebar:hover {
                    background: #fff
                }

                    .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .close-videos-sidebar:hover svg {
                        stroke: #393a4f
                    }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .close-videos-sidebar svg {
                    height: 20px;
                    width: 20px;
                    color: #999;
                    transition: stroke .3s
                }

            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .avatar-wrap {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 74px;
                height: 74px;
                min-width: 74px;
                border: 1.4px solid #d8d8d8;
                border-radius: 50%;
                margin: 0 auto 6px auto
            }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .avatar-wrap img {
                    display: block;
                    width: 58px;
                    height: 58px;
                    min-width: 58px;
                    border-radius: 50%
                }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .avatar-wrap .badge {
                    position: absolute;
                    bottom: 2px;
                    right: -3px;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%;
                    border: 2px solid #fcfcfc;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: #1ce589
                }

                    .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .avatar-wrap .badge svg {
                        height: 10px;
                        width: 10px;
                        stroke: #fcfcfc;
                        stroke-width: 4px
                    }

            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block h4 {
                font-family: "Montserrat",sans-serif;
                font-weight: 700;
                font-size: .9rem;
                color: #393a4f
            }

            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block p {
                font-size: .8rem;
                color: #999
            }

            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .user-stats {
                display: flex;
                align-items: center;
                justify-content: space-around;
                padding: 20px 0
            }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .user-stats .stat-block {
                    text-align: center
                }

                    .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .user-stats .stat-block span {
                        display: block
                    }

                        .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .user-stats .stat-block span:first-child {
                            text-transform: uppercase;
                            font-weight: 600;
                            font-size: .65rem;
                            color: #393a4f
                        }

                        .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .user-stats .stat-block span:last-child {
                            font-size: .9rem;
                            color: #999
                        }

        .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu {
            position: absolute;
            top: 200px;
            left: 0;
            width: 100%;
            height: calc(100% - 230px)
        }

            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner {
                position: relative;
                height: 100%;
                max-height: 100%;
                width: 100%;
                overflow-y: auto
            }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .separator {
                    margin: 0 30px;
                    border-bottom: 1px solid #dedede
                }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block {
                    padding: 20px 0
                }

                    .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block ul li {
                        display: flex;
                        align-items: center;
                        padding: 14px 40px;
                        border-left: 4px solid transparent
                    }

                        .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block ul li.is-active {
                            border-color: #3d70b2
                        }

                        .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a {
                            display: flex;
                            align-items: center
                        }

                            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a span {
                                display: block;
                                color: #393a4f;
                                font-family: "Montserrat",sans-serif;
                                font-size: .8rem;
                                font-weight: 600
                            }

                            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a svg {
                                height: 18px;
                                width: 18px;
                                stroke: #cecece;
                                margin-right: 20px
                            }

.videos-wrapper.is-home {
    padding-left: 0;
    padding-right: 0
}

    .videos-wrapper.is-home .home-wrapper {
        position: relative;
        top: -2px
    }

        .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger {
            position: absolute;
            z-index: 9;
            top: 10px;
            left: 30px;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            display: none;
            align-items: center;
            justify-content: center;
            transition: all .3s
        }

            .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger.is-home-v2 {
                position: absolute;
                top: 23px;
                left: 34px;
                z-index: 5
            }

                .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger.is-home-v2 svg {
                    stroke: #999
                }

            .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger:hover svg {
                stroke: #fff
            }

            .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger svg {
                height: 20px;
                width: 20px;
                color: #fcfcfc;
                transition: stroke .3s
            }

        .videos-wrapper.is-home .home-wrapper .video-header-wrap {
            margin-bottom: 0
        }

            .videos-wrapper.is-home .home-wrapper .video-header-wrap .slick-dots {
                bottom: 20px !important
            }

                .videos-wrapper.is-home .home-wrapper .video-header-wrap .slick-dots li {
                    margin: 0
                }

                    .videos-wrapper.is-home .home-wrapper .video-header-wrap .slick-dots li button:before {
                        color: #fcfcfc
                    }

        .videos-wrapper.is-home .home-wrapper .video-header {
            position: relative;
            width: 100%;
            padding-top: 56.25%
        }

            .videos-wrapper.is-home .home-wrapper .video-header:hover .cover-overlay {
                background: rgba(57,58,79,.6)
            }

            .videos-wrapper.is-home .home-wrapper .video-header .cover {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                display: block;
                -o-object-fit: cover;
                object-fit: cover;
                z-index: 0
            }

            .videos-wrapper.is-home .home-wrapper .video-header .cover-overlay {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                background: rgba(57,58,79,.4);
                transition: all .3s;
                z-index: 1
            }

            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                z-index: 2
            }

                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner {
                    position: relative;
                    height: 100%;
                    width: 100%;
                    display: flex;
                    align-items: center;
                    padding-left: 30px
                }

                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption {
                        width: 100%;
                        display: flex;
                        justify-content: flex-end
                    }

                        .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block {
                            width: 50%
                        }

                            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block h2 {
                                font-family: "Montserrat",sans-serif;
                                font-size: 2.4rem;
                                font-weight: 700;
                                color: #fcfcfc
                            }

                            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .video-meta {
                                display: flex
                            }

                                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .video-meta span {
                                    display: block;
                                    color: #fcfcfc;
                                    padding-right: 30px;
                                    font-family: "Montserrat",sans-serif;
                                    font-size: .85rem;
                                    font-weight: 500
                                }

                                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .video-meta span.rating {
                                        display: flex;
                                        align-items: center
                                    }

                                        .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .video-meta span.rating svg {
                                            height: 14px;
                                            width: 14px;
                                            stroke: #fcfcfc;
                                            fill: #fcfcfc;
                                            margin: 0 2px
                                        }

                            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .description {
                                font-family: "Roboto",sans-serif;
                                font-size: .85rem;
                                color: #fcfcfc;
                                padding: 12px 0;
                                max-width: 400px
                            }

                            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions {
                                display: flex;
                                align-items: center;
                                padding: 10px 0;
                                max-width: 400px
                            }

                                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .button {
                                    min-width: 130px;
                                    margin-right: 30px
                                }

                                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .button:hover {
                                        background: #3d70b2;
                                        border-color: #3d70b2;
                                        box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
                                    }

                                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .trailer-button {
                                    display: flex;
                                    align-items: center
                                }

                                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .trailer-button:hover svg {
                                        opacity: 1;
                                        stroke: #d1e3f8
                                    }

                                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .trailer-button:hover span {
                                        margin-left: 5px;
                                        color: #d1e3f8
                                    }

                                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .trailer-button svg {
                                        opacity: 0;
                                        stroke: #fcfcfc;
                                        height: 16px;
                                        width: 16px;
                                        transition: all .3s
                                    }

                                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .trailer-button span {
                                        color: #fcfcfc;
                                        font-size: .85rem;
                                        transition: all .3s
                                    }

.videos-wrapper .home-content {
    padding: 30px 40px
}

    .videos-wrapper .home-content .collections-header {
        display: flex
    }

        .videos-wrapper .home-content .collections-header > a {
            margin-right: 30px;
            font-family: "Montserrat",sans-serif;
            font-size: .85rem;
            font-weight: 600;
            color: #cecece;
            padding-bottom: 5px;
            border-bottom: 2px solid transparent;
            transition: all .3s
        }

            .videos-wrapper .home-content .collections-header > a.is-active {
                color: #393a4f;
                border-color: #3d70b2
            }

        .videos-wrapper .home-content .collections-header .search-button {
            height: 36px;
            width: 36px;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            cursor: pointer
        }

            .videos-wrapper .home-content .collections-header .search-button:hover svg {
                stroke: #393a4f
            }

            .videos-wrapper .home-content .collections-header .search-button svg {
                position: relative;
                top: 2px;
                height: 16px;
                width: 16px;
                stroke: #cecece;
                transition: stroke .3s
            }

    .videos-wrapper .home-content .collections-wrap {
        display: none;
        animation: fadeInLeft .5s;
        padding: 30px 0
    }

        .videos-wrapper .home-content .collections-wrap.is-active {
            display: block
        }

        .videos-wrapper .home-content .collections-wrap .collection .header {
            display: flex;
            align-items: center
        }

            .videos-wrapper .home-content .collections-wrap .collection .header h4 {
                font-family: "Montserrat",sans-serif;
                font-size: 1rem;
                font-weight: 700;
                color: #393a4f
            }

            .videos-wrapper .home-content .collections-wrap .collection .header a {
                padding: 0 24px;
                color: #999;
                font-size: .8rem
            }

        .videos-wrapper .home-content .collections-wrap .collection .video-collection {
            display: flex;
            flex-wrap: wrap;
            padding: 10px 0 20px 0;
            margin-left: -10px;
            margin-right: -10px
        }

            .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode {
                margin: 10px;
                width: calc(25% - 20px)
            }

                .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail {
                    position: relative
                }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail:hover .episode-overlay {
                        background: rgba(57,58,79,.4)
                    }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail:hover .play-button {
                        opacity: 1;
                        transform: scale(1) rotate(0)
                    }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail .episode-overlay {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        border-radius: .65rem;
                        background: rgba(57,58,79,0);
                        transition: all .3s;
                        z-index: 1
                    }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail .episode-duration {
                        position: absolute;
                        bottom: 10px;
                        left: 10px;
                        padding: 3px 6px;
                        background: #000;
                        border-radius: .5rem;
                        color: #fcfcfc;
                        font-size: .7rem;
                        z-index: 2
                    }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail .play-button {
                        position: absolute;
                        top: calc(50% - 20px);
                        left: calc(50% - 20px);
                        height: 40px;
                        width: 40px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        z-index: 3;
                        opacity: 0;
                        transform: scale(0.7) rotate(-180deg);
                        transition: all .3s
                    }

                        .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail .play-button svg {
                            height: 38px;
                            width: 38px;
                            stroke-width: 1px;
                            stroke: #fcfcfc
                        }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail img {
                        display: block;
                        border-radius: .65rem
                    }

                .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta {
                    display: flex;
                    margin-top: 8px
                }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta img {
                        display: block;
                        height: 32px;
                        width: 32px;
                        min-width: 32px;
                        border-radius: 50%
                    }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta .info {
                        margin-left: 8px
                    }

                        .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta .info span {
                            display: block;
                            line-height: 1.2
                        }

                            .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta .info span:first-child {
                                font-family: "Montserrat",sans-serif;
                                font-weight: 600;
                                font-size: .85rem;
                                color: #393a4f
                            }

                            .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta .info span:last-child {
                                font-family: "Roboto",sans-serif;
                                font-size: .8rem;
                                color: #999
                            }

.videos-wrapper.has-player .player-wrapper {
    position: relative;
    top: -2px;
    display: flex
}

    .videos-wrapper.has-player .player-wrapper .video-side {
        flex-grow: 2
    }

.videos-wrapper.has-player .meta-box {
    padding: 30px;
    background: #fff
}

    .videos-wrapper.has-player .meta-box .video-title {
        font-family: "Montserrat",sans-serif;
        font-size: 1.2rem;
        font-weight: 600;
        color: #393a4f
    }

    .videos-wrapper.has-player .meta-box .video-subtitle {
        display: flex;
        justify-content: space-between;
        padding: 6px 0
    }

        .videos-wrapper.has-player .meta-box .video-subtitle .views-count {
            color: #999
        }

        .videos-wrapper.has-player .meta-box .video-subtitle .quick-actions {
            display: flex;
            align-items: center
        }

            .videos-wrapper.has-player .meta-box .video-subtitle .quick-actions .quick-action {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 36px;
                width: 36px;
                margin: 0 3px;
                border-radius: 50%;
                transition: all .3s
            }

                .videos-wrapper.has-player .meta-box .video-subtitle .quick-actions .quick-action:hover {
                    background: #f2f2f2
                }

                    .videos-wrapper.has-player .meta-box .video-subtitle .quick-actions .quick-action:hover svg {
                        stroke: #393a4f
                    }

                .videos-wrapper.has-player .meta-box .video-subtitle .quick-actions .quick-action.is-mobile {
                    display: none
                }

                .videos-wrapper.has-player .meta-box .video-subtitle .quick-actions .quick-action svg {
                    height: 20px;
                    width: 20px;
                    stroke: #cecece;
                    transition: stroke .3s
                }

    .videos-wrapper.has-player .meta-box .video-owner {
        display: flex;
        align-items: center
    }

        .videos-wrapper.has-player .meta-box .video-owner img {
            display: block;
            height: 44px;
            width: 44px;
            min-width: 44px;
            border-radius: 50%
        }

        .videos-wrapper.has-player .meta-box .video-owner .meta {
            margin-left: 12px
        }

            .videos-wrapper.has-player .meta-box .video-owner .meta span {
                display: block
            }

                .videos-wrapper.has-player .meta-box .video-owner .meta span:first-child {
                    font-family: "Montserrat",sans-serif;
                    font-size: .9rem;
                    font-weight: 600;
                    color: #393a4f
                }

                .videos-wrapper.has-player .meta-box .video-owner .meta span:nth-child(2) {
                    color: #999;
                    font-size: .8rem
                }

        .videos-wrapper.has-player .meta-box .video-owner .button {
            margin-left: auto;
            background: #3d70b2;
            border-color: #3d70b2;
            color: #fff;
            border-radius: 100px;
            min-width: 130px
        }

            .videos-wrapper.has-player .meta-box .video-owner .button:hover {
                box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
            }

.videos-wrapper.has-player .video-description hr {
    margin: 1rem 0
}

.videos-wrapper.has-player .video-description h4 {
    font-family: "Montserrat",sans-serif;
    font-size: .9rem;
    font-weight: 600;
    color: #393a4f;
    margin-bottom: 10px
}

.videos-wrapper.has-player .video-description p, .videos-wrapper.has-player .video-description ul li {
    font-family: "Roboto",sans-serif;
    color: #797a9e;
    font-size: .95rem;
    max-width: 640px
}

.videos-wrapper.has-player .video-description .additional-description {
    display: none;
    padding-top: 30px
}

.videos-wrapper.has-player .video-description .video-description-more {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #999;
    text-transform: uppercase;
    transition: color .3s
}

    .videos-wrapper.has-player .video-description .video-description-more:hover {
        color: #3d70b2
    }

.videos-wrapper.has-player .comments-wrap {
    padding: 20px 40px
}

.videos-wrapper.has-player .comments-count {
    padding: 20px 0
}

.videos-wrapper.has-player .comment-box {
    max-width: 720px
}

    .videos-wrapper.has-player .comment-box .avatar-wrap, .videos-wrapper.has-player .is-comment .avatar-wrap {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 54px;
        height: 54px;
        min-width: 54px;
        border: 1.4px solid #cecece;
        border-radius: 50%
    }

        .videos-wrapper.has-player .comment-box .avatar-wrap.is-smaller, .videos-wrapper.has-player .is-comment .avatar-wrap.is-smaller {
            width: 44px;
            height: 44px;
            min-width: 44px;
            border-width: 1px
        }

            .videos-wrapper.has-player .comment-box .avatar-wrap.is-smaller img, .videos-wrapper.has-player .is-comment .avatar-wrap.is-smaller img {
                width: 32px;
                height: 32px;
                min-width: 32px
            }

            .videos-wrapper.has-player .comment-box .avatar-wrap.is-smaller .badge, .videos-wrapper.has-player .is-comment .avatar-wrap.is-smaller .badge {
                right: -3px;
                height: 18px;
                width: 18px
            }

                .videos-wrapper.has-player .comment-box .avatar-wrap.is-smaller .badge svg, .videos-wrapper.has-player .is-comment .avatar-wrap.is-smaller .badge svg {
                    height: 8px;
                    width: 8px;
                    stroke-width: 4px
                }

        .videos-wrapper.has-player .comment-box .avatar-wrap img, .videos-wrapper.has-player .is-comment .avatar-wrap img {
            display: block;
            width: 40px;
            height: 40px;
            min-width: 40px;
            border-radius: 50%
        }

        .videos-wrapper.has-player .comment-box .avatar-wrap .badge, .videos-wrapper.has-player .is-comment .avatar-wrap .badge {
            position: absolute;
            top: -2px;
            right: -5px;
            height: 22px;
            width: 22px;
            border-radius: 50%;
            border: 2px solid #fcfcfc;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #1ce589
        }

            .videos-wrapper.has-player .comment-box .avatar-wrap .badge svg, .videos-wrapper.has-player .is-comment .avatar-wrap .badge svg {
                height: 10px;
                width: 10px;
                stroke: #fcfcfc;
                stroke-width: 4px
            }

    .videos-wrapper.has-player .comment-box .control, .videos-wrapper.has-player .is-comment .control {
        position: relative
    }

        .videos-wrapper.has-player .comment-box .control .textarea, .videos-wrapper.has-player .is-comment .control .textarea {
            padding-bottom: 58px;
            border-color: transparent;
            transition: all .3s
        }

            .videos-wrapper.has-player .comment-box .control .textarea:focus, .videos-wrapper.has-player .is-comment .control .textarea:focus {
                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
            }

        .videos-wrapper.has-player .comment-box .control .button, .videos-wrapper.has-player .is-comment .control .button {
            position: absolute;
            bottom: 10px;
            right: 10px
        }

            .videos-wrapper.has-player .comment-box .control .button:hover, .videos-wrapper.has-player .is-comment .control .button:hover {
                background: #3d70b2;
                border-color: #3d70b2;
                color: #fcfcfc;
                border-radius: 100px;
                box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
            }

.videos-wrapper.has-player .is-comment {
    padding: 16px 0;
    margin: 0 !important
}

    .videos-wrapper.has-player .is-comment .comment-meta h4 a {
        color: #393a4f;
        transition: color .3s
    }

        .videos-wrapper.has-player .is-comment .comment-meta h4 a:hover {
            color: #3d70b2
        }

    .videos-wrapper.has-player .is-comment .comment-meta h4 small {
        color: #999;
        font-size: .85rem
    }

    .videos-wrapper.has-player .is-comment .comment-meta p {
        max-width: 640px;
        font-size: .95rem;
        color: #6a6c93
    }

        .videos-wrapper.has-player .is-comment .comment-meta p .mention {
            color: #3d70b2;
            font-weight: 500
        }

    .videos-wrapper.has-player .is-comment .comment-stats-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        max-width: 640px
    }

        .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-stats {
            display: flex
        }

            .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-stats .stat {
                display: flex;
                align-items: center;
                padding: 0 4px
            }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-stats .stat.is-likes svg {
                    position: relative;
                    top: -2px
                }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-stats .stat.is-dislikes svg {
                    position: relative;
                    top: 2px
                }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-stats .stat span {
                    display: block;
                    font-size: .9rem;
                    color: #999
                }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-stats .stat svg {
                    height: 18px;
                    width: 18px;
                    min-width: 20px;
                    stroke: #cecece
                }

        .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions {
            display: flex;
            align-items: center;
            height: 40px;
            width: 96px
        }

            .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 30px;
                width: 30px;
                min-width: 30px;
                margin: 0 2px;
                border: 1px solid #e8e8e8;
                border-radius: 50%;
                transition: all .3s
            }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action:nth-child(2) svg {
                    position: relative;
                    top: 2px
                }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action.is-like:hover {
                    border-color: #1ce589
                }

                    .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action.is-like:hover svg {
                        stroke: #1ce589
                    }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action.is-dislike:hover {
                    border-color: #f71416
                }

                    .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action.is-dislike:hover svg {
                        stroke: #f71416
                    }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action.is-reply:hover {
                    border-color: #393a4f
                }

                    .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action.is-reply:hover svg {
                        stroke: #393a4f
                    }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action svg {
                    height: 14px;
                    width: 14px;
                    stroke: #cecece;
                    transition: stroke .3s
                }

    .videos-wrapper.has-player .is-comment .nested-replies .header {
        display: flex;
        align-items: center;
        padding: 0 4px
    }

        .videos-wrapper.has-player .is-comment .nested-replies .header.is-active svg {
            transform: rotate(180deg)
        }

        .videos-wrapper.has-player .is-comment .nested-replies .header span {
            display: block;
            font-size: .9rem;
            font-weight: 500;
            color: #393a4f
        }

        .videos-wrapper.has-player .is-comment .nested-replies .header svg {
            height: 16px;
            width: 16px;
            margin-left: 4px;
            stroke: #393a4f;
            transition: all .3s
        }

    .videos-wrapper.has-player .is-comment .nested-replies .nested-comments {
        display: none;
        padding: 10px 0
    }

        .videos-wrapper.has-player .is-comment .nested-replies .nested-comments .is-nested {
            margin: 0
        }

.videos-wrapper.has-player .related-list {
    margin: 0 !important;
    padding: 20px
}

    .videos-wrapper.has-player .related-list .related-label {
        padding-top: 20px;
        margin-top: 20px;
        border-top: 1px solid #e8e8e8
    }

    .videos-wrapper.has-player .related-list .autoplay, .videos-wrapper.has-player .related-list .related-label {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 20px
    }

        .videos-wrapper.has-player .related-list .autoplay .autoplay-title, .videos-wrapper.has-player .related-list .autoplay .related-title, .videos-wrapper.has-player .related-list .related-label .autoplay-title, .videos-wrapper.has-player .related-list .related-label .related-title {
            font-family: "Montserrat",sans-serif;
            font-weight: 600;
            color: #393a4f;
            text-transform: uppercase;
            font-size: .75rem
        }

        .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle, .videos-wrapper.has-player .related-list .related-label .autoplay-toggle {
            display: flex;
            align-items: center
        }

            .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle span, .videos-wrapper.has-player .related-list .related-label .autoplay-toggle span {
                position: relative;
                top: -1px;
                display: block;
                font-size: .7rem;
                text-transform: uppercase;
                color: #999
            }

            .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle .f-switch, .videos-wrapper.has-player .related-list .related-label .autoplay-toggle .f-switch {
                transform: scale(0.8)
            }

            .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle .close-related-videos, .videos-wrapper.has-player .related-list .related-label .autoplay-toggle .close-related-videos {
                width: 32px;
                height: 32px;
                border-radius: 50%;
                display: none;
                align-items: center;
                justify-content: center;
                transition: all .3s
            }

                .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle .close-related-videos:hover, .videos-wrapper.has-player .related-list .related-label .autoplay-toggle .close-related-videos:hover {
                    background: #fff
                }

                    .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle .close-related-videos:hover svg, .videos-wrapper.has-player .related-list .related-label .autoplay-toggle .close-related-videos:hover svg {
                        stroke: #393a4f
                    }

                .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle .close-related-videos svg, .videos-wrapper.has-player .related-list .related-label .autoplay-toggle .close-related-videos svg {
                    height: 16px;
                    width: 16px;
                    color: #999;
                    transition: stroke .3s
                }

    .videos-wrapper.has-player .related-list .related-card + .media {
        border-top: none;
        margin-top: 0
    }

    .videos-wrapper.has-player .related-list .related-card .media-left {
        margin-right: .75rem
    }

        .videos-wrapper.has-player .related-list .related-card .media-left img {
            display: block;
            border-radius: 6px;
            -o-object-fit: cover;
            object-fit: cover;
            width: 130px;
            min-width: 130px;
            height: auto;
            max-height: 88px;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

    .videos-wrapper.has-player .related-list .related-card .video-meta .related-title {
        display: block;
        font-family: "Montserrat",sans-serif;
        font-size: .85rem;
        font-weight: 600;
        max-width: 200px;
        color: #393a4f;
        transition: color .3s
    }

        .videos-wrapper.has-player .related-list .related-card .video-meta .related-title:hover {
            color: #3d70b2
        }

    .videos-wrapper.has-player .related-list .related-card .video-meta .submeta {
        display: flex;
        align-items: center
    }

        .videos-wrapper.has-player .related-list .related-card .video-meta .submeta img {
            display: block;
            height: 26px;
            width: 26px;
            min-width: 26px;
            border-radius: 50%
        }

        .videos-wrapper.has-player .related-list .related-card .video-meta .submeta .info {
            margin-left: 6px
        }

            .videos-wrapper.has-player .related-list .related-card .video-meta .submeta .info span {
                display: block
            }

            .videos-wrapper.has-player .related-list .related-card .video-meta .submeta .info .video-views, .videos-wrapper.has-player .related-list .related-card .video-meta .submeta .info .video-account {
                display: block;
                color: #999
            }

            .videos-wrapper.has-player .related-list .related-card .video-meta .submeta .info .video-account {
                font-size: .7rem
            }

            .videos-wrapper.has-player .related-list .related-card .video-meta .submeta .info .video-views {
                font-size: .6rem
            }

@media(min-width: 1301px) {
    .videos-sidebar {
        width: 280px
    }

    .videos-wrapper.is-home.is-full .home-wrapper {
        padding-top: 1rem;
        width: 100% !important;
        margin-left: 0 !important
    }

        .videos-wrapper.is-home.is-full .home-wrapper .home-content {
            padding-left: 0;
            padding-right: 0
        }

    .videos-wrapper.is-home .home-wrapper {
        width: calc(100% - 280px);
        margin-left: 280px
    }

    .videos-wrapper.has-player.is-full .player-wrapper {
        padding-top: 1rem;
        width: 100% !important;
        margin-left: 0 !important
    }

        .videos-wrapper.has-player.is-full .player-wrapper .meta-box {
            background: transparent !important
        }

    .videos-wrapper.has-player .player-wrapper {
        width: calc(100% - 280px);
        margin-left: 280px
    }
}

@media(max-width: 1300px) {
    .videos-sidebar {
        width: 250px
    }

    .videos-wrapper.is-home.is-full .home-wrapper {
        padding-top: 1rem;
        width: 100% !important;
        margin-left: 0 !important
    }

        .videos-wrapper.is-home.is-full .home-wrapper .home-content {
            padding-left: 0;
            padding-right: 0
        }

    .videos-wrapper.is-home .home-wrapper {
        width: calc(100% - 250px);
        margin-left: 250px
    }

    .videos-wrapper.has-player.is-full .player-wrapper {
        padding-top: 1rem;
        width: 100% !important;
        margin-left: 0 !important
    }

        .videos-wrapper.has-player.is-full .player-wrapper .meta-box {
            background: transparent !important
        }

    .videos-wrapper.has-player .player-wrapper {
        width: calc(100% - 250px);
        margin-left: 250px
    }
}

@media(max-width: 767px) {
    .videos-sidebar .videos-sidebar-inner .user-block .close-videos-sidebar {
        display: flex !important
    }

    .videos-wrapper.is-home .home-wrapper {
        width: 100% !important;
        margin: 0 !important
    }

        .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger {
            display: flex
        }

            .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger.is-home-v2 {
                left: 20px
            }

        .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner {
            padding: 0
        }

            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block {
                width: 90%
            }

                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block h2 {
                    font-size: 1.4rem
                }

                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .video-meta span.rating {
                    display: none
                }

                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .description, .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions {
                    display: none
                }

    .videos-wrapper.is-home .home-content {
        padding: 30px
    }

        .videos-wrapper.is-home .home-content .collections-header.is-home-v2 {
            padding-left: 38px
        }

        .videos-wrapper.is-home .home-content .collections-wrap .collection .video-collection .episode {
            width: calc(100% - 20px)
        }

    .videos-wrapper.has-player .player-wrapper {
        width: 100% !important;
        margin: 0 !important
    }

        .videos-wrapper.has-player .player-wrapper .video-side .meta-box {
            margin: 0
        }

            .videos-wrapper.has-player .player-wrapper .video-side .meta-box.video-description p {
                font-size: .85rem
            }

            .videos-wrapper.has-player .player-wrapper .video-side .meta-box.video-meta .video-title {
                font-size: 1rem
            }

            .videos-wrapper.has-player .player-wrapper .video-side .meta-box .video-subtitle {
                flex-direction: column
            }

                .videos-wrapper.has-player .player-wrapper .video-side .meta-box .video-subtitle .quick-actions {
                    margin-left: -10px
                }

                    .videos-wrapper.has-player .player-wrapper .video-side .meta-box .video-subtitle .quick-actions .quick-action.is-mobile {
                        display: flex
                    }

            .videos-wrapper.has-player .player-wrapper .video-side .meta-box .video-owner .button {
                display: none
            }

        .videos-wrapper.has-player .player-wrapper .video-side .comments-wrap {
            padding: 20px
        }

            .videos-wrapper.has-player .player-wrapper .video-side .comments-wrap .is-comment .comment-meta h4 a {
                font-size: .85rem
            }

            .videos-wrapper.has-player .player-wrapper .video-side .comments-wrap .is-comment .comment-meta p {
                font-size: .85rem
            }

        .videos-wrapper.has-player .player-wrapper .related-side {
            position: fixed;
            right: 0;
            max-height: calc(100% - 58px);
            overflow-y: auto;
            transform: translateX(100%);
            transition: all .3s
        }

            .videos-wrapper.has-player .player-wrapper .related-side.is-opened {
                transform: translateX(0)
            }

            .videos-wrapper.has-player .player-wrapper .related-side .close-related-videos {
                display: flex !important
            }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .videos-sidebar .videos-sidebar-inner .user-block .close-videos-sidebar {
        display: flex !important
    }

    .videos-wrapper.is-home .home-wrapper {
        width: 100% !important;
        margin: 0 !important
    }

        .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger {
            display: flex
        }

        .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block {
            width: 65%
        }

            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block h2 {
                font-size: 1.3rem
            }

            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .description {
                font-size: .75rem
            }

    .videos-wrapper.is-home .home-content .collections-header.is-home-v2 {
        padding-left: 52px
    }

    .videos-wrapper.is-home .home-content .collections-wrap .collection .video-collection .episode {
        width: calc(33% - 20px)
    }

        .videos-wrapper.is-home .home-content .collections-wrap .collection .video-collection .episode:nth-last-child(4) {
            display: none
        }

    .videos-wrapper.has-player .player-wrapper {
        width: 100%;
        margin: 0
    }

        .videos-wrapper.has-player .player-wrapper .video-side .meta-box .video-subtitle .quick-actions .quick-action.is-mobile {
            display: flex
        }

        .videos-wrapper.has-player .player-wrapper .related-side {
            position: fixed;
            right: 0;
            max-height: calc(100% - 58px);
            overflow-y: auto;
            transform: translateX(100%);
            transition: all .3s
        }

            .videos-wrapper.has-player .player-wrapper .related-side.is-opened {
                transform: translateX(0)
            }

            .videos-wrapper.has-player .player-wrapper .related-side .close-related-videos {
                display: flex !important
            }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block {
        width: 60%
    }

        .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block h2 {
            font-size: 1.8rem
        }

        .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .description {
            font-size: .75rem
        }

    .videos-wrapper.is-home .home-content .collections-wrap .collection .video-collection .episode {
        width: calc(33% - 20px)
    }

        .videos-wrapper.is-home .home-content .collections-wrap .collection .video-collection .episode:nth-last-child(4) {
            display: none
        }

    .videos-wrapper.has-player .player-wrapper .video-side .meta-box .video-subtitle .quick-actions .quick-action.is-mobile {
        display: flex
    }

    .videos-wrapper.has-player .player-wrapper .related-side {
        position: fixed;
        right: 0;
        max-height: calc(100% - 58px);
        overflow-y: auto;
        transform: translateX(100%);
        transition: all .3s
    }

        .videos-wrapper.has-player .player-wrapper .related-side .close-related-videos {
            display: flex !important
        }

        .videos-wrapper.has-player .player-wrapper .related-side.is-opened {
            transform: translateX(0)
        }
}

.stories-wrapper .stories-sidebar {
    position: fixed;
    top: 57px;
    left: 0;
    height: calc(100% - 56px);
    background: #fafafa;
    border-right: 1px solid #e8e8e8;
    transform: translateX(-100%);
    z-index: 10;
    transition: all .3s
}

    .stories-wrapper .stories-sidebar.is-active {
        transform: translateX(0)
    }

    .stories-wrapper .stories-sidebar .stories-sidebar-inner {
        position: relative;
        height: 100%;
        width: 100%
    }

        .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block {
            position: relative;
            margin: 20px 20px 0 20px;
            border-bottom: 1px solid #dedede;
            text-align: center;
            height: 200px
        }

            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .close-stories-sidebar {
                position: absolute;
                top: -12px;
                right: -10px;
                width: 32px;
                height: 32px;
                border-radius: 50%;
                display: none;
                align-items: center;
                justify-content: center;
                transition: all .3s
            }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .close-stories-sidebar:hover {
                    background: #fff
                }

                    .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .close-stories-sidebar:hover svg {
                        stroke: #393a4f
                    }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .close-stories-sidebar svg {
                    height: 20px;
                    width: 20px;
                    color: #999;
                    transition: stroke .3s
                }

            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .avatar-wrap {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 74px;
                height: 74px;
                min-width: 74px;
                border: 1.4px solid #d8d8d8;
                border-radius: 50%;
                margin: 0 auto 6px auto
            }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .avatar-wrap img {
                    display: block;
                    width: 58px;
                    height: 58px;
                    min-width: 58px;
                    border-radius: 50%
                }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .avatar-wrap .badge {
                    position: absolute;
                    bottom: 2px;
                    right: -3px;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%;
                    border: 2px solid #fcfcfc;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: #1ce589
                }

                    .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .avatar-wrap .badge svg {
                        height: 10px;
                        width: 10px;
                        stroke: #fcfcfc;
                        stroke-width: 4px
                    }

            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block h4 {
                font-family: "Montserrat",sans-serif;
                font-weight: 700;
                font-size: .9rem;
                color: #393a4f
            }

            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block p {
                font-size: .8rem;
                color: #999
            }

            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .user-stats {
                display: flex;
                align-items: center;
                justify-content: space-around;
                padding: 20px 0
            }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .user-stats .stat-block {
                    text-align: center
                }

                    .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .user-stats .stat-block span {
                        display: block
                    }

                        .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .user-stats .stat-block span:first-child {
                            text-transform: uppercase;
                            font-weight: 600;
                            font-size: .65rem;
                            color: #393a4f
                        }

                        .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .user-stats .stat-block span:last-child {
                            font-size: .8rem;
                            color: #999
                        }

        .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu {
            position: absolute;
            top: 200px;
            left: 0;
            width: 100%;
            height: calc(100% - 230px)
        }

            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner {
                position: relative;
                height: 100%;
                max-height: 100%;
                width: 100%;
                overflow-y: auto
            }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .separator {
                    margin: 0 30px;
                    border-bottom: 1px solid #dedede
                }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block {
                    padding: 20px 0
                }

                    .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block ul li {
                        display: flex;
                        align-items: center;
                        padding: 14px 40px;
                        border-left: 4px solid transparent
                    }

                        .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block ul li.is-active {
                            border-color: #3d70b2
                        }

                        .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a {
                            display: flex;
                            align-items: center
                        }

                            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a span {
                                display: block;
                                color: #393a4f;
                                font-family: "Montserrat",sans-serif;
                                font-size: .8rem;
                                font-weight: 600
                            }

                            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a svg {
                                height: 18px;
                                width: 18px;
                                stroke: #cecece;
                                margin-right: 20px
                            }

.stories-wrapper {
    padding-left: 0;
    padding-right: 0
}

    .stories-wrapper.is-full .inner-wrapper .stories-content {
        padding: 30px 0
    }

    .stories-wrapper .inner-wrapper {
        position: relative;
        top: -2px
    }

        .stories-wrapper .inner-wrapper .mobile-sidebar-trigger {
            position: absolute;
            z-index: 9;
            top: 30px;
            left: 30px;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            display: none;
            align-items: center;
            justify-content: center;
            transition: all .3s
        }

            .stories-wrapper .inner-wrapper .mobile-sidebar-trigger.is-home-v2 {
                position: absolute;
                top: 30px;
                left: 34px;
                z-index: 5
            }

                .stories-wrapper .inner-wrapper .mobile-sidebar-trigger.is-home-v2 svg {
                    stroke: #999
                }

            .stories-wrapper .inner-wrapper .mobile-sidebar-trigger:hover svg {
                stroke: #fff
            }

            .stories-wrapper .inner-wrapper .mobile-sidebar-trigger svg {
                height: 20px;
                width: 20px;
                color: #fcfcfc;
                transition: stroke .3s
            }

        .stories-wrapper .inner-wrapper .stories-content {
            padding: 30px 40px
        }

            .stories-wrapper .inner-wrapper .stories-content .section-title {
                display: flex;
                align-items: center;
                justify-content: space-between
            }

                .stories-wrapper .inner-wrapper .stories-content .section-title h2 {
                    font-family: "Montserrat",sans-serif;
                    font-weight: 700;
                    font-size: 1.3rem;
                    color: #393a4f
                }

                .stories-wrapper .inner-wrapper .stories-content .section-title .view-all {
                    font-size: .8rem;
                    padding: 4px 12px;
                    border-radius: 100px;
                    border: 1px solid transparent;
                    background: #f0f0f0;
                    color: #999;
                    transition: all .3s
                }

                    .stories-wrapper .inner-wrapper .stories-content .section-title .view-all:hover {
                        border-color: #488ee4;
                        background: #fff;
                        color: #3d70b2;
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                    }

                .stories-wrapper .inner-wrapper .stories-content .section-title .dropdown:hover .button {
                    border-color: #e0e0e0;
                    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                }

                .stories-wrapper .inner-wrapper .stories-content .section-title .dropdown .button {
                    border-color: transparent
                }

                .stories-wrapper .inner-wrapper .stories-content .section-title .dropdown .dropdown-menu {
                    margin-top: 6px
                }

            .stories-wrapper .inner-wrapper .stories-content .stories-container {
                padding: 20px 0
            }

                .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner {
                    display: flex
                }

                    .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story {
                        margin: 8px;
                        width: calc(10% - 16px)
                    }

                        .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story .story-avatar {
                            position: relative;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            height: 70px;
                            width: 70px;
                            background: #fff;
                            border-radius: 50%;
                            border: 1.6px solid #cecece;
                            transition: all .3s
                        }

                            .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story .story-avatar:hover {
                                border-color: #3d70b2
                            }

                            .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story .story-avatar .add-overlay {
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                height: 58px;
                                width: 58px;
                                transform: translate(-50%, -50%);
                                border-radius: 50%;
                                background: rgba(85,150,230,.6);
                                display: flex;
                                justify-content: center;
                                align-items: center
                            }

                                .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story .story-avatar .add-overlay svg {
                                    height: 16px;
                                    width: 16px;
                                    stroke-width: 3px;
                                    stroke: #fff
                                }

                            .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story .story-avatar img {
                                display: block;
                                height: 58px;
                                width: 58px;
                                border-radius: 50%
                            }

            .stories-wrapper .inner-wrapper .stories-content .stories-feed {
                padding: 20px 0
            }

                .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item {
                    margin-bottom: .75rem
                }

                    .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item:last-child {
                        margin-bottom: 0
                    }

                    .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item.is-medium .featured-image {
                        min-height: 250px
                    }

                    .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item.is-large .featured-image {
                        min-height: 370px
                    }

                    .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .featured-image {
                        display: block;
                        border-radius: 16px;
                        min-height: 190px;
                        -o-object-fit: cover;
                        object-fit: cover
                    }

                    .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        padding: 12px 0
                    }

                        .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .user-info {
                            display: flex;
                            align-items: center
                        }

                            .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .user-info .small-avatar {
                                position: relative;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                height: 32px;
                                width: 32px;
                                border-radius: 50%;
                                border: 1px solid #cecece;
                                transition: all .3s
                            }

                                .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .user-info .small-avatar img {
                                    display: block;
                                    height: 24px;
                                    width: 24px;
                                    border-radius: 50%;
                                    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                                }

                            .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .user-info span {
                                display: block;
                                margin-left: 10px;
                                font-family: "Montserrat",sans-serif;
                                font-size: .75rem;
                                font-weight: 600;
                                color: #393a4f
                            }

                        .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .item-stats {
                            display: flex;
                            align-items: center;
                            justify-content: flex-end
                        }

                            .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .item-stats .stat-item {
                                display: flex;
                                align-items: center;
                                padding: 0 4px
                            }

                                .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .item-stats .stat-item svg {
                                    height: 16px;
                                    width: 16px;
                                    stroke-width: 1.4px;
                                    stroke: #393a4f
                                }

                                .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .item-stats .stat-item span {
                                    display: block;
                                    margin-left: 4px;
                                    font-family: "Montserrat",sans-serif;
                                    font-size: .75rem;
                                    font-weight: 600;
                                    color: #393a4f
                                }

.story-post-sidebar {
    position: fixed;
    top: 58px;
    right: 0;
    height: calc(100% - 58px);
    width: 360px;
    background: #f2f2f2
}

    .story-post-sidebar.is-full {
        position: static;
        width: 100%;
        height: auto;
        background: none
    }

    .story-post-sidebar .header {
        position: relative;
        height: 80px;
        display: flex;
        align-items: center;
        padding: 0 30px
    }

        .story-post-sidebar .header h2 {
            font-family: "Montserrat",sans-serif;
            font-size: 1.1rem;
            font-weight: 700;
            color: #393a4f
        }

    .story-post-sidebar .related-posts {
        position: relative;
        height: calc(100% - 80px);
        width: 100%;
        padding: 0 30px
    }

        .story-post-sidebar .related-posts .related-post {
            display: flex;
            margin-bottom: 30px
        }

            .story-post-sidebar .related-posts .related-post:last-child {
                margin-bottom: 0
            }

            .story-post-sidebar .related-posts .related-post img {
                display: block;
                height: 56px;
                width: 56px;
                min-width: 56px;
                -o-object-fit: cover;
                object-fit: cover;
                border-radius: 12px;
                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
            }

            .story-post-sidebar .related-posts .related-post .meta {
                margin-left: 12px
            }

                .story-post-sidebar .related-posts .related-post .meta h3 {
                    font-family: "Montserrat",sans-serif;
                    font-size: .85rem;
                    line-height: 1.3;
                    font-weight: 600;
                    color: #42435b;
                    margin-bottom: 6px
                }

                .story-post-sidebar .related-posts .related-post .meta .user-line {
                    display: flex;
                    align-items: center
                }

                    .story-post-sidebar .related-posts .related-post .meta .user-line img {
                        display: block;
                        height: 20px;
                        width: 20px;
                        min-width: 20px;
                        -o-object-fit: cover;
                        object-fit: cover;
                        border-radius: 50%
                    }

                    .story-post-sidebar .related-posts .related-post .meta .user-line span {
                        display: block;
                        font-family: "Montserrat",sans-serif;
                        font-size: .7rem;
                        font-weight: 600;
                        color: #999;
                        margin-left: 6px
                    }

.story-post-wrapper {
    width: calc(100% - 360px);
    margin-right: 360px
}

    .story-post-wrapper.is-full {
        width: 100%;
        margin-right: 0
    }

        .story-post-wrapper.is-full .story-post {
            padding-left: 0;
            padding-right: 0
        }

    .story-post-wrapper .story-post {
        width: 100%;
        max-width: 740px;
        margin: 0 auto;
        padding: 10px 40px 40px 40px
    }

        .story-post-wrapper .story-post .post-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 12px 0
        }

            .story-post-wrapper .story-post .post-title h2 {
                font-family: "Montserrat",sans-serif;
                font-size: 1.6rem;
                font-weight: 700;
                color: #393a4f
            }

        .story-post-wrapper .story-post .post-image-wrap .post-image {
            display: block;
            border-radius: 24px
        }

        .story-post-wrapper .story-post .post-meta {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px 10px
        }

            .story-post-wrapper .story-post .post-meta .post-author {
                display: flex;
                align-items: center
            }

                .story-post-wrapper .story-post .post-meta .post-author .story-avatar {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 46px;
                    width: 46px;
                    background: #fff;
                    border-radius: 50%;
                    border: 1.6px solid #cecece;
                    transition: all .3s
                }

                    .story-post-wrapper .story-post .post-meta .post-author .story-avatar:hover {
                        border-color: #3d70b2
                    }

                    .story-post-wrapper .story-post .post-meta .post-author .story-avatar img {
                        display: block;
                        height: 36px;
                        width: 36px;
                        border-radius: 50%
                    }

                .story-post-wrapper .story-post .post-meta .post-author .meta {
                    margin-left: 12px
                }

                    .story-post-wrapper .story-post .post-meta .post-author .meta span {
                        display: block;
                        line-height: 1.3
                    }

                        .story-post-wrapper .story-post .post-meta .post-author .meta span:first-child {
                            font-family: "Montserrat",sans-serif;
                            font-size: .9rem;
                            font-weight: 700;
                            color: #393a4f
                        }

                        .story-post-wrapper .story-post .post-meta .post-author .meta span:nth-child(2) {
                            font-size: .9rem;
                            color: #999
                        }

            .story-post-wrapper .story-post .post-meta .post-stats {
                display: flex;
                align-items: center;
                justify-content: flex-end
            }

                .story-post-wrapper .story-post .post-meta .post-stats .stat-item {
                    display: flex;
                    align-items: center;
                    padding: 0 4px
                }

                    .story-post-wrapper .story-post .post-meta .post-stats .stat-item svg {
                        height: 20px;
                        width: 20px;
                        stroke-width: 1.4px;
                        stroke: #393a4f
                    }

                    .story-post-wrapper .story-post .post-meta .post-stats .stat-item span {
                        display: block;
                        margin-left: 4px;
                        font-family: "Montserrat",sans-serif;
                        font-size: .85rem;
                        font-weight: 600;
                        color: #393a4f
                    }

        .story-post-wrapper .story-post .post-text {
            padding: 0 12px 12px 12px;
            margin-bottom: 0
        }

            .story-post-wrapper .story-post .post-text p {
                font-size: .95rem
            }

        .story-post-wrapper .story-post .post-tags {
            display: flex;
            align-items: center;
            padding: 0 12px 12px 12px
        }

            .story-post-wrapper .story-post .post-tags .tags .tag {
                cursor: pointer
            }

        .story-post-wrapper .story-post .post-compose {
            margin: 12px;
            padding: 16px;
            border-radius: 8px;
            border: 1px solid #dedede;
            background: #fff;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

            .story-post-wrapper .story-post .post-compose .control .textarea {
                border: none;
                resize: none
            }

            .story-post-wrapper .story-post .post-compose .compose-controls {
                display: flex;
                align-items: center;
                border-top: 1px solid #e3e3e3;
                padding: 12px 0 0 0
            }

                .story-post-wrapper .story-post .post-compose .compose-controls img {
                    display: block;
                    height: 32px;
                    width: 32px;
                    border-radius: 50%
                }

                .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions {
                    padding: 0 12px;
                    display: flex;
                    align-items: center
                }

                    .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action {
                        height: 36px;
                        width: 36px;
                        border-radius: 10px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        background: #f5f5f5;
                        margin: 0 4px;
                        transition: all .3s
                    }

                        .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action:hover {
                            background: #ededed
                        }

                            .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action:hover svg {
                                stroke: #393a4f
                            }

                        .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action svg {
                            height: 14px;
                            width: 14px;
                            stroke: #cecece;
                            transition: stroke .3s
                        }

                .story-post-wrapper .story-post .post-compose .compose-controls .button {
                    margin-left: auto
                }

        .story-post-wrapper .story-post .comments-wrap {
            padding: 12px
        }

            .story-post-wrapper .story-post .comments-wrap .is-comment {
                padding: 16px 0;
                margin: 0 !important
            }

                .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 54px;
                    height: 54px;
                    min-width: 54px;
                    border: 1.4px solid #cecece;
                    border-radius: 50%
                }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap.is-smaller {
                        width: 44px;
                        height: 44px;
                        min-width: 44px;
                        border-width: 1px
                    }

                        .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap.is-smaller img {
                            width: 32px;
                            height: 32px;
                            min-width: 32px
                        }

                        .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap.is-smaller .badge {
                            right: -3px;
                            height: 18px;
                            width: 18px
                        }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap.is-smaller .badge svg {
                                height: 8px;
                                width: 8px;
                                stroke-width: 4px
                            }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap img {
                        display: block;
                        width: 40px;
                        height: 40px;
                        min-width: 40px;
                        border-radius: 50%
                    }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap .badge {
                        position: absolute;
                        top: -2px;
                        right: -5px;
                        height: 22px;
                        width: 22px;
                        border-radius: 50%;
                        border: 2px solid #fcfcfc;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        background: #1ce589
                    }

                        .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap .badge svg {
                            height: 10px;
                            width: 10px;
                            stroke: #fcfcfc;
                            stroke-width: 4px
                        }

                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-meta h4 a {
                    font-weight: 600;
                    font-size: .9rem;
                    color: #393a4f;
                    transition: color .3s
                }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .comment-meta h4 a:hover {
                        color: #3d70b2
                    }

                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-meta h4 small {
                    color: #999;
                    font-size: .85rem
                }

                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-meta p {
                    max-width: 640px;
                    font-size: .95rem;
                    color: #6a6c93
                }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .comment-meta p .mention {
                        color: #3d70b2;
                        font-weight: 500
                    }

                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    width: 100%;
                    max-width: 640px
                }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-stats {
                        display: flex
                    }

                        .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-stats .stat {
                            display: flex;
                            align-items: center;
                            padding: 0 4px
                        }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-stats .stat.is-likes svg {
                                position: relative;
                                top: -2px
                            }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-stats .stat.is-dislikes svg {
                                position: relative;
                                top: 2px
                            }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-stats .stat span {
                                display: block;
                                font-size: .9rem;
                                color: #999
                            }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-stats .stat svg {
                                height: 18px;
                                width: 18px;
                                min-width: 20px;
                                stroke: #cecece
                            }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions {
                        display: flex;
                        align-items: center;
                        height: 40px;
                        width: 96px
                    }

                        .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            height: 30px;
                            width: 30px;
                            min-width: 30px;
                            margin: 0 2px;
                            border: 1px solid #e8e8e8;
                            border-radius: 50%;
                            transition: all .3s
                        }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action:nth-child(2) svg {
                                position: relative;
                                top: 2px
                            }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action.is-like:hover {
                                border-color: #1ce589
                            }

                                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action.is-like:hover svg {
                                    stroke: #1ce589
                                }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action.is-dislike:hover {
                                border-color: #f71416
                            }

                                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action.is-dislike:hover svg {
                                    stroke: #f71416
                                }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action.is-reply:hover {
                                border-color: #393a4f
                            }

                                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action.is-reply:hover svg {
                                    stroke: #393a4f
                                }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action svg {
                                height: 14px;
                                width: 14px;
                                stroke: #cecece;
                                transition: stroke .3s
                            }

                .story-post-wrapper .story-post .comments-wrap .is-comment .nested-replies .header {
                    display: flex;
                    align-items: center;
                    padding: 0 4px
                }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .nested-replies .header.is-active svg {
                        transform: rotate(180deg)
                    }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .nested-replies .header span {
                        display: block;
                        font-size: .9rem;
                        font-weight: 500;
                        color: #393a4f
                    }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .nested-replies .header svg {
                        height: 16px;
                        width: 16px;
                        margin-left: 4px;
                        stroke: #393a4f;
                        transition: all .3s
                    }

                .story-post-wrapper .story-post .comments-wrap .is-comment .nested-replies .nested-comments {
                    display: none;
                    padding: 10px 0
                }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .nested-replies .nested-comments .is-nested {
                        margin: 0
                    }

@media(min-width: 1301px) {
    .stories-sidebar {
        width: 280px
    }

    .stories-wrapper.is-full .inner-wrapper {
        width: 100% !important;
        margin-left: 0 !important
    }

    .stories-wrapper .inner-wrapper {
        width: calc(100% - 280px);
        margin-left: 280px
    }
}

@media(max-width: 1300px) {
    .stories-sidebar {
        width: 250px
    }

    .stories-wrapper {
        width: calc(100% - 250px);
        margin-left: 250px
    }

        .stories-wrapper.is-full {
            width: 100% !important;
            margin-left: 0 !important
        }

            .stories-wrapper.is-full .inner-wrapper {
                width: 100% !important;
                margin-left: 0 !important
            }
}

@media(max-width: 767px) {
    .stories-sidebar .stories-sidebar-inner .user-block .close-stories-sidebar {
        display: flex !important
    }

    .stories-wrapper {
        width: 100% !important;
        margin: 0 !important
    }

        .stories-wrapper .inner-wrapper {
            width: 100% !important;
            margin: 0 !important
        }

            .stories-wrapper .inner-wrapper .mobile-sidebar-trigger {
                display: flex
            }

                .stories-wrapper .inner-wrapper .mobile-sidebar-trigger.is-home-v2 {
                    left: 20px
                }

                .stories-wrapper .inner-wrapper .mobile-sidebar-trigger.is-story-post {
                    top: 24px;
                    left: 10px
                }

            .stories-wrapper .inner-wrapper .stories-content {
                padding: 30px 20px
            }

                .stories-wrapper .inner-wrapper .stories-content .main-section-title h2 {
                    padding-left: 38px !important
                }

                .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner {
                    overflow-x: auto
                }

                    .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story {
                        margin-right: 14px
                    }

                        .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story .story-avatar {
                            border-color: transparent
                        }

    .story-post-sidebar {
        display: none
    }

    .story-post-wrapper {
        width: 100%;
        margin-right: 0
    }

        .story-post-wrapper .story-post {
            padding: 10px 16px 16px 16px
        }

            .story-post-wrapper .story-post .post-title {
                padding-left: 32px;
                font-size: 1.4rem
            }

                .story-post-wrapper .story-post .post-title h2 {
                    padding-left: 0;
                    font-size: 1.4rem
                }

                .story-post-wrapper .story-post .post-title .dropdown {
                    display: none
                }

            .story-post-wrapper .story-post .post-image-wrap .post-image {
                min-height: 230px
            }

            .story-post-wrapper .story-post .post-compose .compose-controls img {
                display: none
            }

            .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions {
                padding-left: 0
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .stories-sidebar .stories-sidebar-inner .user-block .close-stories-sidebar {
        display: flex !important
    }

    .stories-wrapper {
        width: 100% !important;
        margin: 0 !important
    }

        .stories-wrapper .inner-wrapper {
            width: 100% !important;
            margin: 0 !important
        }

            .stories-wrapper .inner-wrapper .mobile-sidebar-trigger {
                display: flex
            }

                .stories-wrapper .inner-wrapper .mobile-sidebar-trigger.is-home-v2 {
                    left: 20px
                }

                .stories-wrapper .inner-wrapper .mobile-sidebar-trigger.is-story-post {
                    top: 25px;
                    left: 90px
                }

            .stories-wrapper .inner-wrapper .stories-content .main-section-title h2 {
                padding-left: 38px !important
            }

            .stories-wrapper .inner-wrapper .stories-content .stories-feed .columns {
                display: flex
            }

    .story-post-sidebar {
        display: none
    }

    .story-post-wrapper {
        width: 100%;
        margin-right: 0
    }

        .story-post-wrapper .story-post {
            max-width: 610px
        }

            .story-post-wrapper .story-post .post-title {
                padding-left: 32px
            }

                .story-post-wrapper .story-post .post-title h2 {
                    padding-left: 0;
                    font-size: 1.4rem
                }

                .story-post-wrapper .story-post .post-title .dropdown {
                    display: none
                }

            .story-post-wrapper .story-post .post-image-wrap .post-image {
                min-height: 230px
            }

            .story-post-wrapper .story-post .post-compose .compose-controls img {
                display: none
            }

            .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions {
                padding-left: 0
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .stories-wrapper.is-full .inner-wrapper .stories-content {
        padding: 30px 0 !important
    }

    .stories-wrapper .inner-wrapper .stories-content {
        padding: 30px
    }

    .story-post-sidebar {
        width: 280px
    }

        .story-post-sidebar .header {
            padding: 0 20px
        }

        .story-post-sidebar .related-posts {
            padding: 0 20px
        }

            .story-post-sidebar .related-posts .related-post img {
                height: 40px;
                width: 40px;
                min-width: 40px
            }

    .story-post-wrapper {
        width: calc(100% - 280px);
        margin-right: 280px
    }

        .story-post-wrapper .story-post {
            padding-left: 20px;
            padding-right: 20px
        }

            .story-post-wrapper .story-post .post-title h2 {
                font-size: 1.4rem
            }
}

.shop-header .header-inner {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 30px
}

    .shop-header .header-inner .store-block {
        display: flex;
        align-items: center
    }

        .shop-header .header-inner .store-block .img-container {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 90px;
            width: 90px;
            min-width: 90px
        }

            .shop-header .header-inner .store-block .img-container .follow-badge {
                position: absolute;
                bottom: 0;
                right: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 27px;
                width: 27px;
                border-radius: 50%;
                border: 2px solid #f6f7f9;
                background: #447abf
            }

                .shop-header .header-inner .store-block .img-container .follow-badge svg {
                    height: 10px;
                    width: 10px;
                    stroke-width: 5px;
                    stroke: #fff
                }

        .shop-header .header-inner .store-block img {
            display: block;
            height: 90px;
            width: 90px;
            min-width: 90px;
            border-radius: 16px
        }

        .shop-header .header-inner .store-block .store-meta {
            margin-left: 16px
        }

            .shop-header .header-inner .store-block .store-meta h3 {
                font-family: "Open Sans",sans-serif;
                font-weight: 700;
                color: #393a4f;
                font-size: 1.3rem
            }

                .shop-header .header-inner .store-block .store-meta h3 a {
                    text-align: center;
                    margin-left: 5px
                }

                    .shop-header .header-inner .store-block .store-meta h3 a:first-child {
                        margin-left: 10px
                    }

            .shop-header .header-inner .store-block .store-meta > span {
                display: block;
                color: #a2a5b9;
                font-size: .9rem;
                line-height: 1
            }

    .shop-header .header-inner .activity-block {
        padding-top: 10px
    }

        .shop-header .header-inner .activity-block h3 {
            font-family: "Open Sans",sans-serif;
            font-weight: 600;
            color: #393a4f;
            font-size: .9rem;
            margin-bottom: 16px;
            margin-left: 16px
        }

        .shop-header .header-inner .activity-block .inner-wrap {
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: space-between
        }

            .shop-header .header-inner .activity-block .inner-wrap .stat-block {
                padding: 0 20px
            }

                .shop-header .header-inner .activity-block .inner-wrap .stat-block.is-bordered {
                    border-left: 1px solid #dedede;
                    border-right: 1px solid #dedede
                }

                .shop-header .header-inner .activity-block .inner-wrap .stat-block .stat-number {
                    font-weight: bold;
                    font-size: 1.6rem;
                    color: #393a4f;
                    line-height: 24px
                }

                .shop-header .header-inner .activity-block .inner-wrap .stat-block span {
                    display: block;
                    font-family: "Open Sans",sans-serif;
                    color: #a2a5b9;
                    font-weight: 500;
                    font-size: .8rem
                }

    .shop-header .header-inner .about-block {
        padding-top: 10px;
        max-width: 30%
    }

        .shop-header .header-inner .about-block h3 {
            font-family: "Open Sans",sans-serif;
            font-weight: 600;
            color: #393a4f;
            font-size: .9rem;
            margin-bottom: 8px
        }

        .shop-header .header-inner .about-block .ellipse-text {
            color: #999;
            font-size: .8rem
        }

.shop-header .store-tabs {
    position: relative;
    display: flex;
    max-width: 260px
}

    .shop-header .store-tabs .tab-control {
        display: block;
        font-size: .8rem;
        font-family: "Open Sans",sans-serif;
        font-weight: 600;
        text-align: center;
        width: 33.33%;
        color: #a2a5b9;
        padding-bottom: 10px;
        transition: color .3s
    }

        .shop-header .store-tabs .tab-control.is-active {
            color: #393a4f
        }

            .shop-header .store-tabs .tab-control.is-active:first-child ~ .store-naver {
                margin-left: 0
            }

            .shop-header .store-tabs .tab-control.is-active:nth-child(2) ~ .store-naver {
                margin-left: 33.33%
            }

            .shop-header .store-tabs .tab-control.is-active:nth-child(3) ~ .store-naver {
                margin-left: 66.66%
            }

    .shop-header .store-tabs .store-naver {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1.8px;
        width: 33.33%;
        border-radius: 50px;
        background: #3d70b2;
        transition: all .3s
    }

.store-sections {
    padding: 20px 0
}

    .store-sections .store-tab-pane {
        display: none;
        animation: fadeInLeft .5s
    }

        .store-sections .store-tab-pane.is-active {
            display: block
        }

    .store-sections .product-card {
        position: relative;
        background: #fff;
        border-radius: 10px;
        border: 1px solid #e0e0e0;
        padding: 14px
    }

        .store-sections .product-card .quickview-trigger {
            position: absolute;
            top: 10px;
            right: 10px;
            height: 32px;
            width: 32px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 8px
        }

            .store-sections .product-card .quickview-trigger:hover {
                background: #f5f5f5
            }

                .store-sections .product-card .quickview-trigger:hover svg {
                    stroke: #393a4f
                }

            .store-sections .product-card .quickview-trigger svg {
                height: 16px;
                width: 16px;
                stroke: #cecece;
                transition: stroke .3s
            }

        .store-sections .product-card .product-image {
            margin-bottom: 6px
        }

            .store-sections .product-card .product-image img {
                display: block;
                width: 100%;
                max-width: 150px;
                margin: 16px auto 0 auto
            }

        .store-sections .product-card .product-info {
            margin-bottom: 6px
        }

            .store-sections .product-card .product-info h3 {
                font-family: "Montserrat",sans-serif;
                font-size: .85rem;
                font-weight: 600;
                color: #393a4f
            }

            .store-sections .product-card .product-info p {
                font-size: .85rem;
                color: #999;
                max-width: 280px
            }

        .store-sections .product-card .product-actions {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-top: 12px
        }

            .store-sections .product-card .product-actions .left {
                display: flex;
                align-items: center
            }

                .store-sections .product-card .product-actions .left svg {
                    height: 16px;
                    width: 16px;
                    margin-right: 6px;
                    stroke: #ff533d;
                    fill: #ff533d
                }

                .store-sections .product-card .product-actions .left span {
                    display: block;
                    font-size: .8rem;
                    font-weight: 600;
                    color: #393a4f;
                    line-height: 1.2
                }

            .store-sections .product-card .product-actions .right .button svg {
                height: 14px;
                width: 14px;
                margin-right: 6px
            }

    .store-sections .brand-card {
        position: relative;
        background: #fff;
        border-radius: 10px;
        border: 1px solid #e0e0e0;
        padding: 14px
    }

        .store-sections .brand-card img {
            display: block;
            height: 80px;
            width: 80px;
            margin: 0 auto
        }

        .store-sections .brand-card .meta {
            text-align: center
        }

            .store-sections .brand-card .meta h3 {
                font-family: "Montserrat",sans-serif;
                font-size: .9rem;
                font-weight: 600;
                color: #393a4f
            }

            .store-sections .brand-card .meta p {
                font-size: .85rem;
                color: #535473
            }

        .store-sections .brand-card .brand-stats {
            display: flex;
            border: 1px solid #e8e8e8;
            border-radius: 6px;
            margin: 12px;
            background: #fff;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

            .store-sections .brand-card .brand-stats .brand-stat {
                width: 33.33%;
                text-align: center;
                margin: 10px 0
            }

                .store-sections .brand-card .brand-stats .brand-stat:not(:first-child) {
                    border-left: 1px solid #e8e8e8
                }

                .store-sections .brand-card .brand-stats .brand-stat span {
                    text-align: center;
                    display: block
                }

                    .store-sections .brand-card .brand-stats .brand-stat span:first-child {
                        font-size: .9rem;
                        font-weight: 600;
                        color: #393a4f
                    }

                    .store-sections .brand-card .brand-stats .brand-stat span:nth-child(2) {
                        text-transform: uppercase;
                        font-size: .6rem;
                        font-weight: 500;
                        color: #999
                    }

    .store-sections .followers-wrap {
        padding: 20px 0
    }

    .store-sections .follower-block .avatar-container {
        height: 90px;
        width: 90px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto 6px auto;
        border-radius: 50%;
        border: 2px solid #cecece
    }

        .store-sections .follower-block .avatar-container img {
            display: block;
            height: 76px;
            width: 76px;
            border-radius: 50%
        }

    .store-sections .follower-block h3 {
        text-align: center;
        font-family: "Montserrat",sans-serif;
        font-size: .9rem;
        font-weight: 700;
        color: #393a4f
    }

    .store-sections .follower-block p {
        text-align: center;
        color: #999;
        font-size: .8rem
    }

.products-navigation {
    position: fixed;
    top: 58px;
    left: 0;
    height: 58px;
    width: 100%;
    transform: translateY(-100%);
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    transition: all .3s;
    z-index: 18
}

    .products-navigation.is-active {
        transform: translateY(0)
    }

    .products-navigation .navigation-inner {
        position: relative;
        height: 58px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .products-navigation .navigation-inner .shop-info {
            display: flex;
            align-items: center
        }

            .products-navigation .navigation-inner .shop-info img {
                display: block;
                height: 42px;
                width: 42px;
                border-radius: 10px
            }

            .products-navigation .navigation-inner .shop-info h3 {
                font-family: "Montserrat",sans-serif;
                font-size: .9rem;
                font-weight: 700;
                color: #393a4f;
                margin-left: 8px
            }

        .products-navigation .navigation-inner .shop-actions {
            display: flex;
            align-items: center
        }

            .products-navigation .navigation-inner .shop-actions .shop-action {
                display: flex;
                align-items: center;
                margin: 0 6px;
                padding: 8px 16px;
                border-radius: 100px;
                background: #f5f5f5
            }

                .products-navigation .navigation-inner .shop-actions .shop-action.is-active svg {
                    transform: rotate(180deg)
                }

                .products-navigation .navigation-inner .shop-actions .shop-action span {
                    font-size: .9rem;
                    color: #393a4f
                }

                .products-navigation .navigation-inner .shop-actions .shop-action svg {
                    height: 16px;
                    width: 16px;
                    stroke: #393a4f;
                    transition: all .3s
                }

            .products-navigation .navigation-inner .shop-actions .button {
                margin-left: 6px
            }

.navigation-panel {
    position: fixed;
    top: 116px;
    left: 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    display: none
}

    .navigation-panel.is-categories {
        z-index: 18
    }

        .navigation-panel.is-categories .navigation-panel-inner {
            min-height: 190px
        }

    .navigation-panel.is-filters {
        z-index: 17
    }

        .navigation-panel.is-filters .navigation-panel-inner .container {
            display: flex;
            justify-content: space-between
        }

        .navigation-panel.is-filters .navigation-panel-inner .search-filter {
            display: flex;
            align-items: center;
            flex-grow: 2
        }

            .navigation-panel.is-filters .navigation-panel-inner .search-filter .control {
                width: 100%;
                margin-right: 30px
            }

        .navigation-panel.is-filters .navigation-panel-inner .filter-group {
            display: flex;
            align-items: center;
            padding: 6px 0
        }

            .navigation-panel.is-filters .navigation-panel-inner .filter-group .control {
                min-width: 170px;
                margin: 0 4px
            }

                .navigation-panel.is-filters .navigation-panel-inner .filter-group .control .combo-box {
                    height: 36px;
                    margin-top: 0
                }

                    .navigation-panel.is-filters .navigation-panel-inner .filter-group .control .combo-box .combo-item {
                        height: 36px
                    }

                    .navigation-panel.is-filters .navigation-panel-inner .filter-group .control .combo-box .box-chevron {
                        height: 36px;
                        width: 36px
                    }

    .navigation-panel .navigation-panel-inner {
        position: relative;
        width: 100%
    }

        .navigation-panel .navigation-panel-inner .panel-title {
            padding: 16px;
            display: flex;
            align-items: center
        }

            .navigation-panel .navigation-panel-inner .panel-title h3 {
                font-family: "Montserrat",sans-serif;
                font-size: .9rem;
                font-weight: 600;
                color: #393a4f
            }

        .navigation-panel .navigation-panel-inner .shop-categories {
            display: flex;
            align-items: center;
            padding: 0 16px
        }

            .navigation-panel .navigation-panel-inner .shop-categories .category-item {
                position: relative;
                width: 16.66%
            }

                .navigation-panel .navigation-panel-inner .shop-categories .category-item input {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    opacity: 0;
                    z-index: 1;
                    cursor: pointer
                }

                    .navigation-panel .navigation-panel-inner .shop-categories .category-item input:checked + .item-inner {
                        border-color: #e0e0e0;
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                    }

                        .navigation-panel .navigation-panel-inner .shop-categories .category-item input:checked + .item-inner img {
                            filter: grayscale(0);
                            opacity: 1
                        }

                        .navigation-panel .navigation-panel-inner .shop-categories .category-item input:checked + .item-inner h4 {
                            color: #393a4f
                        }

                .navigation-panel .navigation-panel-inner .shop-categories .category-item .item-inner {
                    padding: 16px;
                    border: 1px solid transparent;
                    border-radius: 8px;
                    transition: all .3s
                }

                    .navigation-panel .navigation-panel-inner .shop-categories .category-item .item-inner img {
                        display: block;
                        width: 40px;
                        height: 40px;
                        margin: 0 auto;
                        filter: grayscale(1);
                        opacity: .4;
                        transition: all .3s
                    }

                    .navigation-panel .navigation-panel-inner .shop-categories .category-item .item-inner h4 {
                        margin-top: 12px;
                        font-family: "Montserrat",sans-serif;
                        font-size: .7rem;
                        font-weight: 600;
                        text-transform: uppercase;
                        text-align: center;
                        color: #cecece;
                        transition: color .3s
                    }

.product-quickview .card, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card {
    position: relative;
    display: flex
}

    .product-quickview .card .quickview-loader, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .quickview-loader, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .quickview-loader {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        opacity: 0;
        pointer-events: none;
        z-index: 2
    }

        .product-quickview .card .quickview-loader.is-active, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .quickview-loader.is-active, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .quickview-loader.is-active {
            opacity: 1;
            pointer-events: all
        }

        .product-quickview .card .quickview-loader .loader, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .quickview-loader .loader, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .quickview-loader .loader {
            height: 4rem;
            width: 4rem
        }

    .product-quickview .card .left, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .left {
        width: 55%;
        background: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .product-quickview .card .left .product-image, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left .product-image, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .left .product-image {
            position: relative;
            display: none;
            width: 100%;
            max-width: 360px
        }

            .product-quickview .card .left .product-image.is-active, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left .product-image.is-active, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .left .product-image.is-active {
                display: block
            }

            .product-quickview .card .left .product-image img, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left .product-image img, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .left .product-image img {
                display: block;
                width: 100%
            }

    .product-quickview .card .right, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right {
        width: 45%;
        padding: 20px
    }

        .product-quickview .card .right .header, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .header {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            margin-bottom: 16px
        }

            .product-quickview .card .right .header .product-info h3, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header .product-info h3, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .header .product-info h3 {
                font-family: "Montserrat",sans-serif;
                font-size: 1.1rem;
                font-weight: 700;
                color: #393a4f
            }

            .product-quickview .card .right .header .product-info p, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header .product-info p, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .header .product-info p {
                font-size: .9rem;
                color: #999
            }

            .product-quickview .card .right .header .price, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header .price, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .header .price {
                font-family: "Montserrat",sans-serif;
                font-size: 1.2rem;
                font-weight: 700;
                color: #393a4f
            }

                .product-quickview .card .right .header .price:before, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header .price:before, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .header .price:before {
                    content: "$"
                }

        .product-quickview .card .right .properties .property-group, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group {
            margin-bottom: 12px
        }

            .product-quickview .card .right .properties .property-group h4, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group h4, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group h4 {
                font-family: "Montserrat",sans-serif;
                font-size: .7rem;
                font-weight: 500;
                color: #999;
                text-transform: uppercase;
                margin-bottom: 6px
            }

            .product-quickview .card .right .properties .property-group .property-box, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box {
                display: flex;
                width: 100%;
                background: #fff;
                border: 1px solid #e5e5e5;
                border-radius: 10px;
                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
            }

                .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item {
                    position: relative;
                    width: 25%;
                    margin: 16px 0
                }

                    .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item:not(:first-child), .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item:not(:first-child), .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item:not(:first-child) {
                        border-left: 1px solid #e8e8e8
                    }

                    .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item input, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item input, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item input {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        opacity: 0;
                        cursor: pointer
                    }

                        .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item input:checked + .item-inner .color-dot, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item input:checked + .item-inner .color-dot, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item input:checked + .item-inner .color-dot {
                            border-color: #d3d3d3
                        }

                    .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner {
                        padding: 0 16px
                    }

                        .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot {
                            height: 30px;
                            width: 30px;
                            margin: 0 auto;
                            border-radius: 50%;
                            border: 1.4px solid transparent;
                            display: flex;
                            justify-content: center;
                            align-items: center
                        }

                            .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner {
                                height: 18px;
                                width: 18px;
                                border-radius: 50%;
                                background: #cecece
                            }

                                .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-red, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-red, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-red {
                                    background: #ff533d
                                }

                                .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-blue, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-blue, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-blue {
                                    background: #039be5
                                }

                                .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-green, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-green, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-green {
                                    background: #1ce589
                                }

                                .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-yellow, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-yellow, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-yellow {
                                    background: #ff9700
                                }

                .product-quickview .card .right .properties .property-group .property-box.is-sizes .property-item, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-sizes .property-item, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-sizes .property-item {
                    position: relative;
                    width: 25%;
                    margin: 16px 0
                }

                    .product-quickview .card .right .properties .property-group .property-box.is-sizes .property-item:not(:first-child), .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-sizes .property-item:not(:first-child), .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-sizes .property-item:not(:first-child) {
                        border-left: 1px solid #e8e8e8
                    }

                    .product-quickview .card .right .properties .property-group .property-box.is-sizes .property-item input, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-sizes .property-item input, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-sizes .property-item input {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        opacity: 0;
                        cursor: pointer
                    }

                        .product-quickview .card .right .properties .property-group .property-box.is-sizes .property-item input:checked + .item-inner .size-label, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-sizes .property-item input:checked + .item-inner .size-label, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-sizes .property-item input:checked + .item-inner .size-label {
                            color: #393a4f
                        }

                    .product-quickview .card .right .properties .property-group .property-box.is-sizes .property-item .item-inner, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-sizes .property-item .item-inner, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-sizes .property-item .item-inner {
                        padding: 0 16px
                    }

                        .product-quickview .card .right .properties .property-group .property-box.is-sizes .property-item .item-inner .size-label, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-sizes .property-item .item-inner .size-label, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-sizes .property-item .item-inner .size-label {
                            display: block;
                            text-align: center;
                            font-size: .95rem;
                            font-weight: 500;
                            color: #cecece
                        }

        .product-quickview .card .right .quickview-description, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-description, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-description {
            margin: 24px 0;
            max-height: 220px;
            padding-right: 16px;
            overflow-y: auto
        }

            .product-quickview .card .right .quickview-description p, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-description p, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-description p {
                font-size: .85rem
            }

        .product-quickview .card .right .quickview-controls, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-controls {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

            .product-quickview .card .right .quickview-controls .button span, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .button span, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-controls .button span {
                margin-right: 8px
            }

            .product-quickview .card .right .quickview-controls .button var, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .button var, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-controls .button var {
                font-weight: 500
            }

                .product-quickview .card .right .quickview-controls .button var:before, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .button var:before, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-controls .button var:before {
                    content: "$"
                }

.shop-wrapper .cart-container {
    max-width: 1040px;
    margin: 30px auto
}

    .shop-wrapper .cart-container.is-narrow {
        margin-bottom: 16px !important
    }

    .shop-wrapper .cart-container .cart-header .header-inner {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .shop-wrapper .cart-container .cart-header .header-inner.is-smaller h2 {
            font-weight: 600;
            font-size: 1.1rem
        }

        .shop-wrapper .cart-container .cart-header .header-inner h2 {
            font-family: "Montserrat",sans-serif;
            font-size: 1.4rem;
            font-weight: 700;
            color: #393a4f
        }

    .shop-wrapper .cart-container .cart-content {
        padding: 30px 0
    }

        .shop-wrapper .cart-container .cart-content .checkout-section {
            display: none;
            animation: fadeInLeft .5s
        }

            .shop-wrapper .cart-container .cart-content .checkout-section.is-active {
                display: block
            }

            .shop-wrapper .cart-container .cart-content .checkout-section .address-box {
                position: relative
            }

                .shop-wrapper .cart-container .cart-content .checkout-section .address-box input {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    opacity: 0;
                    cursor: pointer
                }

                    .shop-wrapper .cart-container .cart-content .checkout-section .address-box input:checked + .address-box-inner {
                        border-color: #3d70b2;
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                    }

                .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner {
                    padding: 20px;
                    border-radius: 6px;
                    border: 1px solid #e0e0e0;
                    background: #fff;
                    transition: all .3s
                }

                    .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner p {
                        font-family: "Roboto",sans-serif
                    }

                        .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner p:not(:first-child) {
                            font-size: .9rem;
                            color: #797a9e
                        }

                        .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner p:first-child {
                            font-weight: 500;
                            color: #393a4f
                        }

            .shop-wrapper .cart-container .cart-content .checkout-section .add-address-link a {
                display: flex;
                align-items: center
            }

                .shop-wrapper .cart-container .cart-content .checkout-section .add-address-link a svg {
                    width: 18px;
                    height: 18px
                }

                .shop-wrapper .cart-container .cart-content .checkout-section .add-address-link a span {
                    font-family: "Roboto",sans-serif;
                    font-size: .9rem;
                    margin-left: 4px
                }

            .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box {
                position: relative
            }

                .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box input {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    opacity: 0;
                    cursor: pointer
                }

                    .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box input:checked + .shipping-box-inner {
                        border-color: #3d70b2;
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                    }

                        .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box input:checked + .shipping-box-inner img {
                            opacity: 1;
                            filter: grayscale(0)
                        }

                        .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box input:checked + .shipping-box-inner p {
                            color: #3d70b2
                        }

                .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box .shipping-box-inner {
                    padding: 20px;
                    border-radius: 6px;
                    border: 1px solid #e0e0e0;
                    background: #fff;
                    text-align: center;
                    transition: all .3s
                }

                    .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box .shipping-box-inner img {
                        max-width: 60px;
                        margin: 0 auto 10px auto;
                        filter: grayscale(1);
                        opacity: .6;
                        pointer-events: none;
                        transition: all .3s
                    }

                    .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box .shipping-box-inner p {
                        font-family: "Roboto",sans-serif;
                        font-size: .7rem;
                        font-weight: 500;
                        text-transform: uppercase;
                        color: #797a9e;
                        transition: color .3s
                    }

        .shop-wrapper .cart-container .cart-content .flex-table .spinner {
            height: 32px;
            min-width: 80px;
            padding: 0 2px
        }

            .shop-wrapper .cart-container .cart-content .flex-table .spinner .add, .shop-wrapper .cart-container .cart-content .flex-table .spinner .remove {
                height: 32px;
                width: 32px
            }

                .shop-wrapper .cart-container .cart-content .flex-table .spinner .add svg, .shop-wrapper .cart-container .cart-content .flex-table .spinner .remove svg {
                    height: 12px;
                    width: 12px
                }

            .shop-wrapper .cart-container .cart-content .flex-table .spinner .value {
                font-size: .8rem
            }

        .shop-wrapper .cart-container .cart-content .continue-shopping {
            padding: 16px 0
        }

            .shop-wrapper .cart-container .cart-content .continue-shopping a {
                font-size: .9rem;
                color: #999;
                padding: 10px 20px;
                background: #fff;
                border: 1px solid transparent;
                border-radius: 100px;
                transition: all .3s
            }

                .shop-wrapper .cart-container .cart-content .continue-shopping a:hover {
                    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
                    border-color: #3d70b2;
                    color: #3d70b2
                }

        .shop-wrapper .cart-container .cart-content .cart-summary {
            padding-left: 20px
        }

            .shop-wrapper .cart-container .cart-content .cart-summary .summary-header h3 {
                font-family: "Montserrat",sans-serif;
                font-size: .7rem;
                font-weight: 600;
                color: #999;
                text-transform: uppercase;
                padding-bottom: 14px
            }

            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card {
                position: relative;
                padding: 20px;
                border: 1px solid #e0e0e0
            }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card > h3 {
                    font-family: "Montserrat",sans-serif;
                    font-size: .7rem;
                    font-weight: 600;
                    color: #999;
                    text-transform: uppercase;
                    padding-bottom: 14px
                }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card > p {
                    color: #797a9e !important
                }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .shipping-logo {
                    display: block;
                    position: absolute;
                    top: 12px;
                    right: 16px;
                    width: 28px;
                    opacity: 0;
                    pointer-events: none;
                    transition: all .3s
                }

                    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .shipping-logo.is-active {
                        opacity: 1
                    }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line {
                    display: flex;
                    align-items: center;
                    justify-content: space-between
                }

                    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line:not(:last-child) {
                        margin-bottom: 12px
                    }

                    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span {
                        display: block;
                        font-family: "Montserrat",sans-serif
                    }

                        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:first-child {
                            font-size: .8rem;
                            font-weight: 600;
                            color: #999
                        }

                            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:first-child.is-total {
                                color: #393a4f
                            }

                        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2) {
                            font-size: .8rem;
                            font-weight: 600;
                            color: #393a4f
                        }

                            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2):before {
                                content: "$"
                            }

                            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2).is-total {
                                font-weight: 700;
                                font-size: .9rem
                            }

                            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2).is-text {
                                font-weight: 400 !important;
                                font-size: .7rem;
                                color: #999
                            }

                                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2).is-text:before {
                                    content: ""
                                }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card img {
                    display: block;
                    max-width: 60px;
                    margin: 0 auto 20px auto
                }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card h4 {
                    font-family: "Montserrat",sans-serif;
                    font-weight: 600;
                    color: #393a4f;
                    font-size: .9rem
                }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card p {
                    font-size: .9rem;
                    color: #999
                }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .button.is-loading {
                    color: transparent !important
                }

.checkout-container {
    display: flex;
    justify-content: space-between;
    max-width: 1040px;
    margin: 0 auto;
    animation: fadeInLeft .5s
}

    .checkout-container .left, .checkout-container .right {
        width: 49%
    }

        .checkout-container .left .left-header {
            background: #fff;
            border-radius: 10px;
            padding: 20px;
            border: 1px solid #e8e8e8;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
            margin-bottom: 20px
        }

            .checkout-container .left .left-header .header-inner {
                display: flex;
                align-items: center;
                margin-bottom: 10px
            }

                .checkout-container .left .left-header .header-inner .avatar {
                    display: block;
                    height: 70px;
                    width: 70px;
                    min-width: 70px;
                    border-radius: 8px
                }

                .checkout-container .left .left-header .header-inner .separator {
                    height: 34px;
                    width: 1px;
                    margin: 0 24px;
                    border-right: 1px solid #d9d9d9;
                    display: none
                }

                .checkout-container .left .left-header .header-inner .logo {
                    display: block;
                    max-width: 110px;
                    max-height: 40px
                }

                .checkout-container .left .left-header .header-inner .title-wrap {
                    margin-left: 12px;
                    line-height: 1.3
                }

                    .checkout-container .left .left-header .header-inner .title-wrap .payment-title {
                        font-family: "Roboto",sans-serif;
                        color: #393a4f;
                        font-size: 1.3rem;
                        font-weight: 500;
                        margin-bottom: 0
                    }

                    .checkout-container .left .left-header .header-inner .title-wrap .payment-subtitle {
                        font-family: "Roboto",sans-serif;
                        color: #999;
                        font-size: .9rem;
                        margin-bottom: 0
                    }

            .checkout-container .left .left-header .header-coupon {
                padding: 20px 0 0 0;
                border-top: 1px solid #e0e0e0;
                margin-bottom: 20px
            }

                .checkout-container .left .left-header .header-coupon .field.is-grouped .control:first-child {
                    flex-grow: 2
                }

            .checkout-container .left .left-header .header-foot {
                display: flex;
                justify-content: space-between;
                align-items: flex-end;
                margin-top: 10px;
                padding-top: 10px;
                border-top: 1px solid #e0e0e0
            }

                .checkout-container .left .left-header .header-foot span {
                    display: block;
                    font-family: "Roboto",sans-serif
                }

                    .checkout-container .left .left-header .header-foot span.label {
                        font-size: 1rem;
                        font-weight: 500;
                        color: #393a4f;
                        margin-bottom: 0
                    }

                    .checkout-container .left .left-header .header-foot span.amount {
                        font-size: 1.3rem;
                        font-weight: 600;
                        color: #393a4f
                    }

                        .checkout-container .left .left-header .header-foot span.amount:before {
                            content: attr(data-currency);
                            position: relative;
                            left: -5px;
                            font-weight: 500;
                            font-size: .75rem;
                            color: #999
                        }

        .checkout-container .left .left-body {
            padding: 20px 0
        }

        .checkout-container .right .payment-form {
            background: #fff;
            border-radius: 10px;
            padding: 30px;
            border: 1px solid #e8e8e8;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

            .checkout-container .right .payment-form .provider-form {
                display: none
            }

                .checkout-container .right .payment-form .provider-form.is-active {
                    display: block
                }

            .checkout-container .right .payment-form .form-section.has-margin-bottom {
                margin-bottom: 30px
            }

            .checkout-container .right .payment-form .form-section .form-section-header {
                display: flex;
                justify-content: space-between;
                margin-bottom: 8px
            }

                .checkout-container .right .payment-form .form-section .form-section-header h3 {
                    font-family: "Roboto",sans-serif;
                    color: #393a4f;
                    font-size: 1.1rem;
                    font-weight: 500
                }

                .checkout-container .right .payment-form .form-section .form-section-header span {
                    display: block;
                    color: #a2a5b9
                }

                    .checkout-container .right .payment-form .form-section .form-section-header span a {
                        color: #3d70b2;
                        font-weight: 600;
                        cursor: pointer;
                        padding-left: 5px
                    }

            .checkout-container .right .payment-form label {
                text-transform: uppercase;
                font-family: "Roboto";
                font-size: .7rem;
                color: #999;
                letter-spacing: 1px
            }

            .checkout-container .right .payment-form .select {
                width: 100%
            }

                .checkout-container .right .payment-form .select:after {
                    border-color: #a2a5b9;
                    border-width: 2px
                }

                .checkout-container .right .payment-form .select select {
                    width: 100%
                }

                .checkout-container .right .payment-form .select + .icon .mdi {
                    position: relative;
                    top: 2px;
                    font-size: 1.2rem
                }

            .checkout-container .right .payment-form .StripeElement {
                box-sizing: border-box;
                height: 40px;
                padding: 10px 12px;
                border: 1px solid #e2e5ec;
                border-radius: 4px;
                background-color: #fff
            }

                .checkout-container .right .payment-form .StripeElement.empty {
                    color: #a2a5b9
                }

            .checkout-container .right .payment-form .StripeElement--focus {
                box-shadow: 0 1px 3px 0 #cfd7df
            }

            .checkout-container .right .payment-form .StripeElement--invalid {
                border-color: #fa755a
            }

            .checkout-container .right .payment-form .StripeElement--webkit-autofill {
                background-color: #fefde5 !important
            }

            .checkout-container .right .payment-form .is-disclaimer {
                padding-top: 10px
            }

                .checkout-container .right .payment-form .is-disclaimer p {
                    color: #a2a5b9;
                    font-size: .8rem;
                    font-family: "Roboto",sans-serif
                }

                    .checkout-container .right .payment-form .is-disclaimer p a {
                        color: #3d70b2;
                        font-weight: 500
                    }

            .checkout-container .right .payment-form .is-button {
                text-align: center;
                margin-top: 20px
            }

                .checkout-container .right .payment-form .is-button .buttons {
                    justify-content: center
                }

                .checkout-container .right .payment-form .is-button .button {
                    min-height: 42px;
                    transition: all .3s
                }

                    .checkout-container .right .payment-form .is-button .button:nth-child(2) {
                        border-left: 1px solid #6e98cd
                    }

                    .checkout-container .right .payment-form .is-button .button.disabled {
                        filter: grayscale(1);
                        opacity: .4;
                        pointer-events: none
                    }

    .checkout-container .confirmation-box {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
        background: #fff;
        border-radius: 10px;
        padding: 24px;
        border: 1px solid #e8e8e8;
        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
    }

        .checkout-container .confirmation-box > svg {
            display: block;
            margin: 0 auto
        }

        .checkout-container .confirmation-box > h3 {
            font-family: "Roboto",sans-serif;
            color: #393a4f;
            font-size: 1.2rem;
            font-weight: 500;
            text-align: center;
            margin-bottom: 0
        }

        .checkout-container .confirmation-box > p {
            text-align: center;
            font-family: "Roboto",sans-serif;
            color: #999;
            font-size: .9rem;
            padding-bottom: 20px;
            margin-bottom: 20px;
            border-bottom: 1px solid #dedede
        }

        .checkout-container .confirmation-box .order-summary {
            padding-bottom: 10px
        }

            .checkout-container .confirmation-box .order-summary h4 {
                text-align: center;
                text-transform: uppercase;
                font-family: "Roboto";
                font-size: .85rem;
                color: #999;
                letter-spacing: 1px;
                margin-bottom: 20px
            }

            .checkout-container .confirmation-box .order-summary .order-line {
                display: flex;
                justify-content: space-between;
                padding: 8px 20px
            }

                .checkout-container .confirmation-box .order-summary .order-line .item.is-total span {
                    font-size: 1.2rem;
                    font-weight: 500;
                    color: #393a4f !important
                }

                .checkout-container .confirmation-box .order-summary .order-line .item span {
                    font-size: .9rem;
                    font-family: "Roboto",sans-serif;
                    display: block;
                    color: #a2a5b9
                }

                .checkout-container .confirmation-box .order-summary .order-line .amount.is-total span {
                    font-size: 1.2rem;
                    font-weight: 500;
                    color: #393a4f !important
                }

                .checkout-container .confirmation-box .order-summary .order-line .amount span {
                    font-size: .9rem;
                    font-family: "Roboto",sans-serif;
                    display: block;
                    color: #a2a5b9
                }

                    .checkout-container .confirmation-box .order-summary .order-line .amount span:before {
                        content: attr(data-currency);
                        position: relative;
                        left: -5px;
                        font-weight: 500;
                        font-size: .75rem;
                        color: #a2a5b9
                    }

@media(max-width: 767px) {
    .products-navigation .navigation-inner {
        padding-left: 12px
    }

        .products-navigation .navigation-inner .shop-info h3 {
            display: none
        }

    .navigation-panel.is-categories .navigation-panel-inner .shop-categories {
        flex-wrap: wrap
    }

        .navigation-panel.is-categories .navigation-panel-inner .shop-categories .category-item {
            width: 33.33%
        }

    .navigation-panel.is-filters .navigation-panel-inner .search-filter {
        width: 100%;
        padding: 6px 12px
    }

        .navigation-panel.is-filters .navigation-panel-inner .search-filter .control {
            margin: 0
        }

    .navigation-panel.is-filters .navigation-panel-inner .filter-group {
        display: none
    }

    .shop-wrapper {
        overflow-x: hidden
    }

        .shop-wrapper .shop-header .header-inner {
            flex-direction: column
        }

            .shop-wrapper .shop-header .header-inner .activity-block {
                padding-top: 20px
            }

                .shop-wrapper .shop-header .header-inner .activity-block h3 {
                    margin-left: 0
                }

            .shop-wrapper .shop-header .header-inner .about-block {
                max-width: 100%;
                padding-top: 20px
            }

        .shop-wrapper .shop-header .store-tabs {
            max-width: 100%
        }

            .shop-wrapper .shop-header .store-tabs .tab-control {
                font-size: .9rem
            }

        .shop-wrapper .store-sections .store-tab-pane .columns .column {
            width: 100%
        }

        .shop-wrapper .cart-container .cart-content .cart-summary {
            padding-left: 0
        }

            .product-quickview .card, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card {
                flex-direction: column
            }

                .product-quickview .card .left, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .left {
                    width: 100%
                }

                    .product-quickview .card .left .product-image img, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left .product-image img, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .left .product-image img {
                        max-width: 190px
                    }

                .product-quickview .card .right, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right {
                    width: 100%
                }

                    .product-quickview .card .right .quickview-description, .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-description, .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-description {
                        max-height: 120px
                    }

    .checkout-container {
        flex-direction: column
    }

        .checkout-container .left, .checkout-container .right {
            width: 100%
        }

        .checkout-container .left {
            margin-bottom: 20px
        }

            .checkout-container .left .left-header .header-inner {
                flex-direction: column
            }

                .checkout-container .left .left-header .header-inner .avatar {
                    margin-bottom: 20px
                }

                .checkout-container .left .left-header .header-inner .separator {
                    display: none
                }

                .checkout-container .left .left-header .header-inner .title-wrap {
                    margin-left: 0;
                    text-align: center
                }

        .checkout-container .right .payment-form {
            padding: 20px
        }

        .checkout-container .confirmation-box {
            padding: 20px
        }

            .checkout-container .confirmation-box .order-summary .order-line {
                padding-left: 0;
                padding-right: 0
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .shop-wrapper {
        overflow-x: hidden
    }

        .shop-wrapper .shop-header .header-inner .store-block .img-container {
            height: 50px;
            width: 50px;
            min-width: 50px
        }

            .shop-wrapper .shop-header .header-inner .store-block .img-container img {
                height: 50px;
                width: 50px;
                min-width: 50px;
                border-radius: 12px
            }

        .shop-wrapper .shop-header .header-inner .activity-block .inner-wrap .stat-block {
            padding: 0 12px
        }

            .shop-wrapper .shop-header .header-inner .activity-block .inner-wrap .stat-block .stat-number {
                font-size: 1.2rem
            }

        .shop-wrapper .shop-header .header-inner .about-block .ellipse-text {
            font-size: .7rem
        }

        .shop-wrapper .store-sections .store-tab-pane .columns {
            display: flex
        }

            .shop-wrapper .store-sections .store-tab-pane .columns .column .product-card {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                min-height: 318px
            }

    .product-quickview .modal-content {
        max-width: 740px
    }

    .cart-container.is-payment {
        max-width: 500px
    }

    .cart-container .cart-content .cart-summary {
        padding-left: 0 !important;
        display: flex
    }

        .cart-container .cart-content .cart-summary h3 {
            display: none
        }

        .cart-container .cart-content .cart-summary .summary-card {
            width: calc(50% - 16px);
            margin: 0 8px
        }

    .checkout-container {
        flex-direction: column;
        max-width: 500px
    }

        .checkout-container .left, .checkout-container .right {
            width: 100%
        }

            .checkout-container .left .left-header .avatar {
                height: 60px;
                width: 60px
            }

            .checkout-container .left .left-header .separator {
                margin: 0 16px
            }

            .checkout-container .left .left-header .logo {
                display: block;
                max-width: 90px;
                max-height: 28px
            }

        .checkout-container .right {
            margin-top: 20px
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .shop-wrapper {
        overflow-x: hidden
    }

        .shop-wrapper .store-sections .store-tab-pane .columns .column .product-card {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-height: 318px
        }

        .shop-wrapper .cart-container .cart-content .cart-summary {
            padding-left: 0 !important
        }
}

.landing-hero-wrapper {
    position: relative;
    background-color: #fff;
    background-image: -webkit-linear-gradient(40deg, #fff 50%, #6ba4e9 50%)
}

    .landing-hero-wrapper #particles-js {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0
    }

    .landing-hero-wrapper .landing-caption h2 {
        font-family: "Montserrat",sans-serif;
        font-size: 5rem;
        font-weight: bold;
        color: #fcfcfc;
        line-height: 1;
        text-shadow: 5px 5px #3180e1,10px 10px #3180e1
    }

    .landing-hero-wrapper .landing-caption h3 {
        font-family: "Montserrat",sans-serif;
        font-size: 1.8rem;
        font-weight: 300;
        color: #fcfcfc;
        padding: 0 10px;
        text-shadow: 2px 2px #3180e1,5px 5px #3180e1
    }

    .landing-hero-wrapper .landing-caption .button {
        margin: 20px 10px;
        height: 48px;
        text-transform: uppercase;
        font-size: .95rem;
        min-width: 190px;
        color: #3d70b2
    }

        .landing-hero-wrapper .landing-caption .button:hover {
            box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
        }

.header-logo {
    height: 44px;
    width: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #3d70b2;
    box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important;
    background: #3d70b2;
    margin: 10px auto
}

    .header-logo img {
        display: block;
        height: 32px;
        width: 32px
    }

.landing-wrapper.is-grey {
    background: #fafafa
}

.landing-wrapper .made-with {
    max-width: 640px;
    margin: 0 auto 3rem auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .landing-wrapper .made-with .made-block {
        width: calc(25% - 10px);
        margin: 10px
    }

        .landing-wrapper .made-with .made-block .block-icon {
            height: 90px;
            width: 90px;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #e8e8e8;
            border-radius: 50%;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

            .landing-wrapper .made-with .made-block .block-icon img {
                display: block;
                max-width: 60px
            }

        .landing-wrapper .made-with .made-block .block-title {
            text-align: center;
            margin-top: 12px
        }

            .landing-wrapper .made-with .made-block .block-title h3 {
                font-family: "Montserrat",sans-serif;
                font-weight: 600;
                color: #393a4f
            }

.landing-wrapper .screen-wrapper {
    border-bottom: 1.4px solid #e8e8e8
}

    .landing-wrapper .screen-wrapper.is-spaced {
        margin: 5rem 0
    }

    .landing-wrapper .screen-wrapper.has-plant {
        position: relative
    }

        .landing-wrapper .screen-wrapper.has-plant .plant-1 {
            position: absolute;
            bottom: -1rem;
            right: -5rem;
            max-height: 250px;
            max-width: 170px
        }

        .landing-wrapper .screen-wrapper.has-plant .plant-2 {
            position: absolute;
            bottom: -1rem;
            left: -4rem;
            max-height: 250px;
            max-width: 170px
        }

    .landing-wrapper .screen-wrapper img:not(.plant) {
        display: block;
        border-radius: 8px 8px 0 0;
        border: 1px solid #e8e8e8;
        border-bottom: none;
        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
        width: 100%;
        max-width: 940px;
        margin: 0 auto
    }

.landing-wrapper .landing-icon-box {
    text-align: center;
    margin-bottom: 20px
}

    .landing-wrapper .landing-icon-box svg {
        height: 30px;
        width: 30px;
        stroke-width: 1.4px;
        margin: 0 auto
    }

    .landing-wrapper .landing-icon-box img {
        display: block;
        height: 54px;
        width: 54px;
        margin: 0 auto 4px auto
    }

    .landing-wrapper .landing-icon-box h3 {
        font-family: "Montserrat",sans-serif;
        color: #393a4f;
        font-weight: 500;
        font-size: .95rem
    }

    .landing-wrapper .landing-icon-box p {
        font-size: .9rem;
        color: #999
    }

.section.is-grey {
    background: #fafafa
}

.side-feature h3 {
    font-family: "Montserrat",sans-serif;
    font-weight: bold;
    color: #393a4f;
    font-size: 2rem
}

.side-feature p {
    color: #999;
    font-size: 1rem;
    max-width: 440px
}

.side-feature img {
    display: block;
    max-width: 460px;
    margin: 0 auto
}

.demo-section {
    margin-bottom: 100px
}

    .demo-section .demo-section-title {
        display: flex;
        align-items: center;
        margin-bottom: 30px
    }

        .demo-section .demo-section-title img {
            display: block;
            width: 100%;
            max-width: 100px
        }

        .demo-section .demo-section-title .title-meta {
            margin-left: 12px;
            line-height: 1.2
        }

            .demo-section .demo-section-title .title-meta h3 {
                font-family: "Montserrat",sans-serif;
                font-weight: 500;
                font-size: 1.25rem;
                text-transform: capitalize;
                color: #393a4f;
                margin-bottom: .25rem;
                padding: 0
            }

            .demo-section .demo-section-title .title-meta p {
                font-family: "Roboto",sans-serif;
                font-size: .9rem;
                color: #a2a5b9
            }

.demo-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
}

    .demo-wrapper:hover .circle-overlay {
        transform: scale(35)
    }

    .demo-wrapper:hover .demo-title {
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0 !important
    }

    .demo-wrapper:hover .demo-link {
        color: #fff;
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0 !important
    }

    .demo-wrapper .new-tag {
        position: absolute;
        bottom: 10px;
        right: 10px;
        background: red;
        color: #fff;
        font-family: "Roboto",sans-serif;
        padding: 6px 16px;
        border-radius: 8px;
        text-transform: uppercase;
        font-size: .8rem;
        z-index: 8
    }

    .demo-wrapper img {
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        display: block
    }

    .demo-wrapper .circle-overlay {
        position: absolute;
        top: -60px;
        left: -60px;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #3d70b2;
        transform: scale(1);
        transition: all .5s;
        z-index: 1
    }

    .demo-wrapper .demo-info {
        position: absolute;
        margin: 0 auto;
        top: 35%;
        left: 0;
        right: 0;
        z-index: 2;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .demo-wrapper .demo-title {
        color: #fff;
        font-family: "Montserrat",sans-serif;
        font-size: 1.5rem;
        font-weight: 600;
        padding-bottom: 0;
        opacity: 0;
        transform: translateY(20px);
        transition: all .3s;
        transition-delay: .1s
    }

    .demo-wrapper .demo-link {
        opacity: 0;
        transform: translateY(20px);
        transition: all .3s;
        transition-delay: .2s
    }

        .demo-wrapper .demo-link a {
            color: #fff;
            font-size: 1rem
        }

            .demo-wrapper .demo-link a i {
                position: relative;
                top: 8px;
                opacity: 0;
                transform: translateX(0);
                transition: all .3s ease-out
            }

            .demo-wrapper .demo-link a svg {
                position: relative;
                top: 5px;
                height: 20px;
                width: 20px;
                opacity: 0;
                transform: translateX(0);
                transition: all .3s ease-out
            }

            .demo-wrapper .demo-link a:hover i, .demo-wrapper .demo-link a:hover svg {
                opacity: 1;
                transform: translateX(5px)
            }

.demos-wrapper {
    background: #fafafa
}

    .demos-wrapper .demos-title h3 {
        font-family: "Montserrat",sans-serif;
        font-weight: bold;
        font-size: 1.6rem;
        color: #393a4f
    }

    .demos-wrapper .demos-list {
        padding: 80px 0
    }

        .demos-wrapper .demos-list .demo-item {
            position: relative;
            display: block;
            overflow: hidden
        }

            .demos-wrapper .demos-list .demo-item:hover img {
                filter: grayscale(0);
                opacity: 1;
                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
            }

            .demos-wrapper .demos-list .demo-item:hover .go-arrow {
                transform: translate(0, 0)
            }

            .demos-wrapper .demos-list .demo-item .go-arrow {
                position: absolute;
                bottom: -20px;
                right: -20px;
                height: 80px;
                width: 80px;
                background: #3f88e3;
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-items: center;
                transform: translate(80px, 80px);
                box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important;
                transition: all .3s;
                z-index: 2
            }

                .demos-wrapper .demos-list .demo-item .go-arrow:hover {
                    background: #3d70b2;
                    box-shadow: 0 14px 26px -12px rgba(61,112,178,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(61,112,178,.2) !important
                }

                .demos-wrapper .demos-list .demo-item .go-arrow svg {
                    position: relative;
                    top: -6px;
                    left: -6px;
                    height: 22px;
                    width: 22px;
                    stroke: #fff
                }

            .demos-wrapper .demos-list .demo-item img {
                display: block;
                border: 1px solid #e8e8e8;
                filter: grayscale(0.8);
                opacity: .85;
                transition: all .3s
            }

        .demos-wrapper .demos-list h3 {
            padding: 16px 0;
            color: #393a4f;
            text-transform: uppercase;
            font-weight: 500;
            font-size: .8rem;
            font-family: "Montserrat",sans-serif;
            transition: color .3s
        }

.cta-wrapper .cta-title {
    text-align: center
}

    .cta-wrapper .cta-title h3 {
        font-family: "Montserrat",sans-serif;
        font-weight: bold;
        font-size: 1.6rem;
        color: #393a4f
    }

    .cta-wrapper .cta-title .custom-button {
        display: flex;
        align-items: center;
        margin: 10px auto;
        max-width: 200px;
        border: 2px solid #d3f4ed;
        border-radius: 100px;
        transition: all .3s
    }

        .cta-wrapper .cta-title .custom-button:hover {
            background: #d3f4ed;
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
        }

            .cta-wrapper .cta-title .custom-button:hover span {
                color: #393a4f
            }

        .cta-wrapper .cta-title .custom-button img {
            display: block;
            height: 50px;
            width: 50px
        }

        .cta-wrapper .cta-title .custom-button span {
            display: block;
            font-family: "Montserrat",sans-serif;
            font-weight: 500;
            font-size: 1rem;
            color: #8edfcf;
            margin-left: 12px;
            transition: color .3s
        }

.cta-wrapper .people-img {
    display: block;
    max-width: 480px;
    margin: 0 auto
}

@media(max-width: 767px) {
    .landing-hero-wrapper .landing-caption {
        text-align: center
    }

        .landing-hero-wrapper .landing-caption h2 {
            margin-top: 40px;
            font-size: 2.6rem;
            color: #3d70b2;
            text-shadow: 5px 5px #fff,10px 10px #fff
        }

        .landing-hero-wrapper .landing-caption h3 {
            color: #3d70b2;
            text-shadow: 2px 2px #fff,4px 4px #fff
        }

        .landing-hero-wrapper .landing-caption .buttons .button {
            margin-left: auto !important;
            margin-right: auto !important
        }

    .side-feature img {
        max-width: 340px
    }

    .landing-wrapper .made-with {
        flex-wrap: wrap
    }

        .landing-wrapper .made-with .made-block {
            width: calc(45% - 10px)
        }

    .landing-wrapper .screen-wrapper.has-plant .plant-1, .landing-wrapper .screen-wrapper.has-plant .plant-2 {
        max-height: 160px;
        max-width: 110px
    }

    .landing-wrapper .screen-wrapper.has-plant .plant-1 {
        right: -2rem
    }

    .landing-wrapper .screen-wrapper.has-plant .plant-2 {
        left: -2rem
    }

    .landing-wrapper .screen-wrapper img {
        max-width: 100%
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .landing-hero-wrapper .landing-caption {
        text-align: center
    }

        .landing-hero-wrapper .landing-caption img {
            max-width: 580px
        }

        .landing-hero-wrapper .landing-caption h2 {
            color: #3d70b2;
            text-shadow: 5px 5px #fff,10px 10px #fff
        }

        .landing-hero-wrapper .landing-caption h3 {
            color: #3d70b2;
            text-shadow: 2px 2px #fff,4px 4px #fff
        }

        .landing-hero-wrapper .landing-caption .buttons .button {
            margin-left: auto !important;
            margin-right: auto !important
        }

    .landing-wrapper.icons-section .columns {
        display: flex
    }

    .landing-wrapper .screen-wrapper img {
        max-width: 100%
    }

    .side-feature h3, .side-feature p {
        text-align: center;
        margin: 0 auto
    }

    .side-feature img {
        max-width: 450px;
        margin: 0 auto;
        display: block
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .cta-wrapper .people-img {
        max-width: 600px
    }

    #tour-start {
        display: none !important
    }
}

.fake-nav {
    height: 55px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff
}
/*
    .fake-nav img {
        max-width: 48px
    }*/

.signup-wrapper {
    min-height: 100vh;
    position: relative
}

    .signup-wrapper .process-bar-wrap {
        padding: 30px 0 0 0
    }

    .signup-wrapper .process-bar {
        height: 18px;
        background: #fff;
        border-radius: 100px;
        max-width: 520px;
        margin: 0 auto;
        display: flex;
        align-items: center
    }

        .signup-wrapper .process-bar .progress-wrap {
            position: relative;
            margin: 0 12px;
            width: calc(100% - 24px);
            height: 6px;
            border-radius: 100px
        }

            .signup-wrapper .process-bar .progress-wrap .track, .signup-wrapper .process-bar .progress-wrap .bar {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                border-radius: 100px
            }

            .signup-wrapper .process-bar .progress-wrap .track {
                background: #eaeaea;
                width: 100%
            }

            .signup-wrapper .process-bar .progress-wrap .bar {
                background: #3d70b2;
                width: 0;
                transition: width .4s
            }

            .signup-wrapper .process-bar .progress-wrap .dot {
                position: absolute;
                top: calc(50% - 19px);
                height: 38px;
                width: 38px;
                background: #fff;
                border-radius: 50%;
                border: 1.4px solid #e8e8e8;
                box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
                display: flex;
                justify-content: center;
                align-items: center;
                pointer-events: none
            }

                .signup-wrapper .process-bar .progress-wrap .dot.is-first {
                    left: -19px
                }

                .signup-wrapper .process-bar .progress-wrap .dot.is-second {
                    left: calc(25% - 19px)
                }

                .signup-wrapper .process-bar .progress-wrap .dot.is-third {
                    left: calc(50% - 19px)
                }

                .signup-wrapper .process-bar .progress-wrap .dot.is-fourth {
                    left: calc(75% - 19px)
                }

                .signup-wrapper .process-bar .progress-wrap .dot.is-fifth {
                    right: -19px
                }

                .signup-wrapper .process-bar .progress-wrap .dot.is-active {
                    border-color: #3d70b2;
                    box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
                }

                    .signup-wrapper .process-bar .progress-wrap .dot.is-active svg {
                        stroke: #3d70b2
                    }

                .signup-wrapper .process-bar .progress-wrap .dot.is-current {
                    border-color: #3d70b2;
                    box-shadow: 0 14px 26px -12px rgba(61,112,178,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(61,112,178,.2) !important
                }

                    .signup-wrapper .process-bar .progress-wrap .dot.is-current svg {
                        stroke: #3d70b2
                    }

                .signup-wrapper .process-bar .progress-wrap .dot svg {
                    height: 16px;
                    width: 16px;
                    stroke: #cecece;
                    transition: stroke .3s
                }

    .signup-wrapper .outer-panel {
        display: flex;
        align-items: center;
        min-height: calc(100vh - 133px)
    }

        .signup-wrapper .outer-panel .outer-panel-inner {
            width: 100%
        }

    .signup-wrapper .process-title {
        max-width: 840px;
        margin: 30px auto;
        text-align: center
    }

        .signup-wrapper .process-title h2 {
            font-family: "Montserrat",sans-serif;
            font-weight: 400 !important;
            font-size: 1.2rem
        }

        .signup-wrapper .process-title .step-title {
            animation: fadeInUp .5s;
            display: none
        }

            .signup-wrapper .process-title .step-title.is-active {
                display: block
            }

    .signup-wrapper .process-panel-wrap {
        display: none;
        animation: fadeInLeft .5s;
        max-width: 1040px;
        margin: 0 auto;
        padding: 20px 0
    }

        .signup-wrapper .process-panel-wrap.is-active {
            display: block
        }

        .signup-wrapper .process-panel-wrap.is-narrow {
            max-width: 540px
        }

        .signup-wrapper .process-panel-wrap .account-type {
            width: 100%;
            background: #fff;
            border: 1px solid #e8e8e8;
            border-radius: 8px;
            padding: 30px;
            text-align: center
        }

            .signup-wrapper .process-panel-wrap .account-type .type-image {
                position: relative
            }

                .signup-wrapper .process-panel-wrap .account-type .type-image .type-bg {
                    margin-top: -5%
                }

                .signup-wrapper .process-panel-wrap .account-type .type-image .type-illustration {
                    position: absolute;
                    top: -15%;
                    left: 0;
                    transform: scale(1.25)
                }

            .signup-wrapper .process-panel-wrap .account-type > img {
                margin: 0 auto 20px auto;
                max-height: 140px
            }

            .signup-wrapper .process-panel-wrap .account-type h3 {
                font-family: "Montserrat",sans-serif;
                font-weight: 600 !important;
                font-size: 1rem;
                padding: .5rem 0
            }

            .signup-wrapper .process-panel-wrap .account-type p {
                color: #a2a5b9;
                font-size: .9rem
            }

            .signup-wrapper .process-panel-wrap .account-type .button {
                margin-top: 20px;
                border-width: 1.4px;
                min-height: 42px;
                color: #999
            }

                .signup-wrapper .process-panel-wrap .account-type .button:hover, .signup-wrapper .process-panel-wrap .account-type .button.is-loading {
                    border-color: #3d70b2;
                    background: #3d70b2;
                    color: #fff;
                    box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
                }

        .signup-wrapper .process-panel-wrap .form-panel {
            width: 100%;
            background: #fff;
            border: 1px solid #e8e8e8;
            border-radius: 8px;
            padding: 30px
        }

            .signup-wrapper .process-panel-wrap .form-panel .field {
                border: 1px solid #e8e8e8;
                padding: 4px 8px 8px 8px;
                border-radius: 6px;
                background: #fcfcfc;
                margin-bottom: 20px
            }

                .signup-wrapper .process-panel-wrap .form-panel .field:last-child {
                    margin-bottom: 0
                }

                .signup-wrapper .process-panel-wrap .form-panel .field label {
                    text-transform: uppercase;
                    font-size: .7rem;
                    font-weight: 500;
                    color: #757a91;
                    padding-left: 8px
                }

                .signup-wrapper .process-panel-wrap .form-panel .field .control input {
                    border: none;
                    height: 30px;
                    background: #fcfcfc
                }

                .signup-wrapper .process-panel-wrap .form-panel .field .control select {
                    border: none;
                    border-radius: 5px;
                    height: 30px;
                    background: #fcfcfc;
                }
                .signup-wrapper .process-panel-wrap .form-panel .field .control select.full {
                    width: 100%;
                }

            .signup-wrapper .process-panel-wrap .form-panel .success-image {
                display: block;
                max-width: 120px;
                margin: 0 auto
            }

            .signup-wrapper .process-panel-wrap .form-panel .success-text {
                text-align: center;
                margin: 12px auto;
                max-width: 370px
            }

                .signup-wrapper .process-panel-wrap .form-panel .success-text h3 {
                    font-weight: 500;
                    color: #393a4f
                }

                .signup-wrapper .process-panel-wrap .form-panel .success-text p {
                    font-size: .9rem;
                    color: #999
                }

                .signup-wrapper .process-panel-wrap .form-panel .success-text .button {
                    margin: 20px auto 0 auto;
                    max-width: 280px;
                    border: 1.4px solid #3d70b2;
                    color: #3d70b2
                }

                    .signup-wrapper .process-panel-wrap .form-panel .success-text .button:hover, .signup-wrapper .process-panel-wrap .form-panel .success-text .button.is-loading {
                        border-color: #3d70b2;
                        background: #3d70b2;
                        color: #fff;
                        box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
                    }

        .signup-wrapper .process-panel-wrap .photo-upload .preview {
            position: relative;
            height: 120px;
            width: 120px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            border: 1.4px solid #cecece;
            margin: 0 auto
        }

            .signup-wrapper .process-panel-wrap .photo-upload .preview img {
                display: block;
                height: 100px;
                width: 100px;
                border-radius: 50%
            }

            .signup-wrapper .process-panel-wrap .photo-upload .preview .upload-button {
                position: absolute;
                top: 0;
                right: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 36px;
                width: 36px;
                border-radius: 50%;
                border: 3px solid #fff;
                background: #cecece;
                transition: all .3s
            }

                .signup-wrapper .process-panel-wrap .photo-upload .preview .upload-button:hover {
                    background: #3d70b2
                }

                .signup-wrapper .process-panel-wrap .photo-upload .preview .upload-button svg {
                    height: 14px;
                    width: 14px;
                    stroke: #fff;
                    stroke-width: 3px
                }

        .signup-wrapper .process-panel-wrap .photo-upload .limitation {
            margin-top: 20px;
            text-align: center
        }

            .signup-wrapper .process-panel-wrap .photo-upload .limitation small {
                color: #999
            }

        .signup-wrapper .process-panel-wrap .buttons {
            padding: 20px 0;
            display: flex;
            align-items: center;
            justify-content: flex-end
        }

            .signup-wrapper .process-panel-wrap .buttons .button {
                min-width: 90px
            }

                .signup-wrapper .process-panel-wrap .buttons .button.is-next:hover {
                    border-color: #3d70b2;
                    background: #3d70b2;
                    color: #fcfcfc;
                    box-shadow: 0 14px 26px -12px rgba(85,150,230,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(85,150,230,.2) !important
                }

.crop-modal .modal-card {
    max-width: 100%
}

.crop-modal .modal-card-head h3 {
    font-family: "Montserrat",sans-serif;
    font-size: 1rem;
    font-weight: 600
}

.crop-modal .modal-card-head .close-wrap {
    height: 30px;
    width: 30px;
    margin-left: auto
}

    .crop-modal .modal-card-head .close-wrap .close-modal {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        border: none;
        background: transparent;
        cursor: pointer;
        transition: background .3s
    }

        .crop-modal .modal-card-head .close-wrap .close-modal:hover {
            background: #e8e8e8
        }

        .crop-modal .modal-card-head .close-wrap .close-modal svg {
            height: 18px;
            width: 18px;
            stroke: #757a91
        }

.crop-modal .modal-card-body {
    position: relative;
    min-height: 330px;
    overflow: hidden
}

    .crop-modal .modal-card-body .cropper-wrapper {
        margin: 0 auto
    }

        .crop-modal .modal-card-body .cropper-wrapper .button {
            min-width: 70px;
            height: 34px;
            border-radius: 100px;
            outline: none !important;
            background: #3d70b2;
            border-color: #3d70b2;
            color: #fff
        }

@media(max-width: 767px) {
    .signup-wrapper .outer-panel .outer-panel-inner {
        max-width: 330px;
        margin: 0 auto
    }

        .signup-wrapper .outer-panel .outer-panel-inner .account-type {
            position: relative;
            text-align: left
        }

            .signup-wrapper .outer-panel .outer-panel-inner .account-type img {
                display: none
            }

            .signup-wrapper .outer-panel .outer-panel-inner .account-type .button {
                position: absolute;
                top: 0;
                left: 0;
                margin: 0;
                height: 100%;
                width: 100%;
                opacity: 0
            }

    .signup-wrapper .process-bar-wrap {
        max-width: 320px;
        margin: 0 auto
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .signup-wrapper .outer-panel .outer-panel-inner {
        max-width: 740px;
        margin: 0 auto
    }

        .signup-wrapper .outer-panel .outer-panel-inner .columns {
            display: flex
        }

            .signup-wrapper .outer-panel .outer-panel-inner .columns .account-type {
                padding: 20px
            }

                .signup-wrapper .outer-panel .outer-panel-inner .columns .account-type img {
                    height: 110px
                }
}

.login-wrapper .hero.is-login {
    position: relative;
    background: #3d70b2;
    background: linear-gradient(180deg, #9cc2f0, #3d70b2);
    background-size: 400% 400%;
    animation: gradientShift 12s ease infinite
}

    .login-wrapper .hero.is-login .left-caption {
        max-width: 400px;
        margin: 0 auto
    }

        .login-wrapper .hero.is-login .left-caption h2 {
            font-family: "Montserrat",sans-serif;
            font-weight: bold;
            font-size: 3.2rem;
            color: #fcfcfc;
            line-height: 1.3;
            text-shadow: 4px 4px #3180e1,8px 8px #3180e1
        }

.login-wrapper .hero.form-hero {
    position: relative
}

    .login-wrapper .hero.form-hero .logo-wrap {
        position: absolute;
        top: calc(50% - 50px);
        left: -50px;
        height: 100px;
        width: 100px;
        border-radius: 50%;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: rotate(32deg)
    }

        .login-wrapper .hero.form-hero .logo-wrap .wrap-inner {
            height: 86px;
            width: 86px;
            border-radius: 50%;
            background: #3d70b2;
            background: linear-gradient(180deg, #9cc2f0, #3d70b2);
            background-size: 400% 400%;
            animation: gradientShift 45s ease infinite;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .login-wrapper .hero.form-hero .logo-wrap .wrap-inner img {
                display: block;
                max-width: 54px
            }

.login-wrapper .form-wrapper {
    max-width: 540px;
    min-width: 380px;
    margin: 0 auto
}

    .login-wrapper .form-wrapper .avatar {
        position: relative;
        height: 110px;
        width: 110px;
        border-radius: 50%;
        margin: 0 auto 20px auto;
        border: 1.4px solid #cecece;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .login-wrapper .form-wrapper .avatar .badge {
            position: absolute;
            top: 0;
            right: 0;
            height: 32px;
            width: 32px;
            border-radius: 50%;
            border: 3px solid #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #1ce589
        }

            .login-wrapper .form-wrapper .avatar .badge svg {
                height: 14px;
                width: 14px;
                stroke: #fff;
                stroke-width: 4px
            }

        .login-wrapper .form-wrapper .avatar img {
            display: block;
            height: 94px;
            width: 94px;
            border-radius: 50%
        }

    .login-wrapper .form-wrapper .login-form .field .control {
        position: relative
    }

        .login-wrapper .form-wrapper .login-form .field .control .input {
            height: 40px;
            padding-left: 40px
        }

            .login-wrapper .form-wrapper .login-form .field .control .input:focus {
                border-color: #3d70b2
            }

                .login-wrapper .form-wrapper .login-form .field .control .input:focus + .input-icon svg {
                    stroke: #3d70b2
                }

        .login-wrapper .form-wrapper .login-form .field .control .input-icon {
            position: absolute;
            top: 0;
            left: 0;
            height: 40px;
            width: 40px;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .login-wrapper .form-wrapper .login-form .field .control .input-icon svg {
                height: 18px;
                width: 18px;
                stroke: #cecece;
                transition: stroke .3s
            }

        .login-wrapper .form-wrapper .login-form .field .control button, .login-wrapper .form-wrapper .login-form .field .control .button {
            height: 46px;
            font-size: .95rem
        }

    .login-wrapper .form-wrapper .forgot-password {
        padding: 1.5rem !important
    }

        .login-wrapper .form-wrapper .forgot-password a {
            color: #999;
            font-size: .9rem
        }

            .login-wrapper .form-wrapper .forgot-password a:hover {
                color: #3d70b2
            }

.login-container {
    height: calc(100vh - 100px);
    padding: 20px
}

    .login-container.is-centered {
        padding-top: 5rem
    }

        .login-container.is-centered .login-form {
            margin: 0 auto
        }

    .login-container .login-image {
        max-width: 620px;
        margin: 0 auto
    }

    .login-container .form-title {
        font-family: "Roboto",sans-serif;
        font-size: 1.5rem;
        color: #393a4f;
        font-weight: 300
    }

    .login-container .form-subtitle {
        font-family: "Roboto",sans-serif;
        font-size: .9rem;
        color: #a2a5b9;
        margin-bottom: 1rem
    }

    .login-container .login-form {
        max-width: 380px
    }

        .login-container .login-form .columns {
            padding-top: 1rem
        }

            .login-container .login-form .columns .column {
                padding-top: .35rem;
                padding-bottom: .35rem
            }

        .login-container .login-form .field.is-flex {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px 0 16px 0
        }

            .login-container .login-form .field.is-flex .switch-block {
                display: flex;
                align-items: center
            }

                .login-container .login-form .field.is-flex .switch-block .f-switch {
                    transform: scale(0.9)
                }

                .login-container .login-form .field.is-flex .switch-block .meta {
                    margin-left: 6px
                }

                    .login-container .login-form .field.is-flex .switch-block .meta p {
                        font-size: .9rem;
                        color: #999
                    }

            .login-container .login-form .field.is-flex a {
                font-family: "Roboto",sans-serif;
                font-size: .9rem;
                color: #a2a5b9;
                transition: color .3s
            }

                .login-container .login-form .field.is-flex a:hover {
                    color: #3d70b2
                }

        .login-container .login-form .account-link a {
            font-family: "Roboto",sans-serif;
            font-size: .8rem;
            color: #a2a5b9;
            transition: color .3s
        }

            .login-container .login-form .account-link a:hover {
                color: #3d70b2
            }
.login-container.is-centered .login-form.login-bordered{
    padding: 30px;
    border-radius: .65rem;
    background-color: #fff;
}
@media(max-width: 767px) {
    .login-wrapper .logo-wrap {
        display: none !important
    }

    .login-wrapper .form-wrapper {
        min-width: 320px !important
    }

    .login-container .image-column {
        display: none
    }

    .login-container .form-title, .login-container .form-subtitle {
        text-align: center
    }

    .login-container .form-title {
        padding-top: 60px
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
    .login-wrapper .hero.is-login .left-caption h2 {
        font-size: 2.5rem
    }

    .login-container .columns {
        padding-top: 60px
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .login-wrapper .logo-wrap {
        display: none !important
    }

    .login-container .image-column {
        display: none
    }

    .login-container .column {
        min-width: 50%
    }

    .login-container .form-title, .login-container .form-subtitle {
        text-align: center
    }

    .login-container .form-title {
        padding-top: 60px
    }

    .login-container .login-form {
        max-width: 360px;
        margin: 0 auto
    }
}

.settings-sidebar {
    position: fixed;
    top: 57px;
    left: 0;
    height: calc(100% - 56px);
    background: #fafafa;
    border-right: 1px solid #e8e8e8;
    transform: translateX(-100%);
    z-index: 10;
    transition: all .3s
}

    .settings-sidebar.is-active {
        transform: translateX(0)
    }

    .settings-sidebar .settings-sidebar-inner {
        position: relative;
        height: 100%;
        width: 100%
    }

        .settings-sidebar .settings-sidebar-inner .user-block {
            position: relative;
            margin: 20px 20px 0 20px;
            border-bottom: 1px solid #dedede;
            text-align: center;
            height: 140px
        }

            .settings-sidebar .settings-sidebar-inner .user-block .close-settings-sidebar {
                position: absolute;
                top: -12px;
                right: -10px;
                width: 32px;
                height: 32px;
                border-radius: 50%;
                display: none;
                align-items: center;
                justify-content: center;
                transition: all .3s
            }

                .settings-sidebar .settings-sidebar-inner .user-block .close-settings-sidebar:hover {
                    background: #fff
                }

                    .settings-sidebar .settings-sidebar-inner .user-block .close-settings-sidebar:hover svg {
                        stroke: #393a4f
                    }

                .settings-sidebar .settings-sidebar-inner .user-block .close-settings-sidebar svg {
                    height: 20px;
                    width: 20px;
                    color: #999;
                    transition: stroke .3s
                }

            .settings-sidebar .settings-sidebar-inner .user-block .avatar-wrap {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 74px;
                height: 74px;
                min-width: 74px;
                border: 1.4px solid #d8d8d8;
                border-radius: 50%;
                margin: 0 auto 6px auto
            }

                .settings-sidebar .settings-sidebar-inner .user-block .avatar-wrap img {
                    display: block;
                    width: 58px;
                    height: 58px;
                    min-width: 58px;
                    border-radius: 50%
                }

                .settings-sidebar .settings-sidebar-inner .user-block .avatar-wrap .badge {
                    position: absolute;
                    bottom: 2px;
                    right: -3px;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%;
                    border: 2px solid #fcfcfc;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: #1ce589
                }

                    .settings-sidebar .settings-sidebar-inner .user-block .avatar-wrap .badge svg {
                        height: 10px;
                        width: 10px;
                        stroke: #fcfcfc;
                        stroke-width: 4px
                    }

            .settings-sidebar .settings-sidebar-inner .user-block h4 {
                font-family: "Montserrat",sans-serif;
                font-weight: 700;
                font-size: .9rem;
                color: #393a4f
            }

            .settings-sidebar .settings-sidebar-inner .user-block p {
                font-size: .8rem;
                color: #999
            }

            .settings-sidebar .settings-sidebar-inner .user-block .user-stats {
                display: flex;
                align-items: center;
                justify-content: space-around;
                padding: 20px 0
            }

                .settings-sidebar .settings-sidebar-inner .user-block .user-stats .stat-block {
                    text-align: center
                }

                    .settings-sidebar .settings-sidebar-inner .user-block .user-stats .stat-block span {
                        display: block
                    }

                        .settings-sidebar .settings-sidebar-inner .user-block .user-stats .stat-block span:first-child {
                            text-transform: uppercase;
                            font-weight: 600;
                            font-size: .65rem;
                            color: #393a4f
                        }

                        .settings-sidebar .settings-sidebar-inner .user-block .user-stats .stat-block span:last-child {
                            font-size: .8rem;
                            color: #999
                        }

        .settings-sidebar .settings-sidebar-inner .user-menu {
            position: absolute;
            top: 140px;
            left: 0;
            width: 100%;
            height: calc(100% - 140px)
        }

            .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner {
                position: relative;
                height: 100%;
                max-height: 100%;
                width: 100%;
                overflow-y: auto
            }

                .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .separator {
                    margin: 0 30px;
                    border-bottom: 1px solid #dedede
                }

                .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block {
                    padding: 20px 0
                }

                    .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li {
                        display: flex;
                        align-items: center;
                        padding: 14px 40px;
                        border-left: 4px solid transparent
                    }

                        .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li.is-active {
                            border-color: #3d70b2
                        }

                            .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li.is-active a span {
                                color: #0971b7;
                            }
                            .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li.is-active a svg {
                                stroke: #0971b7;
                            }
                        .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a {
                            display: flex;
                            align-items: center
                        }

                            .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a span {
                                display: block;
                                color: #393a4f;
                                font-family: "Montserrat",sans-serif;
                                font-size: .8rem;
                                font-weight: 600;
                                transition: color .3s
                            }

                            .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a svg {
                                height: 18px;
                                width: 18px;
                                stroke: #cecece;
                                margin-right: 20px
                            }

.settings-wrapper {
    padding: 30px;
    width: calc(100% - 280px);
    margin-left: 280px
}

    .settings-wrapper.is-full {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0
    }

    .settings-wrapper .settings-section {
        display: none;
        animation: fadeInLeft .5s
    }

        .settings-wrapper .settings-section.is-active {
            display: block
        }

        .settings-wrapper .settings-section .settings-panel {
            background: #fff;
            padding: 30px;
            border: 1px solid #e0e0e0;
            border-radius: 6px
        }

            .settings-wrapper .settings-section .settings-panel .title-wrap {
                display: flex;
                align-items: center
            }

                .settings-wrapper .settings-section .settings-panel .title-wrap .mobile-sidebar-trigger {
                    z-index: 9;
                    width: 32px;
                    height: 32px;
                    border-radius: 50%;
                    margin-right: 12px;
                    display: none;
                    align-items: center;
                    justify-content: center;
                    transition: all .3s
                }

                    .settings-wrapper .settings-section .settings-panel .title-wrap .mobile-sidebar-trigger svg {
                        height: 20px;
                        width: 20px;
                        color: #999;
                        transition: stroke .3s
                    }

            .settings-wrapper .settings-section .settings-panel h2 {
                font-family: "Montserrat",sans-serif;
                font-size: 1.2rem;
                font-weight: 500;
                color: #999
            }

            .settings-wrapper .settings-section .settings-panel .settings-form-wrapper {
                display: flex
            }

                .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .illustration {
                    padding: 40px;
                    flex-grow: 2
                }

                    .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .illustration img {
                        display: block;
                        max-width: 200px;
                        margin: 0 auto
                    }

                    .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .illustration p {
                        max-width: 280px;
                        color: #7f80a2;
                        font-size: .8rem;
                        margin: 20px auto
                    }

                        .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .illustration p a {
                            text-decoration: underline
                        }

            .settings-wrapper .settings-section .settings-panel .settings-form {
                padding-top: 20px;
                width: 100%;
                max-width: 680px
            }
            .settings-wrapper .settings-section .settings-panel .settings-form.is-full{
                max-width: 100%
            }

                .settings-wrapper .settings-section .settings-panel .settings-form .field-group {
                    border-radius: 6px;
                    border: 1px solid #e0e0e0
                }

                    .settings-wrapper .settings-section .settings-panel .settings-form .field-group label {
                        text-transform: uppercase;
                        font-size: .65rem;
                        color: #999;
                        padding-left: 6px
                    }

                    .settings-wrapper .settings-section .settings-panel .settings-form .field-group .input, .settings-wrapper .settings-section .settings-panel .settings-form .field-group .textarea {
                        border: none !important;
                        font-family: "Roboto",sans-serif;
                        padding-top: 0;
                        color: #5b5d7e;
                        border-radius: 8px
                    }
                    .settings-wrapper .settings-section .settings-panel .settings-form .field-group .select{
                        border: none !important;
                        font-family: "Roboto",sans-serif;
                        padding-top: 0;
                        color: #5b5d7e;
                        border-radius: 8px;
                        padding-left: 40px;
                        width: 100%;
                        background-color: #fff;
                    }
                    .settings-wrapper .settings-section .settings-panel .settings-form .field-group .form-icon {
                        left: 10px;
                        height: 26px;
                        width: 26px
                    }

                        .settings-wrapper .settings-section .settings-panel .settings-form .field-group .form-icon svg {
                            height: 17px;
                            width: 17px
                        }

                .settings-wrapper .settings-section .settings-panel .settings-form .sub-heading {
                    text-transform: uppercase;
                    font-size: .75rem;
                    color: #999;
                    padding: 16px 0
                }

                .settings-wrapper .settings-section .settings-panel .settings-form .spaced-field {
                    padding-bottom: 10px
                }

                .settings-wrapper .settings-section .settings-panel .settings-form .switch-block {
                    display: flex;
                    align-items: center
                }

                    .settings-wrapper .settings-section .settings-panel .settings-form .switch-block .f-switch {
                        transform: scale(0.9)
                    }

                    .settings-wrapper .settings-section .settings-panel .settings-form .switch-block .meta {
                        margin-left: 10px
                    }

                        .settings-wrapper .settings-section .settings-panel .settings-form .switch-block .meta h4 {
                            font-family: "Montserrat",sans-serif;
                            font-weight: 600;
                            font-size: .8rem;
                            color: #393a4f
                        }

                        .settings-wrapper .settings-section .settings-panel .settings-form .switch-block .meta p {
                            font-size: .8rem;
                            color: #999
                        }

                .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink {
                    display: flex;
                    align-items: center;
                    padding: 16px;
                    border: 1px solid #e0e0e0;
                    border-radius: 6px;
                    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                }

                    .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink:hover .link-content .link-icon {
                        background: #fff;
                        border-color: #e0e0e0;
                        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
                    }

                        .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink:hover .link-content .link-icon svg {
                            stroke: #3d70b2
                        }

                    .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink:hover .link-content h4 {
                        color: #3d70b2
                    }

                    .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink .link-content .link-icon {
                        height: 36px;
                        width: 36px;
                        border-radius: 50%;
                        border: 1px solid transparent;
                        background: #f5f5f5;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        margin-bottom: .75rem;
                        transition: all .3s
                    }

                        .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink .link-content .link-icon svg {
                            height: 18px;
                            width: 18px;
                            stroke: #6f7592;
                            stroke-width: 1.2px;
                            transition: stroke .3s
                        }

                    .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink .link-content h4 {
                        margin-top: 4px;
                        font-size: .8rem;
                        font-family: "Roboto",sans-serif;
                        font-weight: 500;
                        color: #393a4f;
                        line-height: 1;
                        transition: color .3s
                    }

                    .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink .link-content p {
                        color: #999;
                        font-size: .75rem
                    }

                .settings-wrapper .settings-section .settings-panel .settings-form .form-text p {
                    color: #64668a;
                    font-size: .9rem;
                    max-width: 450px
                }

                .settings-wrapper .settings-section .settings-panel .settings-form .form-button {
                    height: 44px;
                    min-width: 160px
                }

@media(min-width: 1301px) {
    .settings-sidebar {
        width: 280px
    }

    .settings-wrapper .inner-wrapper {
        width: calc(100% - 280px);
        margin-left: 280px
    }
}

@media(max-width: 1300px) {
    .settings-sidebar {
        width: 250px
    }

    .settings-wrapper {
        width: calc(100% - 250px);
        margin-left: 250px
    }
}

@media(max-width: 767px) {
    .settings-sidebar .settings-sidebar-inner .user-block .close-settings-sidebar {
        display: flex !important
    }

    .settings-wrapper {
        width: 100%;
        margin-left: 0;
        padding: 10px
    }

        .settings-wrapper .settings-section .settings-panel .title-wrap .mobile-sidebar-trigger {
            display: flex
        }

        .settings-wrapper .settings-section .settings-panel .settings-form-wrapper {
            flex-direction: column
        }

            .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .buttons .button {
                min-width: 140px
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .settings-sidebar .settings-sidebar-inner .user-block .close-settings-sidebar {
        display: flex !important
    }

    .settings-wrapper {
        width: 100%;
        margin-left: 0;
        padding: 10px
    }

        .settings-wrapper .settings-section .settings-panel .title-wrap .mobile-sidebar-trigger {
            display: flex
        }

        .settings-wrapper .settings-section .settings-panel .settings-form-wrapper {
            flex-direction: column
        }

            .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .columns.flex-portrait {
                display: flex
            }

                .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .columns.flex-portrait .column.is-4 {
                    min-width: 33.33%
                }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .illustration {
        display: none
    }
}

.dashboard-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem
}

@media only screen and (max-width: 767px) {
    .dashboard-container {
        padding-top: 80px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .dashboard-container {
        padding-top: 80px
    }
}

.dashboard-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem
}

    .dashboard-toolbar .title {
        font-weight: 300;
        margin-bottom: 0
    }

    .dashboard-toolbar .actions {
        display: flex;
        align-items: center
    }

        .dashboard-toolbar .actions .buttons {
            margin-left: .5rem
        }

            .dashboard-toolbar .actions .buttons .live-button {
                color: #f71416 !important;
                border-color: #f71416 !important
            }

@media only screen and (max-width: 767px) {
    .dashboard-toolbar {
        flex-direction: column
    }

        .dashboard-toolbar .title {
            margin-bottom: 1rem
        }

        .dashboard-toolbar .actions {
            flex-direction: column
        }

            .dashboard-toolbar .actions .buttons {
                margin-top: 1rem;
                margin-left: 0
            }
}

.dashboard-box {
    background: #fff;
    padding: 1.5rem;
    border: 1px solid #e3e3e3;
    border-radius: .75rem
}

    .dashboard-box:not(:last-child) {
        margin-bottom: 1.5rem
    }

    .dashboard-box.is-compact {
        padding: 2rem
    }

    .dashboard-box > .title {
        margin-bottom: .75rem
    }

    .dashboard-box .topheading {
        font-family: "Roboto",sans-serif;
        color: #393a4f;
        font-weight: 500;
        font-size: .95rem
    }

    .dashboard-box .small, .dashboard-box .subheading {
        font-family: "Roboto",sans-serif;
        font-size: .85rem;
        color: #a2a5b9
    }

    .dashboard-box .box-media {
        display: block;
        margin-bottom: .75rem
    }

        .dashboard-box .box-media img {
            display: block;
            border-radius: .75rem
        }

    .dashboard-box .positive {
        color: #1ce589
    }

    .dashboard-box .negative {
        color: #f71416
    }

    .dashboard-box .stat-block {
        margin-bottom: .75rem;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid #e3e3e3
    }

        .dashboard-box .stat-block .stat-title {
            display: block;
            font-family: "Roboto",sans-serif;
            font-size: .85rem;
            color: #a2a5b9
        }

        .dashboard-box .stat-block .stat-value {
            display: block;
            font-family: "Roboto",sans-serif;
            font-weight: 700;
            font-size: 2rem;
            color: #393a4f;
            line-height: 1.2
        }

        .dashboard-box .stat-block .stat-subtitle {
            display: block;
            font-family: "Roboto",sans-serif;
            font-size: .85rem;
            color: #a2a5b9
        }

    .dashboard-box .help-block img {
        max-width: 80px;
        margin: 0 auto 20px auto
    }

    .dashboard-box .help-block h4 {
        font-family: "Montserrat",sans-serif;
        font-weight: 600;
        color: #393a4f;
        font-size: .9rem
    }

    .dashboard-box .help-block p {
        font-size: .9rem;
        color: #999
    }

    .dashboard-box .box-content .box-lines {
        padding: .75rem 0
    }

    .dashboard-box .box-content .box-line {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .25rem 0
    }

        .dashboard-box .box-content .box-line .left, .dashboard-box .box-content .box-line .right {
            display: block
        }

        .dashboard-box .box-content .box-line .left {
            font-family: "Roboto",sans-serif;
            font-size: .9rem;
            color: #393a4f
        }

        .dashboard-box .box-content .box-line .right {
            font-family: "Roboto",sans-serif;
            font-size: .9rem;
            color: #a2a5b9
        }

    .dashboard-box .box-content .box-comments {
        padding: 1rem 0
    }

        .dashboard-box .box-content .box-comments .box-comment {
            display: flex
        }

            .dashboard-box .box-content .box-comments .box-comment + .box-comment {
                margin-top: 1rem;
                padding-top: 1rem;
                border-top: 1px solid #e3e3e3
            }

            .dashboard-box .box-content .box-comments .box-comment .comment-avatar {
                display: block;
                height: 32px;
                width: 32px;
                min-width: 32px;
                border-radius: 50%;
                margin-right: .75rem
            }

            .dashboard-box .box-content .box-comments .box-comment .comment-meta .meta-title {
                display: block;
                font-family: "Roboto",sans-serif;
                font-size: .8rem;
                color: #a2a5b9
            }

            .dashboard-box .box-content .box-comments .box-comment .comment-meta .meta-content {
                display: block;
                font-family: "Roboto",sans-serif;
                font-size: .9rem;
                color: #393a4f
            }

            .dashboard-box .box-content .box-comments .box-comment .comment-end {
                margin-left: auto
            }

                .dashboard-box .box-content .box-comments .box-comment .comment-end .end-thumbnail {
                    display: block;
                    height: 40px;
                    width: 40px;
                    min-width: 40px;
                    border-radius: .5rem;
                    -o-object-fit: cover;
                    object-fit: cover
                }

    .dashboard-box .box-content .box-subscribers {
        padding: 1rem 0
    }

        .dashboard-box .box-content .box-subscribers .box-subscriber {
            display: flex
        }

            .dashboard-box .box-content .box-subscribers .box-subscriber + .box-subscriber {
                margin-top: 1rem;
                padding-top: 1rem;
                border-top: 1px solid #e3e3e3
            }

            .dashboard-box .box-content .box-subscribers .box-subscriber .subscriber-avatar {
                display: block;
                height: 42px;
                width: 42px;
                min-width: 42px;
                border-radius: 50%;
                margin-right: .75rem
            }

            .dashboard-box .box-content .box-subscribers .box-subscriber .subscriber-meta .meta-title {
                display: block;
                font-weight: 500;
                font-family: "Roboto",sans-serif;
                font-size: .9rem;
                color: #393a4f
            }

            .dashboard-box .box-content .box-subscribers .box-subscriber .subscriber-meta .meta-content {
                display: block;
                font-family: "Roboto",sans-serif;
                font-size: .8rem;
                color: #a2a5b9
            }

    .dashboard-box .box-content .button-wrap .button {
        height: 44px
    }

    .dashboard-box .box-content .link-wrap {
        margin-top: .5rem
    }

        .dashboard-box .box-content .link-wrap .link {
            display: flex;
            align-items: center;
            font-family: "Roboto",sans-serif;
            font-size: .9rem;
            color: #3d70b2
        }

            .dashboard-box .box-content .link-wrap .link:hover svg {
                transform: translateX(5px)
            }

            .dashboard-box .box-content .link-wrap .link svg {
                height: 16px;
                width: 16px;
                margin-left: .25rem;
                transition: transform .3s
            }

.video-collection .collection-header {
    display: flex
}

    .video-collection .collection-header > a {
        margin-right: 30px;
        font-family: "Montserrat",sans-serif;
        font-size: .85rem;
        font-weight: 600;
        color: #cecece;
        padding-bottom: 5px;
        border-bottom: 2px solid transparent;
        transition: all .3s
    }

        .video-collection .collection-header > a.is-active {
            color: #393a4f;
            border-color: #3d70b2
        }

    .video-collection .collection-header .search-button {
        height: 36px;
        width: 36px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        cursor: pointer
    }

        .video-collection .collection-header .search-button:hover svg {
            stroke: #393a4f
        }

        .video-collection .collection-header .search-button svg {
            position: relative;
            top: 2px;
            height: 16px;
            width: 16px;
            stroke: #cecece;
            transition: stroke .3s
        }

.video-collection .collections-wrap {
    display: none;
    animation: fadeInLeft .5s;
    padding: 30px 0
}

    .video-collection .collections-wrap.is-active {
        display: block
    }

    .video-collection .collections-wrap .collection:not(:first-child) {
        padding-top: 1rem
    }

    .video-collection .collections-wrap .collection .header {
        display: flex;
        align-items: center
    }

        .video-collection .collections-wrap .collection .header h4 {
            font-family: "Montserrat",sans-serif;
            font-size: 1rem;
            font-weight: 700;
            color: #393a4f
        }

        .video-collection .collections-wrap .collection .header a {
            padding: 0 24px;
            color: #999;
            font-size: .8rem
        }

    .video-collection .collections-wrap .collection .video-collection {
        display: flex;
        flex-wrap: wrap;
        padding: 10px 0 20px 0;
        margin-left: -10px;
        margin-right: -10px
    }

        .video-collection .collections-wrap .collection .video-collection .episode {
            margin: 10px;
            width: calc(25% - 20px)
        }

            .video-collection .collections-wrap .collection .video-collection .episode .episode-thumbnail {
                position: relative
            }

                .video-collection .collections-wrap .collection .video-collection .episode .episode-thumbnail:hover .episode-overlay {
                    background: rgba(57,58,79,.4)
                }

                .video-collection .collections-wrap .collection .video-collection .episode .episode-thumbnail:hover .play-button {
                    opacity: 1;
                    transform: scale(1) rotate(0)
                }

                .video-collection .collections-wrap .collection .video-collection .episode .episode-thumbnail .episode-overlay {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    border-radius: 6px;
                    background: rgba(57,58,79,0);
                    transition: all .3s;
                    z-index: 1
                }

                .video-collection .collections-wrap .collection .video-collection .episode .episode-thumbnail .episode-duration {
                    position: absolute;
                    bottom: 10px;
                    left: 10px;
                    padding: 3px 6px;
                    background: #000;
                    border-radius: 4px;
                    color: #fcfcfc;
                    font-size: .7rem;
                    z-index: 2
                }

                .video-collection .collections-wrap .collection .video-collection .episode .episode-thumbnail .play-button {
                    position: absolute;
                    top: calc(50% - 20px);
                    left: calc(50% - 20px);
                    height: 40px;
                    width: 40px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    z-index: 3;
                    opacity: 0;
                    transform: scale(0.7) rotate(-180deg);
                    transition: all .3s
                }

                    .video-collection .collections-wrap .collection .video-collection .episode .episode-thumbnail .play-button svg {
                        height: 38px;
                        width: 38px;
                        stroke-width: 1px;
                        stroke: #fcfcfc
                    }

                .video-collection .collections-wrap .collection .video-collection .episode .episode-thumbnail img {
                    display: block;
                    border-radius: 6px
                }

            .video-collection .collections-wrap .collection .video-collection .episode .episode-meta {
                display: flex;
                margin-top: 8px
            }

                .video-collection .collections-wrap .collection .video-collection .episode .episode-meta img {
                    display: block;
                    height: 32px;
                    width: 32px;
                    min-width: 32px;
                    border-radius: 50%
                }

                .video-collection .collections-wrap .collection .video-collection .episode .episode-meta .info {
                    margin-left: 8px
                }

                    .video-collection .collections-wrap .collection .video-collection .episode .episode-meta .info span {
                        display: block;
                        line-height: 1.2
                    }

                        .video-collection .collections-wrap .collection .video-collection .episode .episode-meta .info span:first-child {
                            font-family: "Montserrat",sans-serif;
                            font-weight: 600;
                            font-size: .85rem;
                            color: #393a4f
                        }

                        .video-collection .collections-wrap .collection .video-collection .episode .episode-meta .info span:last-child {
                            font-family: "Roboto",sans-serif;
                            font-size: .8rem;
                            color: #999
                        }

@media only screen and (max-width: 767px) {
    .video-collection .collections-wrap .collection .video-collection .episode {
        width: calc(100% - 20px)
    }
}

.elements-sidebar {
    position: fixed;
    top: 58px;
    left: 0;
    width: 300px;
    height: calc(100% - 58px);
    background: #fff;
    border-right: 1px solid #e8e8e8
}

    .elements-sidebar .header {
        height: 60px;
        display: flex;
        align-items: center;
        padding: 0 20px
    }

        .elements-sidebar .header h3 {
            text-transform: uppercase
        }

    .elements-sidebar .elements-list {
        position: relative;
        height: calc(100% - 60px);
        overflow-y: auto
    }

        .elements-sidebar .elements-list .element-menu {
            border-top: 1px solid #e8e8e8
        }

            .elements-sidebar .elements-list .element-menu .menu-trigger {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 20px
            }

                .elements-sidebar .elements-list .element-menu .menu-trigger:hover, .elements-sidebar .elements-list .element-menu .menu-trigger.is-active {
                    background: #f5f5f5
                }

                    .elements-sidebar .elements-list .element-menu .menu-trigger:hover span, .elements-sidebar .elements-list .element-menu .menu-trigger.is-active span {
                        color: #393a4f
                    }

                    .elements-sidebar .elements-list .element-menu .menu-trigger:hover svg, .elements-sidebar .elements-list .element-menu .menu-trigger.is-active svg {
                        stroke: #393a4f
                    }

                    .elements-sidebar .elements-list .element-menu .menu-trigger.is-active svg {
                        transform: rotate(90deg)
                    }

                .elements-sidebar .elements-list .element-menu .menu-trigger span {
                    display: block;
                    color: #999;
                    transition: color .3s
                }

                .elements-sidebar .elements-list .element-menu .menu-trigger svg {
                    height: 16px;
                    width: 16px;
                    stroke: #999;
                    transition: all .3s
                }

            .elements-sidebar .elements-list .element-menu .submenu-wrap {
                display: none;
                padding: 10px 20px
            }

                .elements-sidebar .elements-list .element-menu .submenu-wrap ul {
                    padding-left: 30px
                }

                    .elements-sidebar .elements-list .element-menu .submenu-wrap ul li a {
                        display: flex;
                        padding: 6px 0;
                        color: #999;
                        font-size: .9rem
                    }

                        .elements-sidebar .elements-list .element-menu .submenu-wrap ul li a.is-active {
                            color: #3d70b2
                        }

.elements-wrap {
    width: calc(100% - 300px);
    min-height: 100vh;
    margin-left: 300px;
    padding: 56px 30px 30px 30px
}

    .elements-wrap .element-block {
        margin-top: 30px;
        width: 100%;
        padding: 30px;
        background: #fff;
        border: 1px solid #e8e8e8;
        border-radius: 8px
    }

        .elements-wrap .element-block h3 {
            font-family: "Montserrat",sans-serif;
            font-weight: bold;
            font-size: 1.1rem;
            color: #393a4f
        }

        .elements-wrap .element-block p {
            margin: 10px 0;
            font-size: .9rem;
            color: #999
        }

        .elements-wrap .element-block .ui-elements {
            margin-top: 20px
        }

    .elements-wrap .code-block {
        margin-top: 30px;
        width: 100%;
        background: #344258;
        border: 1px solid #344258;
        border-radius: 8px
    }

@media(max-width: 767px) {
    .elements-sidebar {
        display: none
    }

    .elements-wrap {
        width: 100%;
        margin-left: 0
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .elements-sidebar {
        display: none
    }

    .elements-wrap {
        width: 100%;
        margin-left: 0
    }
}

body.is-dark {
    background: #2f3b50
}

    body.is-dark .light-image {
        display: none !important
    }

    body.is-dark .dark-image {
        display: block !important
    }

    body.is-dark .light-image-inline {
        display: none !important
    }

    body.is-dark .dark-image-inline {
        display: inline-block !important
    }

body .light-image {
    display: block
}

body .dark-image {
    display: none !important
}

body .light-image-inline {
    display: inline-block
}

body .dark-image-inline {
    display: none !important
}

body.is-dark .filters-panel {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .filters-panel .panel-inner .panel-title {
        color: #fafafa;
        border-color: #2f3b50
    }

    body.is-dark .filters-panel .panel-inner .filter-block {
        border-color: #2f3b50
    }

        body.is-dark .filters-panel .panel-inner .filter-block label {
            color: #a2a5b9
        }

        body.is-dark .filters-panel .panel-inner .filter-block .is-combo .combo-label {
            color: #a2a5b9
        }

body.is-dark .navbar {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .navbar .navbar-item .control .input {
        background: #283143;
        border-color: #283143;
        color: #fafafa
    }

        body.is-dark .navbar .navbar-item .control .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .navbar .navbar-item .control .input::placeholder {
            color: #4e6183
        }

        body.is-dark .navbar .navbar-item .control .input:focus ~ .search-icon svg {
            stroke: #3d70b2 !important
        }

    body.is-dark .navbar .navbar-item .control .search-icon svg {
        stroke: #4e6183
    }

body.is-dark .tipue-drop-content .tipue_drop_box {
    background: #171c26 !important;
    border-color: #2f3b50 !important
}

    body.is-dark .tipue-drop-content .tipue_drop_box:before {
        border-bottom-color: #2f3b50 !important
    }

    body.is-dark .tipue-drop-content .tipue_drop_box:after {
        border-bottom-color: #171c26 !important
    }

    body.is-dark .tipue-drop-content .tipue_drop_box .tipue_drop_item {
        background: #171c26 !important;
        border-color: #2f3b50 !important;
        transition: all .3s !important
    }

        body.is-dark .tipue-drop-content .tipue_drop_box .tipue_drop_item:hover {
            background: #2b3649 !important
        }

        body.is-dark .tipue-drop-content .tipue_drop_box .tipue_drop_item .tipue_drop_right {
            color: #e1e1e1
        }

body.is-dark .explorer-menu {
    background: #181f29;
    border-color: #181f29
}

    body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header h3 {
        color: #e1e1e1
    }

    body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header .control .input {
        background: #283143;
        border-color: #283143;
        color: #fafafa
    }

        body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header .control .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header .control .input::placeholder {
            color: #4e6183
        }

        body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header .control .input:focus ~ .form-icon svg {
            stroke: #3d70b2 !important
        }

    body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header .control .form-icon svg {
        stroke: #4e6183
    }

    body.is-dark .explorer-menu .explorer-inner .explorer-container .explore-list .explore-item:hover {
        background: #283143;
        border-color: #283143
    }

    body.is-dark .explorer-menu .explorer-inner .explorer-container .explore-list .explore-item h4 {
        color: #a2a5b9
    }

    body.is-dark .explorer-menu .explorer-inner .explorer-container .explore-list .explore-item .coming-soon {
        background: #3d70b2;
        color: #f5f5f5
    }

body.is-dark .mobile-navbar .navbar-menu {
    background: #181f29;
    border-color: #181f29
}

    body.is-dark .mobile-navbar .navbar-menu .navbar-item .navbar-link {
        border-color: #2b3649
    }

        body.is-dark .mobile-navbar .navbar-menu .navbar-item .navbar-link:hover {
            background: #1e2633
        }

        body.is-dark .mobile-navbar .navbar-menu .navbar-item .navbar-link span.is-heading {
            color: #fafafa
        }

    body.is-dark .mobile-navbar .navbar-menu .navbar-item .navbar-dropdown .navbar-item .menu-badge {
        background: #3d70b2;
        color: #fafafa
    }

body.is-dark .options-nav {
    background: #1c2330;
    border-color: #1c2330
}

    body.is-dark .options-nav .nav-inner.is-friends .nav-item.is-icon svg {
        stroke: #a2a5b9
    }

    body.is-dark .options-nav .nav-inner.is-friends .option-tabs.is-friends .option-tab:not(.is-active) span {
        color: #4e6183
    }

    body.is-dark .options-nav .nav-inner.is-friends .option-tabs.is-friends .option-tab.is-active span {
        color: #fafafa
    }

    body.is-dark .options-nav .nav-inner.is-friends .option-tabs.is-friends .option-naver {
        background: #3d70b2
    }

    body.is-dark .options-nav .nav-inner.is-friends .end-group .is-friend-count {
        color: #a2a5b9
    }

    body.is-dark .options-nav .nav-inner.is-friends .end-group .is-icon, body.is-dark .options-nav .nav-inner.is-friends .end-group .is-search {
        border-color: #37445c
    }

body.is-dark .navbar-v2 .top-nav {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .navbar-v2 .top-nav .left .brand .navbar-logo {
        border-color: #313d53 !important
    }

    body.is-dark .navbar-v2 .top-nav .left .control .input {
        background: #283143;
        border-color: #283143;
        color: #fafafa
    }

        body.is-dark .navbar-v2 .top-nav .left .control .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .navbar-v2 .top-nav .left .control .input::placeholder {
            color: #4e6183
        }

        body.is-dark .navbar-v2 .top-nav .left .control .input:focus ~ .search-icon svg {
            stroke: #3d70b2 !important
        }

    body.is-dark .navbar-v2 .top-nav .left .control .search-icon svg {
        stroke: #4e6183
    }

body.is-dark .navbar-v2 .sub-nav {
    background: #1a212c;
    border-bottom-color: #262f40 !important
}

    body.is-dark .navbar-v2 .sub-nav .sub-nav-tabs ul li:not(.is-active) a {
        opacity: .6
    }

body.is-dark .sidebar-v1 {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .sidebar-v1 .top-section .close-button {
        color: #3d70b2
    }

    body.is-dark .sidebar-v1 .top-section .field .control .input {
        background: #1c2330;
        border-color: #1c2330
    }

        body.is-dark .sidebar-v1 .top-section .field .control .input:focus {
            background: #262f40;
            border-color: #262f40
        }

    body.is-dark .sidebar-v1 .top-section .user-block .meta span:first-child {
        color: #fafafa
    }

    body.is-dark .sidebar-v1 .bottom-section ul li:hover {
        background: #1c2330
    }

    body.is-dark .sidebar-v1 .bottom-section ul li a:not(.is-active) span {
        color: #8b8ea7
    }

.is-dark .dashboard-aside {
    background: #151a23;
    border-color: #151a23
}

    .is-dark .dashboard-aside .dashboard-aside-link {
        color: #a2a5b9
    }

        .is-dark .dashboard-aside .dashboard-aside-link.is-active {
            color: #3d70b2
        }

body.is-dark .toolbar-v1 h1 {
    color: #fff
}

body.is-dark .toolbar-v1-fixed-wrap .toolbar-v1 {
    background: #151a23;
    border-color: #151a23
}

body.is-dark .navbar-item.is-icon:not(:hover):not(.is-active) .icon-link svg {
    stroke: #a2a5b9
}

body.is-dark .navbar-item.is-icon:not(:hover):not(.is-active) .icon-link .mdi {
    color: #a2a5b9
}

body.is-dark .navbar-item.is-icon .icon-link.is-active svg {
    stroke: #fff !important
}

body.is-dark .navbar-item.is-icon .icon-link.is-active .mdi {
    color: #fff !important
}

body.is-dark .navbar-item.is-icon .icon-link.is-active .indicator {
    border-color: #151a23 !important
}

body.is-dark .navbar-item.is-account .user-image .indicator {
    border-color: #151a23
}

body.is-dark .navbar-item.is-cart .cart-button .cart-count {
    border-color: #151a23
}

body.is-dark .navbar-item.is-cart .shopping-cart {
    background: #171c26 !important;
    border-color: #2f3b50 !important
}

    body.is-dark .navbar-item.is-cart .shopping-cart:after {
        border-bottom-color: #171c26
    }

    body.is-dark .navbar-item.is-cart .shopping-cart:before {
        border-bottom-color: #2f3b50
    }

    body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .navbar-cart-loader {
        background: #171c26 !important
    }

    body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .shopping-cart-header {
        border-color: #2f3b50 !important
    }

        body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .shopping-cart-header .cart-link {
            border-color: #3d70b2;
            color: #3d70b2
        }

            body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .shopping-cart-header .cart-link:hover {
                background: #3d70b2;
                color: #fff
            }

        body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .shopping-cart-header .shopping-cart-total .main-color-text {
            color: #e1e1e1
        }

    body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .shopping-cart-items .cart-row {
        border-color: #2f3b50 !important
    }

        body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .shopping-cart-items .cart-row .item-meta .item-name {
            color: #e1e1e1
        }

body.is-dark .navbar-item .nav-drop {
    background: #171c26 !important;
    border-color: #2f3b50 !important
}

    body.is-dark .navbar-item .nav-drop:after {
        border-bottom-color: #171c26 !important
    }

    body.is-dark .navbar-item .nav-drop:before {
        border-bottom-color: #171c26 !important
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-header, body.is-dark .navbar-item .nav-drop .nav-drop-footer {
        background: #171c26 !important;
        border-bottom-color: #242d3c
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-header {
        border-color: #2b3649 !important
    }

        body.is-dark .navbar-item .nav-drop .nav-drop-header .theme-toggle .toggler {
            background: #202836 !important
        }

    body.is-dark .navbar-item .nav-drop .nav-drop-body.account-items .account-item:hover {
        background: #2b3649
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-body.account-items .account-item .media .media-content h3 {
        color: #e1e1e1
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-body.is-friend-requests .media .media-content a, body.is-dark .navbar-item .nav-drop .nav-drop-body.is-notifications .media .media-content a, body.is-dark .navbar-item .nav-drop .nav-drop-body.is-messages .media .media-content a {
        color: #3d70b2
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-body.is-friend-requests .media .media-content .time, body.is-dark .navbar-item .nav-drop .nav-drop-body.is-notifications .media .media-content .time, body.is-dark .navbar-item .nav-drop .nav-drop-body.is-messages .media .media-content .time {
        color: #e1e1e1
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-body.is-friend-requests .media .media-right .button, body.is-dark .navbar-item .nav-drop .nav-drop-body.is-notifications .media .media-right .button, body.is-dark .navbar-item .nav-drop .nav-drop-body.is-messages .media .media-right .button {
        background: #2b3649 !important;
        border-color: #2b3649 !important
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-body .media {
        border-color: #2b3649 !important
    }

        body.is-dark .navbar-item .nav-drop .nav-drop-body .media .media-content a {
            color: #d6d6d6
        }

            body.is-dark .navbar-item .nav-drop .nav-drop-body .media .media-content a:hover {
                color: #3d70b2
            }

    body.is-dark .navbar-item .nav-drop .nav-drop-body .account-divider {
        background: #2b3649 !important
    }

body.is-dark .pageloader, body.is-dark .infraloader {
    background: #2f3b50
}

body.is-dark .button:not(.primary-button):not(.accent-button):not(.secondary-button):not(.blue-button):not(.green-button):not(.red-button) {
    background: #151a23;
    border-color: #283143;
    color: #fff
}

body.is-dark .dropdown > div .button {
    background: transparent !important
}

body.is-dark .load-more-button {
    background-color: #181f29;
    border-color: #283143;
    color: #757a91 !important
}

    body.is-dark .load-more-button:focus {
        border-color: #283143
    }

    body.is-dark .load-more-button:hover {
        background-color: #181f29
    }

    body.is-dark .load-more-button.loading {
        border-color: #242d3c #242d3c #242d3c #a2a5b9;
        background: #181f29
    }

body.is-dark .field > label {
    color: #a2a5b9
}

body.is-dark .input, body.is-dark .textarea {
    background: #283143;
    border-color: #2b3649;
    color: #fafafa
}

    body.is-dark .input::-moz-placeholder, body.is-dark .textarea::-moz-placeholder {
        color: #4e6183
    }

    body.is-dark .input::placeholder, body.is-dark .textarea::placeholder {
        color: #4e6183
    }

    body.is-dark .input:focus, body.is-dark .textarea:focus {
        border-color: #3b4963
    }

body.is-dark .select select {
    background: #242d3c;
    border-color: #242d3c;
    color: #fafafa
}

    body.is-dark .select select::-moz-placeholder {
        color: #4e6183
    }

    body.is-dark .select select::placeholder {
        color: #4e6183
    }

body.is-dark .datepicker-container {
    background: #181f29;
    border-color: #283143
}

    body.is-dark .datepicker-container:before {
        border-bottom-color: #283143
    }

    body.is-dark .datepicker-container:after {
        border-bottom-color: #181f29
    }

    body.is-dark .datepicker-container .datepicker-panel {
        background: #181f29
    }

        body.is-dark .datepicker-container .datepicker-panel ul.days li:not(.picked):not(.highlighted):hover {
            color: #fff !important;
            background: #283143 !important
        }

        body.is-dark .datepicker-container .datepicker-panel ul.days li:hover {
            color: #fff !important;
            background: #283143 !important
        }

        body.is-dark .datepicker-container .datepicker-panel ul li {
            color: #fafafa !important
        }

            body.is-dark .datepicker-container .datepicker-panel ul li:not(.picked):not(.highlighted) {
                background: #181f29
            }

            body.is-dark .datepicker-container .datepicker-panel ul li:hover {
                color: #fff !important;
                background: #283143 !important
            }

            body.is-dark .datepicker-container .datepicker-panel ul li.muted {
                color: #37445c !important
            }

            body.is-dark .datepicker-container .datepicker-panel ul li.highlighted {
                background: #283143 !important
            }

body.is-dark .combo-box, body.is-dark .image-combo-box, body.is-dark .stacked-combo-box {
    background: #242d3c;
    border-color: #2f3b50
}

    body.is-dark .combo-box.is-active, body.is-dark .image-combo-box.is-active, body.is-dark .stacked-combo-box.is-active {
        border-color: #334056
    }

    body.is-dark .combo-box .box-inner, body.is-dark .image-combo-box .box-inner, body.is-dark .stacked-combo-box .box-inner {
        color: #fafafa
    }

        body.is-dark .combo-box .box-inner .combo-item .selected-item, body.is-dark .image-combo-box .box-inner .combo-item .selected-item, body.is-dark .stacked-combo-box .box-inner .combo-item .selected-item {
            color: #fafafa
        }

    body.is-dark .combo-box .box-chevron svg, body.is-dark .image-combo-box .box-chevron svg, body.is-dark .stacked-combo-box .box-chevron svg {
        stroke: #a2a5b9
    }

    body.is-dark .combo-box .box-dropdown .dropdown-inner, body.is-dark .image-combo-box .box-dropdown .dropdown-inner, body.is-dark .stacked-combo-box .box-dropdown .dropdown-inner {
        background: #181f29;
        border-color: #283143
    }

        body.is-dark .combo-box .box-dropdown .dropdown-inner ul li:hover, body.is-dark .image-combo-box .box-dropdown .dropdown-inner ul li:hover, body.is-dark .stacked-combo-box .box-dropdown .dropdown-inner ul li:hover {
            background: #283143
        }

        body.is-dark .combo-box .box-dropdown .dropdown-inner ul li span, body.is-dark .image-combo-box .box-dropdown .dropdown-inner ul li span, body.is-dark .stacked-combo-box .box-dropdown .dropdown-inner ul li span {
            color: #a2a5b9;
            font-weight: 400
        }

body.is-dark .f-switch.is-primary input:checked + i {
    background-color: #3d70b2 !important
}

    body.is-dark .f-switch.is-primary input:checked + i:after {
        background: #fff !important
    }

body.is-dark .f-switch.is-accent input:checked + i {
    background-color: #3d70b2 !important
}

    body.is-dark .f-switch.is-accent input:checked + i:after {
        background: #fff !important
    }

body.is-dark .f-switch.is-blue input:checked + i {
    background-color: #039be5 !important
}

    body.is-dark .f-switch.is-blue input:checked + i:after {
        background: #fff !important
    }

body.is-dark .f-switch.is-red input:checked + i {
    background-color: #f71416 !important
}

    body.is-dark .f-switch.is-red input:checked + i:after {
        background: #fff !important
    }

body.is-dark .f-switch i {
    background: #334056
}

    body.is-dark .f-switch i:before {
        background: #202836 !important
    }

    body.is-dark .f-switch i:after {
        background: #3b4963 !important
    }

body.is-dark .f-switch input:checked + i {
    background-color: #1ce589
}

    body.is-dark .f-switch input:checked + i:after {
        background: #fff !important
    }

body.is-dark .material-radio .radio-label {
    color: #a2a5b9
}

body.is-dark .material-radio input:not(:checked) {
    border-color: #3e4e69
}

body.is-dark .round-checkbox input:not(:checked) + label {
    background: #2b3649;
    border-color: #3e4e69
}

body.is-dark .basic-checkbox .styled-checkbox:not(:checked) + label:before {
    background: #2b3649;
    border-color: #3e4e69
}

body.is-dark .modal .card .card-heading, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-heading {
    border-color: #2f3b50
}

    body.is-dark .modal .card .card-heading h3, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-heading h3 {
        color: #fafafa
    }

    body.is-dark .modal .card .card-heading .close-wrap .close-modal:hover, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .close-wrap .close-modal:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-heading .close-wrap .close-modal:hover {
        background: #283143
    }

body.is-dark .modal .card .subheading, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .subheading, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .subheading {
    border-color: #2f3b50 !important
}

    body.is-dark .modal .card .subheading .group-avatar .add-photo, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .subheading .group-avatar .add-photo, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .subheading .group-avatar .add-photo {
        background: #2d394c
    }

    body.is-dark .modal .card .subheading .control input, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .subheading .control input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .subheading .control input {
        background: #202836;
        border-color: #202836;
        color: #fafafa
    }

        body.is-dark .modal .card .subheading .control input::-moz-placeholder, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .subheading .control input::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .subheading .control input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .modal .card .subheading .control input::placeholder, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .subheading .control input::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .subheading .control input::placeholder {
            color: #4e6183
        }

body.is-dark .modal .card .card-body .content-block .help-text h3, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .content-block .help-text h3, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-body .content-block .help-text h3 {
    color: #fafafa
}

body.is-dark .modal .card .card-body .content-block .help-text p, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .content-block .help-text p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-body .content-block .help-text p {
    color: #a2a5b9
}

body.is-dark .modal .card .card-body .slide-dots .dot:not(.is-active), body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .slide-dots .dot:not(.is-active), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-body .slide-dots .dot:not(.is-active) {
    background: #11151c
}

body.is-dark .modal .card .card-footer, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-footer {
    border-color: #2f3b50
}

    body.is-dark .modal .card .card-footer .grey-button, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .grey-button, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-footer .grey-button {
        background: #181f29;
        border-color: #181f29;
        color: #fafafa
    }

    body.is-dark .modal .card .card-footer .dropdown > div .button, body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .dropdown > div .button, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-footer .dropdown > div .button {
        background: #171c26;
        border-color: #283143;
        color: #a2a5b9
    }

body.is-dark .create-group-modal .card-body .inner .left-section .search-subheader {
    border-color: #2f3b50 !important
}

    body.is-dark .create-group-modal .card-body .inner .left-section .search-subheader .control input {
        background: #202836;
        border-color: #202836;
        color: #fafafa
    }

        body.is-dark .create-group-modal .card-body .inner .left-section .search-subheader .control input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .create-group-modal .card-body .inner .left-section .search-subheader .control input::placeholder {
            color: #4e6183
        }

body.is-dark .create-group-modal .card-body .inner .left-section .user-list .friend-block:hover {
    background: #2b3649
}

body.is-dark .create-group-modal .card-body .inner .left-section .user-list .friend-block .round-checkbox input:not(:checked) + label {
    background: #171c26;
    border-color: #283143
}

body.is-dark .create-group-modal .card-body .inner .left-section .user-list .friend-block .friend-name {
    color: #a2a5b9
}

body.is-dark .create-group-modal .card-body .inner .right-section {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .create-group-modal .card-body .inner .right-section .selected-count span:first-child {
        color: #a2a5b9
    }

    body.is-dark .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .image-wrapper .checked-badge {
        border-color: #202836
    }

    body.is-dark .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .friend-name {
        color: #fafafa
    }

body.is-dark .albums-modal .card-body .left-section {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .albums-modal .card-body .left-section .album-form .control .input, body.is-dark .albums-modal .card-body .left-section .album-form .control .textarea {
        background: #283143;
        border-color: #334056;
        color: #fafafa
    }

        body.is-dark .albums-modal .card-body .left-section .album-form .control .input::-moz-placeholder, body.is-dark .albums-modal .card-body .left-section .album-form .control .textarea::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .albums-modal .card-body .left-section .album-form .control .input::placeholder, body.is-dark .albums-modal .card-body .left-section .album-form .control .textarea::placeholder {
            color: #4e6183
        }

    body.is-dark .albums-modal .card-body .left-section .album-date .head h4, body.is-dark .albums-modal .card-body .left-section .tagged-in-album .head h4, body.is-dark .albums-modal .card-body .left-section .shared-album .head h4 {
        color: #fafafa
    }

    body.is-dark .albums-modal .card-body .left-section .album-date .head .button, body.is-dark .albums-modal .card-body .left-section .tagged-in-album .head .button, body.is-dark .albums-modal .card-body .left-section .shared-album .head .button {
        background: #181f29;
        border-color: #283143
    }

    body.is-dark .albums-modal .card-body .left-section .album-date .head .basic-checkbox .styled-checkbox:not(:checked) + label:before, body.is-dark .albums-modal .card-body .left-section .tagged-in-album .head .basic-checkbox .styled-checkbox:not(:checked) + label:before, body.is-dark .albums-modal .card-body .left-section .shared-album .head .basic-checkbox .styled-checkbox:not(:checked) + label:before {
        background: #181f29;
        border-color: #283143
    }

    body.is-dark .albums-modal .card-body .left-section .album-date > p, body.is-dark .albums-modal .card-body .left-section .tagged-in-album > p, body.is-dark .albums-modal .card-body .left-section .shared-album > p {
        color: #a2a5b9
    }

    body.is-dark .albums-modal .card-body .left-section .album-date .control .input, body.is-dark .albums-modal .card-body .left-section .tagged-in-album .control .input, body.is-dark .albums-modal .card-body .left-section .shared-album .control .input {
        background: #283143;
        border-color: #334056;
        color: #fafafa
    }

        body.is-dark .albums-modal .card-body .left-section .album-date .control .input::-moz-placeholder, body.is-dark .albums-modal .card-body .left-section .tagged-in-album .control .input::-moz-placeholder, body.is-dark .albums-modal .card-body .left-section .shared-album .control .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .albums-modal .card-body .left-section .album-date .control .input::placeholder, body.is-dark .albums-modal .card-body .left-section .tagged-in-album .control .input::placeholder, body.is-dark .albums-modal .card-body .left-section .shared-album .control .input::placeholder {
            color: #4e6183
        }

body.is-dark .albums-modal .card-body .right-section .modal-uploader #actions .button {
    background: #151a23;
    border-color: #283143;
    color: #fff
}

body.is-dark .albums-modal .card-body .right-section .modal-uploader #actions .file-count {
    color: #a2a5b9
}

body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box {
    background: #151a23
}

    body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .remove-button {
        border-color: #202836;
        background: #151a23
    }

    body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .preview-body {
        border-color: #283143
    }

        body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .preview-body .item-meta * {
            color: #a2a5b9
        }

        body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .preview-body .upload-item-description .control .textarea {
            background: #151a23;
            border-color: #151a23;
            color: #fafafa
        }

            body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .preview-body .upload-item-description .control .textarea::-moz-placeholder {
                color: #4e6183
            }

            body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .preview-body .upload-item-description .control .textarea::placeholder {
                color: #4e6183
            }

body.is-dark .videos-modal .card .card-body .inner .right-section, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section {
    border-color: #334056
}

    body.is-dark .videos-modal .card .card-body .inner .right-section .header .user-meta span:first-child, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .header .user-meta span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .header .user-meta span:first-child {
        color: #fafafa
    }

        body.is-dark .videos-modal .card .card-body .inner .right-section .header .user-meta span:first-child small, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .header .user-meta span:first-child small, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .header .user-meta span:first-child small {
            color: #a2a5b9
        }

    body.is-dark .videos-modal .card .card-body .inner .right-section .header .user-meta span:nth-child(2), body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .header .user-meta span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .header .user-meta span:nth-child(2) {
        color: #a2a5b9
    }

    body.is-dark .videos-modal .card .card-body .inner .right-section .header > .button, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .header > .button, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .header > .button {
        background: #151a23;
        border-color: #283143;
        color: #fff
    }

    body.is-dark .videos-modal .card .card-body .inner .right-section .header .dropdown > div .button svg, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .header .dropdown > div .button svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .header .dropdown > div .button svg {
        stroke: #a2a5b9
    }

    body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .control .input, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .control .input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .control .input {
        background: #151a23;
        border-color: #151a23;
        color: #fafafa
    }

        body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .control .input::-moz-placeholder, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .control .input::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .control .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .control .input::placeholder, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .control .input::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .control .input::placeholder {
            color: #4e6183
        }

    body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .live-stats, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .live-stats, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .live-stats {
        border-color: #334056
    }

    body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .actions .action:not(:hover) span, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .actions .action:not(:hover) span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .actions .action:not(:hover) span {
        color: #a2a5b9
    }

    body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .actions .dropdown > div .avatar-button svg, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .actions .dropdown > div .avatar-button svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .actions .dropdown > div .avatar-button svg {
        fill: #fafafa
    }

    body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tabs ul, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tabs ul, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tabs ul {
        border-color: #334056
    }

        body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tabs ul li:not(.is-active) a, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tabs ul li:not(.is-active) a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tabs ul li:not(.is-active) a {
            border-color: #334056
        }

    body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tab-content, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content {
        background: #151a23
    }

        body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content {
            background: #262f40
        }

            body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content .username, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content .username, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content .username {
                color: #fafafa
            }

            body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content p, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content p {
                color: #a2a5b9
            }

            body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content .comment-actions span, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content .comment-actions span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content .comment-actions span {
                color: #a2a5b9
            }

    body.is-dark .videos-modal .card .card-body .inner .right-section .comment-controls, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .comment-controls, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .comment-controls {
        background: #202836;
        border-color: #334056
    }

        body.is-dark .videos-modal .card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea {
            background: #151a23;
            border-color: #151a23;
            color: #fafafa
        }

            body.is-dark .videos-modal .card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::-moz-placeholder, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::-moz-placeholder {
                color: #4e6183
            }

            body.is-dark .videos-modal .card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::placeholder, body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::placeholder {
                color: #4e6183
            }

body.is-dark .share-modal .card .card-heading .share-dropdown:not(.is-active) > div .button, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .share-dropdown:not(.is-active) > div .button, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-heading .share-dropdown:not(.is-active) > div .button {
    background: #151a23;
    border-color: #283143;
    color: #a2a5b9
}

body.is-dark .share-modal .card .card-heading .share-dropdown .dropdown-menu .dropdown-content, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .share-dropdown .dropdown-menu .dropdown-content, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-heading .share-dropdown .dropdown-menu .dropdown-content {
    background: #151a23;
    border-color: #283143
}

    body.is-dark .share-modal .card .card-heading .share-dropdown .dropdown-menu .dropdown-content .dropdown-item:hover, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .share-dropdown .dropdown-menu .dropdown-content .dropdown-item:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-heading .share-dropdown .dropdown-menu .dropdown-content .dropdown-item:hover {
        background: #242d3c
    }

    body.is-dark .share-modal .card .card-heading .share-dropdown .dropdown-menu .dropdown-content .dropdown-item .media .media-content small, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .share-dropdown .dropdown-menu .dropdown-content .dropdown-item .media .media-content small, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-heading .share-dropdown .dropdown-menu .dropdown-content .dropdown-item .media .media-content small {
        color: #a2a5b9
    }

body.is-dark .share-modal .card .card-body > .control .textarea, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body > .control .textarea, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body > .control .textarea {
    background: #202836;
    border-color: #202836;
    color: #fafafa
}

    body.is-dark .share-modal .card .card-body > .control .textarea::-moz-placeholder, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body > .control .textarea::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body > .control .textarea::-moz-placeholder {
        color: #4e6183
    }

    body.is-dark .share-modal .card .card-body > .control .textarea::placeholder, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body > .control .textarea::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body > .control .textarea::placeholder {
        color: #4e6183
    }

body.is-dark .share-modal .card .card-body .shared-publication .publication-meta, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-meta, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-meta {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .share-modal .card .card-body .shared-publication .publication-meta .inner-flex p, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-meta .inner-flex p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-meta .inner-flex p {
        color: #a2a5b9
    }

        body.is-dark .share-modal .card .card-body .shared-publication .publication-meta .inner-flex p:before, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-meta .inner-flex p:before, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-meta .inner-flex p:before, body.is-dark .share-modal .card .card-body .shared-publication .publication-meta .inner-flex p:after, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-meta .inner-flex p:after, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-meta .inner-flex p:after {
            display: none !important
        }

body.is-dark .share-modal .card .card-body .shared-publication .publication-footer .stats .stat-block i, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-footer .stats .stat-block i, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-footer .stats .stat-block i, body.is-dark .share-modal .card .card-body .shared-publication .publication-footer .stats .stat-block small, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-footer .stats .stat-block small, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-footer .stats .stat-block small {
    color: #a2a5b9
}

body.is-dark .share-modal .card .card-body .shared-publication .publication-footer .publication-origin i, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-footer .publication-origin i, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-footer .publication-origin i, body.is-dark .share-modal .card .card-body .shared-publication .publication-footer .publication-origin small, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-footer .publication-origin small, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-footer .publication-origin small {
    color: #a2a5b9
}

body.is-dark .share-modal .card .bottom-share-inputs .control, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .bottom-share-inputs .control, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .bottom-share-inputs .control {
    border-color: #334056
}

    body.is-dark .share-modal .card .bottom-share-inputs .control .input-heading, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .bottom-share-inputs .control .input-heading, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .bottom-share-inputs .control .input-heading {
        background: #171c26
    }

body.is-dark .share-modal .card .card-footer, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-footer {
    background: #202836
}

    body.is-dark .share-modal .card .card-footer .action-wrap .footer-action:hover, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .action-wrap .footer-action:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-footer .action-wrap .footer-action:hover, body.is-dark .share-modal .card .card-footer .action-wrap .footer-action.is-active, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .action-wrap .footer-action.is-active, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-footer .action-wrap .footer-action.is-active {
        background: #293446
    }

        body.is-dark .share-modal .card .card-footer .action-wrap .footer-action:hover i, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .action-wrap .footer-action:hover i, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-footer .action-wrap .footer-action:hover i, body.is-dark .share-modal .card .card-footer .action-wrap .footer-action.is-active i, body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .action-wrap .footer-action.is-active i, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-footer .action-wrap .footer-action.is-active i {
            color: #fafafa
        }

    body.is-dark .share-modal .card .card-footer .button-wrap .button:not(.primary-button), body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .button-wrap .button:not(.primary-button), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-footer .button-wrap .button:not(.primary-button) {
        background: #171c26;
        border-color: #171c26;
        color: #a2a5b9
    }

body.is-dark .change-cover-modal .card-body .selection-placeholder .selection-box, body.is-dark .change-profile-pic-modal .card-body .selection-placeholder .selection-box, body.is-dark .new-story-modal .card-body .selection-placeholder .selection-box {
    background: #2f3b50;
    border-color: #37445c
}

    body.is-dark .change-cover-modal .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child, body.is-dark .change-profile-pic-modal .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child, body.is-dark .new-story-modal .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child {
        color: #3d70b2
    }

    body.is-dark .change-cover-modal .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child, body.is-dark .change-profile-pic-modal .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child, body.is-dark .new-story-modal .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child {
        color: #fafafa
    }

    body.is-dark .change-cover-modal .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2), body.is-dark .change-profile-pic-modal .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2), body.is-dark .new-story-modal .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2) {
        color: #a2a5b9
    }

body.is-dark .user-photos-modal .card .card-body .nav-tabs-wrapper .tabs ul li.is-active, body.is-dark .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .nav-tabs-wrapper .tabs ul li.is-active, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .user-photos-modal .summary-card .card-body .nav-tabs-wrapper .tabs ul li.is-active {
    background: #3d70b2;
    border-color: #3d70b2
}

    body.is-dark .user-photos-modal .card .card-body .nav-tabs-wrapper .tabs ul li.is-active a, body.is-dark .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .nav-tabs-wrapper .tabs ul li.is-active a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .user-photos-modal .summary-card .card-body .nav-tabs-wrapper .tabs ul li.is-active a {
        color: #fff
    }

body.is-dark .user-photos-modal .card .card-body .album-wrapper, body.is-dark .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .user-photos-modal .summary-card .card-body .album-wrapper {
    background: #334056;
    border-color: #3e4e69
}

    body.is-dark .user-photos-modal .card .card-body .album-wrapper .album-meta .album-title span:first-child, body.is-dark .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .album-title span:first-child, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .album-title span:first-child {
        color: #fafafa;
        font-weight: 500
    }

    body.is-dark .user-photos-modal .card .card-body .album-wrapper .album-meta .album-title span:nth-child(2), body.is-dark .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .album-title span:nth-child(2), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .album-title span:nth-child(2) {
        color: #a2a5b9
    }

    body.is-dark .user-photos-modal .card .card-body .album-wrapper .album-meta .image-count span, body.is-dark .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .image-count span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .image-count span {
        color: #a2a5b9
    }

body.is-dark .upload-crop-profile-modal .card .card-body .profile-uploader-box, body.is-dark .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box, body.is-dark .upload-crop-profile-modal .card .card-body .cover-uploader-box, body.is-dark .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box, body.is-dark .upload-crop-cover-modal .card .card-body .profile-uploader-box, body.is-dark .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box, body.is-dark .upload-crop-cover-modal .card .card-body .cover-uploader-box, body.is-dark .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box {
    border-color: #425370
}

body.is-dark .upload-crop-profile-modal .card .card-body .upload-demo-wrap .upload-help .cover-reset, body.is-dark .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-demo-wrap .upload-help .cover-reset, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .upload-crop-profile-modal .summary-card .card-body .upload-demo-wrap .upload-help .cover-reset, body.is-dark .upload-crop-cover-modal .card .card-body .upload-demo-wrap .upload-help .cover-reset, body.is-dark .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-demo-wrap .upload-help .cover-reset, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .upload-crop-cover-modal .summary-card .card-body .upload-demo-wrap .upload-help .cover-reset {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

body.is-dark .video-story-modal .card .card-body .story-meta > p, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta > p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta > p, body.is-dark .image-story-modal .card .card-body .story-meta > p, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta > p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta > p {
    color: #a2a5b9
}

body.is-dark .video-story-modal .card .card-body .story-meta .field .control.buttons .button:not(.accent-button), body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control.buttons .button:not(.accent-button), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control.buttons .button:not(.accent-button), body.is-dark .image-story-modal .card .card-body .story-meta .field .control.buttons .button:not(.accent-button), body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control.buttons .button:not(.accent-button), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control.buttons .button:not(.accent-button) {
    background: #181f29;
    border-color: #283143;
    color: #fafafa
}

body.is-dark .video-story-modal .card .card-body .story-meta .field .control .input, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .input, body.is-dark .video-story-modal .card .card-body .story-meta .field .control .textarea, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .textarea, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .input, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .input, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .textarea, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .textarea {
    background: #283143;
    border-color: #334056;
    color: #fafafa
}

    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .input::-moz-placeholder, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .input::-moz-placeholder, body.is-dark .video-story-modal .card .card-body .story-meta .field .control .textarea::-moz-placeholder, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .textarea::-moz-placeholder, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .input::-moz-placeholder, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .input::-moz-placeholder, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .textarea::-moz-placeholder, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .textarea::-moz-placeholder {
        color: #4e6183
    }

    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .input::placeholder, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .input::placeholder, body.is-dark .video-story-modal .card .card-body .story-meta .field .control .textarea::placeholder, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .textarea::placeholder, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .input::placeholder, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .input::placeholder, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .textarea::placeholder, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .textarea::placeholder {
        color: #4e6183
    }

body.is-dark .video-story-modal .card .card-body .story-meta .field .control .tokenize, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .tokenize, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .tokenize, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .tokenize {
    background: #283143;
    border-color: #334056
}

    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .tokenize .token, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .token, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .tokenize .token, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .tokenize .token, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .token, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .tokenize .token {
        background: #202836;
        border-color: #202836;
        color: #fafafa
    }

    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .tokenize .token-search, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .token-search, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .tokenize .token-search, body.is-dark .video-story-modal .card .card-body .story-meta .field .control .tokenize .placeholder, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .tokenize .placeholder, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .tokenize .token-search, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .token-search, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .tokenize .token-search, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .tokenize .placeholder, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .tokenize .placeholder {
        border: none
    }

        body.is-dark .video-story-modal .card .card-body .story-meta .field .control .tokenize .token-search input, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .token-search input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .tokenize .token-search input, body.is-dark .video-story-modal .card .card-body .story-meta .field .control .tokenize .placeholder input, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .placeholder input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .tokenize .placeholder input, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .tokenize .token-search input, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .token-search input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .tokenize .token-search input, body.is-dark .image-story-modal .card .card-body .story-meta .field .control .tokenize .placeholder input, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .placeholder input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .tokenize .placeholder input {
            border: none;
            color: #fafafa
        }

body.is-dark .video-story-modal .card .card-body .story-upload .input-block input, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-upload .input-block input, body.is-dark .image-story-modal .card .card-body .story-upload .input-block input, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-upload .input-block input {
    background: #283143;
    border-color: #334056;
    color: #a2a5b9
}

    body.is-dark .video-story-modal .card .card-body .story-upload .input-block input::-webkit-file-upload-button, body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block input::-webkit-file-upload-button, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-upload .input-block input::-webkit-file-upload-button, body.is-dark .image-story-modal .card .card-body .story-upload .input-block input::-webkit-file-upload-button, body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block input::-webkit-file-upload-button, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-upload .input-block input::-webkit-file-upload-button {
        background: #181f29;
        border-color: #283143;
        color: #fafafa
    }

body.is-dark .end-tour-modal .card .card-body .image-wrap, body.is-dark .end-tour-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-wrap, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .end-tour-modal .summary-card .card-body .image-wrap {
    background: #334056
}

body.is-dark .end-tour-modal .card .card-body h3, body.is-dark .end-tour-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body h3, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .end-tour-modal .summary-card .card-body h3 {
    color: #fafafa
}

body.is-dark .end-tour-modal .card .card-body p, body.is-dark .end-tour-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .end-tour-modal .summary-card .card-body p {
    color: #a2a5b9
}

body.is-dark .fancybox-bg {
    background: #181f29
}

body.is-dark .fancybox-confirm {
    padding: 2.5rem !important;
    background: #11151c
}

    body.is-dark .fancybox-confirm .title {
        color: #fff
    }

    body.is-dark .fancybox-confirm p {
        color: #a2a5b9
    }

body.is-dark .webui-popover {
    background: #151a23 !important;
    color: #a2a5b9 !important
}

    body.is-dark .webui-popover.top .webui-arrow {
        border-top-color: #151a23 !important
    }

    body.is-dark .webui-popover.right .webui-arrow {
        border-top-color: transparent !important;
        border-right-color: #151a23 !important
    }

        body.is-dark .webui-popover.right .webui-arrow:after {
            border-right-color: #151a23 !important
        }

    body.is-dark .webui-popover.left .webui-arrow:after {
        border-left-color: #151a23 !important
    }

    body.is-dark .webui-popover.bottom .webui-arrow:after {
        border-bottom-color: #151a23 !important
    }

    body.is-dark .webui-popover.bottom-right .webui-arrow:after, body.is-dark .webui-popover.bottom-left .webui-arrow:after {
        border-bottom-color: #151a23 !important
    }

    body.is-dark .webui-popover.top-right .webui-arrow:after {
        border-top-color: #151a23 !important
    }

    body.is-dark .webui-popover.top-left .webui-arrow {
        border-top-color: #151a23 !important
    }

    body.is-dark .webui-popover .webui-popover-content .popover-flex-block .icon-block svg {
        stroke: #a2a5b9
    }

    body.is-dark .webui-popover .webui-popover-content .popover-flex-block .content-block span:first-child {
        color: #fafafa
    }

    body.is-dark .webui-popover .webui-popover-content .popover-flex-block .content-block span:nth-child(2) {
        color: #a2a5b9
    }

body.is-dark .profile-popover-block .profile-popover-wrapper .popover-cover .popover-avatar .avatar {
    border-color: #151a23 !important
}

body.is-dark .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .username, body.is-dark .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .pagename, body.is-dark .profile-popover-block .profile-popover-wrapper .popover-meta span.page-meta .username, body.is-dark .profile-popover-block .profile-popover-wrapper .popover-meta span.page-meta .pagename {
    color: #fafafa
}

body.is-dark .profile-popover-block .loader-overlay {
    background: #151a23 !important
}

body.is-dark .ql-tooltip {
    background: #151a23 !important
}

    body.is-dark .ql-tooltip .ql-tooltip-arrow {
        border-bottom-color: #151a23 !important
    }

    body.is-dark .ql-tooltip .ql-picker-options {
        background: #151a23 !important
    }

body.is-dark .flex-table .flex-table-header span {
    color: #a2a5b9
}

body.is-dark .flex-table .flex-table-item {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .flex-table .flex-table-item > div {
        border-color: #3b4963
    }

    body.is-dark .flex-table .flex-table-item .product span {
        color: #fafafa
    }

    body.is-dark .flex-table .flex-table-item .quantity.has-spinner .spinner {
        background: #181f29;
        border-color: #283143
    }

        body.is-dark .flex-table .flex-table-item .quantity.has-spinner .spinner .remove:hover svg, body.is-dark .flex-table .flex-table-item .quantity.has-spinner .spinner .add:hover svg {
            stroke: #3d70b2
        }

        body.is-dark .flex-table .flex-table-item .quantity.has-spinner .spinner .value {
            color: #fafafa
        }

    body.is-dark .flex-table .flex-table-item .price .has-price, body.is-dark .flex-table .flex-table-item .discount .has-price, body.is-dark .flex-table .flex-table-item .total .has-price {
        color: #fafafa
    }

body.is-dark .schedule {
    background: #202836;
    border-color: #334056
}

    body.is-dark .schedule .schedule-day-container .day-content {
        background: #202836;
        border-color: #334056
    }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .meta-block > i {
            color: #a2a5b9
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .meta-block .meta span:first-child {
            color: #fafafa;
            font-weight: 500
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .meta-block .meta span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap label {
            color: #fafafa
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img {
            border-color: #202836
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .event-description label {
            color: #fafafa
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .event-description p {
            color: #a2a5b9
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap hr {
            height: 1px;
            background: #2f3b50
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .button-wrap .button {
            background: #171c26;
            border-color: #171c26;
            color: #a2a5b9
        }

            body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .button-wrap .button:hover {
                background: #3d70b2;
                border-color: #3d70b2;
                color: #fff
            }

    body.is-dark .schedule .schedule-header .nav-icon:hover, body.is-dark .schedule .schedule-header .month:hover {
        background: #2f3b50
    }

    body.is-dark .schedule .schedule-header .month {
        color: #fafafa
    }

    body.is-dark .schedule .schedule-divider {
        background: #334056
    }

    body.is-dark .schedule .schedule-calendar .calendar-row .day.day-name {
        color: #a2a5b9
    }

    body.is-dark .schedule .schedule-calendar .calendar-row .day {
        color: #a2a5b9
    }

        body.is-dark .schedule .schedule-calendar .calendar-row .day:not(.event):hover {
            background: #293446
        }

    body.is-dark .schedule .schedule-calendar .next-fab {
        background: #293446;
        border-color: #334056
    }

        body.is-dark .schedule .schedule-calendar .next-fab:hover {
            background: #242d3c
        }

        body.is-dark .schedule .schedule-calendar .next-fab svg {
            stroke: #a2a5b9
        }

    body.is-dark .schedule .schedule-events {
        background: #202836;
        border-color: #334056
    }

        body.is-dark .schedule .schedule-events .schedule-events-title {
            color: #fafafa
        }

        body.is-dark .schedule .schedule-events .schedule-event .event-title span:first-child {
            color: #fafafa;
            font-weight: 500
        }

        body.is-dark .schedule .schedule-events .schedule-event .event-title span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .schedule .schedule-events .button-wrap .button {
            background: #171c26;
            border-color: #171c26;
            color: #a2a5b9
        }

            body.is-dark .schedule .schedule-events .button-wrap .button:hover {
                background: #3d70b2;
                border-color: #3d70b2;
                color: #fff
            }

body.is-dark .loads {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeload;
    animation-timing-function: linear;
    background: #191c26;
    background: #31374a;
    background: linear-gradient(to right, #31374a 8%, #191c26 18%, #31374a 33%);
    background-size: 1200px 104px;
    position: relative
}

body.is-dark .compose-placeload {
    border-color: #283143;
    background: #202836
}

body.is-dark .post-placeload {
    border-color: #283143 !important;
    background: #202836 !important
}

body.is-dark .stories-placeload, body.is-dark .list-placeload {
    border-color: #283143 !important;
    background: #202836 !important
}

body.is-dark .mini-widget-placeload {
    border-color: #283143 !important;
    background: #202836 !important
}

body.is-dark .weather-widget-placeload {
    border-color: #283143 !important;
    background: #202836 !important
}

body.is-dark .questions-single-placeload.is-card {
    border-color: #2f3b50 !important;
    background: #2f3b50 !important
}

body.is-dark .questions-categories-placeload .is-tile-placeload {
    border-color: #3b4963 !important;
    background: #202836 !important
}

body.is-dark .questions-stats-placeload.is-header {
    border-color: #3b4963 !important;
    background: #202836 !important
}

body.is-dark .questions-stats-placeload.is-carousel .placeload-grid .grid-item {
    border-color: #3b4963 !important;
    background: #202836 !important
}

body.is-dark .questions-side-placeload {
    border-color: #3b4963 !important;
    background: #202836 !important
}

body.is-dark .questions-settings-placeload.is-card {
    border-color: #3b4963 !important;
    background: #202836 !important
}

body.is-dark .fancybox-custom-layout .fancybox-caption {
    background: #202836
}

    body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body {
        background: #202836
    }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .header .user-meta span:first-child {
            color: #fafafa
        }

            body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .header .user-meta span:first-child small {
                color: #a2a5b9
            }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .header .user-meta span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .header > .button {
            background: #151a23;
            border-color: #283143;
            color: #fff
        }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .header .dropdown > div .button svg {
            stroke: #a2a5b9
        }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .inner-content .live-stats {
            border-color: #334056
        }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .inner-content .actions .action:not(:hover) span {
            color: #a2a5b9
        }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .inner-content .actions .dropdown > div .avatar-button svg {
            fill: #fafafa
        }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comments-list {
            background: #151a23
        }

            body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comments-list .media.is-comment .media-content {
                background: #262f40
            }

                body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comments-list .media.is-comment .media-content .username {
                    color: #fafafa
                }

                body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comments-list .media.is-comment .media-content p {
                    color: #a2a5b9
                }

                body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comments-list .media.is-comment .media-content .comment-actions span {
                    color: #a2a5b9
                }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comment-controls {
            background: #202836;
            border-color: #334056
        }

            body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comment-controls .controls-inner .control .textarea {
                background: #151a23;
                border-color: #151a23;
                color: #fafafa
            }

                body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comment-controls .controls-inner .control .textarea::-moz-placeholder {
                    color: #4e6183
                }

                body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comment-controls .controls-inner .control .textarea::placeholder {
                    color: #4e6183
                }

body.is-dark .hopscotch-bubble {
    border-color: #283143 !important;
    background: #151a23 !important
}

    body.is-dark .hopscotch-bubble .hopscotch-bubble-container {
        background: #151a23 !important
    }

        body.is-dark .hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-number {
            background: #151a23 !important
        }

        body.is-dark .hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-content .hopscotch-title {
            color: #fafafa
        }

        body.is-dark .hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-content .hopscotch-content {
            color: #a2a5b9
        }

        body.is-dark .hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button {
            background: #3d70b2 !important;
            border-color: #3d70b2 !important;
            color: #fff !important;
            outline: none !important
        }

        body.is-dark .hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-close {
            background: #151a23 !important
        }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.up .hopscotch-bubble-arrow-border {
        border-bottom-color: #283143 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.up .hopscotch-bubble-arrow {
        border-bottom-color: #151a23 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.down .hopscotch-bubble-arrow-border {
        border-top-color: #283143 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.down .hopscotch-bubble-arrow {
        border-top-color: #151a23 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.right .hopscotch-bubble-arrow-border {
        border-left-color: #283143 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.right .hopscotch-bubble-arrow {
        border-left-color: #151a23 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.left .hopscotch-bubble-arrow-border {
        border-right-color: #283143 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.left .hopscotch-bubble-arrow {
        border-right-color: #151a23 !important
    }

body.is-dark .subloader {
    background: #2f3b50 !important
}

body.is-dark .is-dark-heading {
    color: #ebebeb !important
}

body.is-dark .chat-wrapper .chat-inner .chat-nav, body.is-dark .chat-wrapper .chat-inner .users-sidebar {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username span:first-child {
        color: #fafafa
    }

    body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .control .input {
        background: #283143;
        border-color: #283143;
        color: #fafafa
    }

        body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .control .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .control .input::placeholder {
            color: #4e6183
        }

        body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .control .input:focus ~ .form-icon svg {
            stroke: #3d70b2 !important
        }

    body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .control .form-icon svg {
        stroke: #4e6183
    }

    body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .close-chat:hover {
        background: #283143
    }

    body.is-dark .chat-wrapper .chat-inner .users-sidebar .conversations-list .user-item.is-active {
        background: #242d3c
    }

        body.is-dark .chat-wrapper .chat-inner .users-sidebar .conversations-list .user-item.is-active .avatar-container .user-status {
            border-color: #242d3c
        }

    body.is-dark .chat-wrapper .chat-inner .users-sidebar .conversations-list .user-item:hover {
        background: #283143
    }

        body.is-dark .chat-wrapper .chat-inner .users-sidebar .conversations-list .user-item:hover .avatar-container .user-status {
            border-color: #283143
        }

    body.is-dark .chat-wrapper .chat-inner .users-sidebar .conversations-list .user-item .avatar-container .user-status {
        border-color: #151a23
    }

body.is-dark .chat-wrapper .chat-inner .chat-body, body.is-dark .chat-wrapper .chat-inner .chat-action {
    background: #2f3b50
}

    body.is-dark .chat-wrapper .chat-inner .chat-body .chat-body-inner .date-divider hr {
        background: #425370
    }

    body.is-dark .chat-wrapper .chat-inner .chat-body .chat-body-inner .date-divider span {
        background: #2f3b50;
        color: #c7c7c7
    }

    body.is-dark .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent .message-text {
        background: #222a39
    }

        body.is-dark .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent .message-text:before {
            border-top-color: #222a39
        }

    body.is-dark .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .textarea {
        background: #222a39;
        border-color: #293446;
        color: #fafafa
    }

        body.is-dark .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .textarea:focus {
            border-color: #334056 !important
        }

body.is-dark .chat-wrapper .chat-inner .chat-panel {
    background: #283143;
    border-color: #283143
}

    body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header {
        background: #283143;
        border-color: #283143
    }

        body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header h3 {
            color: #fafafa
        }

        body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header .panel-close:hover {
            background: #37445c
        }

    body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body .panel-body-inner .subheader .action-icon:hover {
        background: #37445c
    }

    body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body .panel-body-inner .details-avatar .call-me {
        border-color: #283143
    }

    body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body .panel-body-inner .user-meta h3 {
        color: #fafafa
    }

    body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body .panel-body-inner .user-about .about-block {
        background: #222a39;
        border-color: #2f3b50
    }

        body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body .panel-body-inner .user-about .about-block .about-text span:first-child {
            color: #fafafa
        }

        body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body .panel-body-inner .user-about .about-block .about-text span:nth-child(2) {
            color: #a2a5b9 !important
        }

body.is-dark .add-conversation-modal .modal-content .card .card-heading h3, body.is-dark .add-conversation-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .add-conversation-modal .modal-content .summary-card .card-heading h3 {
    color: #fafafa
}

body.is-dark .add-conversation-modal .modal-content .card .card-heading .close-wrap .close-modal:hover, body.is-dark .add-conversation-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .close-wrap .close-modal:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .add-conversation-modal .modal-content .summary-card .card-heading .close-wrap .close-modal:hover {
    background: #2b3649
}

body.is-dark .card.is-new-content .tabs, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .tabs {
    background: #283143
}

    body.is-dark .card.is-new-content .tabs ul, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs ul, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .tabs ul {
        background: #283143;
        border-color: #283143
    }

    body.is-dark .card.is-new-content .tabs li, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .tabs li {
        background: #283143
    }

        body.is-dark .card.is-new-content .tabs li.close-wrap .close-publish:hover, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.close-wrap .close-publish:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .tabs li.close-wrap .close-publish:hover {
            background: #202836
        }

        body.is-dark .card.is-new-content .tabs li.is-active a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.is-active a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .tabs li.is-active a {
            border-color: transparent !important;
            background: #202836
        }

        body.is-dark .card.is-new-content .tabs li a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .tabs li a {
            background: #283143;
            border-color: #283143 !important
        }

body.is-dark .card.is-new-content .compose, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose {
    border-color: #283143
}

    body.is-dark .card.is-new-content .compose .compose-form .control .textarea, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .compose-form .control .textarea, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose .compose-form .control .textarea {
        border-color: #202836;
        background: #202836;
        color: #fafafa
    }

        body.is-dark .card.is-new-content .compose .compose-form .control .textarea::-moz-placeholder, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .compose-form .control .textarea::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose .compose-form .control .textarea::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .card.is-new-content .compose .compose-form .control .textarea::placeholder, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .compose-form .control .textarea::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose .compose-form .control .textarea::placeholder {
            color: #4e6183
        }

    body.is-dark .card.is-new-content .compose .feed-upload .upload-wrap .remove-file, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .feed-upload .upload-wrap .remove-file, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose .feed-upload .upload-wrap .remove-file {
        background: #181f29
    }

    body.is-dark .card.is-new-content .compose .options-summary, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .options-summary, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose .options-summary {
        background: #283143
    }

body.is-dark .card.is-new-content .compose-options, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose-options {
    background: #202836
}

    body.is-dark .card.is-new-content .compose-options .compose-option, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose-options .compose-option {
        background: #2b3649
    }

        body.is-dark .card.is-new-content .compose-options .compose-option:hover svg, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose-options .compose-option:hover svg {
            stroke: #fafafa
        }

body.is-dark .card.is-new-content .hidden-options, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options {
    background: #202836;
    border-color: #283143
}

    body.is-dark .card.is-new-content .hidden-options .target-channels .channel:hover, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel:hover {
        background: #2b3649
    }

    body.is-dark .card.is-new-content .hidden-options .target-channels .channel .round-checkbox input:not(:checked) + label, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .round-checkbox input:not(:checked) + label, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .round-checkbox input:not(:checked) + label {
        background: #171c26;
        border-color: #283143
    }

    body.is-dark .card.is-new-content .hidden-options .target-channels .channel .channel-icon, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .channel-icon, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .channel-icon, body.is-dark .card.is-new-content .hidden-options .target-channels .channel .story-icon, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon {
        background: #171c26;
        border-color: #283143
    }

        body.is-dark .card.is-new-content .hidden-options .target-channels .channel .channel-icon .plus-icon, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .channel-icon .plus-icon, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .channel-icon .plus-icon, body.is-dark .card.is-new-content .hidden-options .target-channels .channel .story-icon .plus-icon, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon .plus-icon, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon .plus-icon {
            border-color: #171c26
        }

    body.is-dark .card.is-new-content .hidden-options .target-channels .channel .channel-name, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .channel-name, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .channel-name {
        color: #a2a5b9
    }

    body.is-dark .card.is-new-content .hidden-options .target-channels .channel .dropdown > div .button, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown > div .button, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown > div .button {
        background: #171c26;
        border-color: #283143;
        color: #a2a5b9
    }

    body.is-dark .card.is-new-content .hidden-options .friends-list, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list {
        background: #202836;
        border-color: #283143
    }

        body.is-dark .card.is-new-content .hidden-options .friends-list .list-header .control .input, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input {
            background: #283143;
            border-color: #283143;
            color: #fafafa
        }

            body.is-dark .card.is-new-content .hidden-options .friends-list .list-header .control .input::-moz-placeholder, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input::-moz-placeholder {
                color: #4e6183
            }

            body.is-dark .card.is-new-content .hidden-options .friends-list .list-header .control .input::placeholder, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input::placeholder {
                color: #4e6183
            }

            body.is-dark .card.is-new-content .hidden-options .friends-list .list-header .control .input:focus ~ .form-icon svg, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input:focus ~ .form-icon svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input:focus ~ .form-icon svg {
                stroke: #3d70b2 !important
            }

        body.is-dark .card.is-new-content .hidden-options .friends-list .list-body .friend-block .round-checkbox input:not(:checked) + label, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block .round-checkbox input:not(:checked) + label, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block .round-checkbox input:not(:checked) + label {
            background: #171c26;
            border-color: #283143
        }

        body.is-dark .card.is-new-content .hidden-options .friends-list .list-body .friend-block .friend-name, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block .friend-name, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block .friend-name {
            color: #a2a5b9
        }

body.is-dark .card.is-new-content .more-wrap, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .more-wrap {
    background: #202836;
    border-color: #283143
}

    body.is-dark .card.is-new-content .more-wrap .button.is-more, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap .button.is-more, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .more-wrap .button.is-more {
        background: #171c26;
        border-color: #283143;
        color: #a2a5b9
    }

body.is-dark .card.is-post .card-heading .user-block .user-info a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-heading .user-block .user-info a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-heading .user-block .user-info a {
    color: #fafafa
}

    body.is-dark .card.is-post .card-heading .user-block .user-info a:hover, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-heading .user-block .user-info a:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-heading .user-block .user-info a:hover {
        color: #3d70b2
    }

body.is-dark .card.is-post .card-heading .user-block .user-info span, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-heading .user-block .user-info span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-heading .user-block .user-info span {
    color: #a2a5b9
}

body.is-dark .card.is-post .card-body .post-text p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .post-text p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .post-text p {
    color: #a2a5b9
}

    body.is-dark .card.is-post .card-body .post-text p a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .post-text p a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .post-text p a {
        color: #3d70b2
    }

body.is-dark .card.is-post .card-body .post-link, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .post-link, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .post-link {
    background: #293446;
    border-color: #37445c
}

    body.is-dark .card.is-post .card-body .post-link .link-content h4 a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .post-link .link-content h4 a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .post-link .link-content h4 a {
        color: #6e84a9
    }

    body.is-dark .card.is-post .card-body .post-link .link-content p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .post-link .link-content p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .post-link .link-content p {
        color: #a2a5b9
    }

body.is-dark .card.is-post .card-body .like-wrapper .like-button, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .like-wrapper .like-button, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .like-wrapper .like-button {
    background: #425370
}

    body.is-dark .card.is-post .card-body .like-wrapper .like-button i, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .like-wrapper .like-button i, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .like-wrapper .like-button i {
        color: #fafafa
    }

body.is-dark .card.is-post .card-footer .likers-group img, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .likers-group img, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .likers-group img {
    border-color: #202836
}

body.is-dark .card.is-post .card-footer .likers-text p:first-child a:not(:hover), body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .likers-text p:first-child a:not(:hover), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .likers-text p:first-child a:not(:hover) {
    color: #fafafa
}

body.is-dark .card.is-post .card-footer .post-comment .media-content .field .control .textarea, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea {
    background: #283143;
    border-color: #334056;
    color: #fafafa
}

    body.is-dark .card.is-post .card-footer .post-comment .media-content .field .control .textarea::-moz-placeholder, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea::-moz-placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea::-moz-placeholder {
        color: #4e6183
    }

    body.is-dark .card.is-post .card-footer .post-comment .media-content .field .control .textarea::placeholder, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea::placeholder, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea::placeholder {
        color: #4e6183
    }

body.is-dark .card.is-post .card-footer .post-comment .media-content .actions, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .post-comment .media-content .actions, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .post-comment .media-content .actions {
    border-color: #334056
}

body.is-dark .card.is-post .comments-wrap .comments-heading .close-comments:hover, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-heading .close-comments:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-heading .close-comments:hover {
    background: #283143
}

body.is-dark .card.is-post .comments-wrap .comments-body .media.is-comment, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .media.is-comment, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-body .media.is-comment {
    border-color: #334056
}

    body.is-dark .card.is-post .comments-wrap .comments-body .media.is-comment .media-content a:not(:hover), body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content a:not(:hover), .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content a:not(:hover) {
        color: #fafafa
    }

    body.is-dark .card.is-post .comments-wrap .comments-body .media.is-comment .media-content p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content p {
        color: #a2a5b9
    }

    body.is-dark .card.is-post .comments-wrap .comments-body .media.is-comment .media-content .media.is-comment .media-left:before, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content .media.is-comment .media-left:before, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content .media.is-comment .media-left:before {
        background: #2f3b50;
        border-color: #37445c
    }

    body.is-dark .card.is-post .comments-wrap .comments-body .media.is-comment .media-content .media.is-comment .media-left:after, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content .media.is-comment .media-left:after, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content .media.is-comment .media-left:after {
        background: #2f3b50;
        border-color: #37445c
    }

    body.is-dark .card.is-post .comments-wrap .comments-body .media.is-comment .media-right .dropdown > div .button, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-right .dropdown > div .button, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-right .dropdown > div .button {
        background: #202836;
        border-color: #283143;
        color: #a2a5b9
    }

body.is-dark .is-autocomplete.is-suboption .tag-list .tag-control .tags .tag:first-child {
    background: #1a212c !important
}

body.is-dark .is-autocomplete.is-suboption .tag-list .tag-control .tags .tag:nth-child(2) {
    background: #2b3649 !important
}

body.is-dark .is-autocomplete .control .input {
    background: #2b3649;
    border-color: #37445c
}

body.is-dark .is-autocomplete .control .easy-autocomplete-container ul {
    background: #2b3649 !important;
    border-color: #37445c !important
}

    body.is-dark .is-autocomplete .control .easy-autocomplete-container ul li {
        border-color: #37445c !important
    }

        body.is-dark .is-autocomplete .control .easy-autocomplete-container ul li.selected {
            background: #283143
        }

        body.is-dark .is-autocomplete .control .easy-autocomplete-container ul li .eac-item .template-wrapper .avatar-wrapper .avatar-badge {
            border-color: #2b3649
        }

        body.is-dark .is-autocomplete .control .easy-autocomplete-container ul li .eac-item .template-wrapper .entry-text {
            color: #fafafa
        }

            body.is-dark .is-autocomplete .control .easy-autocomplete-container ul li .eac-item .template-wrapper .entry-text span {
                color: #a2a5b9
            }

body.is-dark .is-suboption .is-gif-wrapper .gif-dropdown {
    background: #2b3649 !important;
    border-color: #37445c !important
}

body.is-dark .feed-menu-v1 .main-menu li.is-active a > svg {
    stroke: #3d70b2
}

body.is-dark .feed-menu-v1 .main-menu li.is-active a span {
    color: #fff
}

body.is-dark .feed-menu-v1 .main-menu li.is-active a .close-icon {
    background: #242d3c;
    border-color: #334056
}

    body.is-dark .feed-menu-v1 .main-menu li.is-active a .close-icon svg {
        stroke: #a2a5b9
    }

body.is-dark .feed-menu-v1 .main-menu li:hover a .close-icon {
    background: #242d3c
}

    body.is-dark .feed-menu-v1 .main-menu li:hover a .close-icon svg {
        stroke: #a2a5b9
    }

body.is-dark .feed-menu-v1 .main-menu li a span {
    color: #a2a5b9
}

body.is-dark .feed-menu-v1 .main-menu li a .close-icon span {
    color: #a2a5b9
}

body.is-dark .feed-menu-v1 .main-menu li .submenu li.is-subactive a {
    color: #fafafa
}

body.is-dark .stories-list .container-inner .story .story-avatar {
    background: #3e4e69;
    border-color: #3e4e69
}

    body.is-dark .stories-list .container-inner .story .story-avatar:hover {
        border-color: #3d70b2
    }

body.is-dark .posts-feed-wrapper .post-feed-item {
    background: transparent !important
}

    body.is-dark .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar {
        background: #3e4e69 !important;
        border-color: #3e4e69 !important
    }

    body.is-dark .posts-feed-wrapper .post-feed-item .card-content .media .media-content span:first-child {
        color: #fafafa
    }

    body.is-dark .posts-feed-wrapper .post-feed-item .card-content .media .media-right > span {
        color: #a2a5b9
    }

    body.is-dark .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button {
        background: #2f3b50
    }

        body.is-dark .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button:not(.is-liked) svg {
            stroke: #a2a5b9
        }

        body.is-dark .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button:hover {
            background: #37445c;
            border-color: #3e4e69
        }

body.is-dark .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper > .button {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

    body.is-dark .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper > .button:hover {
        background: #3d70b2;
        border-color: #3d70b2
    }

        body.is-dark .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper > .button:hover svg {
            stroke: #fff
        }

body.is-dark .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .avatar-wrap {
    border-color: #425370
}

    body.is-dark .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .avatar-wrap .badge {
        border-color: #2f3b50
    }

body.is-dark .feed-profile-wrapper .profile-wrapper .user-stats .stat-block span:first-child {
    color: #fafafa;
    font-weight: 500
}

body.is-dark .feed-profile-wrapper .profile-wrapper .user-stats .stat-block span:nth-child(2) {
    color: #a2a5b9
}

body.is-dark .feed-profile-wrapper .profile-wrapper .connections .connection .connection-avatar {
    background: #3e4e69;
    border-color: #4e6183
}

body.is-dark .feed-slider-wrapper .feed-slider-inner .slick-custom:hover i {
    color: #fafafa
}

body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item {
    background: transparent !important
}

    body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left .post-avatar {
        background: #3e4e69;
        border-color: #3e4e69
    }

    body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content span:first-child {
        color: #fafafa
    }

    body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right > span {
        color: #a2a5b9
    }

    body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button {
        background: #2f3b50
    }

        body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button:not(.is-liked) svg {
            stroke: #a2a5b9
        }

        body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button:hover {
            background: #37445c;
            border-color: #3e4e69
        }

    body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .liked-by span span {
        color: #3d70b2
    }

body.is-dark .cover-bg .avatar .pop-button:not(#chat-pop) {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

body.is-dark .profile-menu .button:not(.is-active) {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

body.is-dark .profile-menu .button.is-active {
    background: #3d70b2 !important;
    border-color: #3d70b2 !important;
    color: #fff !important
}

body.is-dark .profile-subheader .subheader-start h2, body.is-dark .profile-subheader .subheader-middle h2 {
    color: #fafafa;
    font-weight: 500
}

body.is-dark .profile-subheader .subheader-start span:first-child, body.is-dark .profile-subheader .subheader-middle span:first-child {
    color: #fafafa;
    font-weight: 500
}

body.is-dark .profile-subheader .subheader-start span:nth-child(2), body.is-dark .profile-subheader .subheader-middle span:nth-child(2) {
    color: #a2a5b9
}

body.is-dark .profile-subheader .subheader-end .button {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

body.is-dark .box-heading {
    background: #202836;
    border-color: #334056
}

    body.is-dark .box-heading h4 {
        color: #fafafa
    }

    body.is-dark .box-heading .button-wrap .button:first-child {
        background: #202836;
        border-color: #3d70b2 !important;
        color: #3d70b2 !important
    }

        body.is-dark .box-heading .button-wrap .button:first-child:hover {
            background: #3d70b2 !important;
            color: #fff !important
        }

    body.is-dark .box-heading .button-wrap .button:nth-child(2) {
        background: #171c26;
        border-color: #293446;
        color: #a2a5b9
    }

    body.is-dark .box-heading .dropdown > div .button {
        border: none;
        background: #202836;
        border-color: #202836;
        color: #fafafa
    }

    body.is-dark .box-heading .heading-search .input {
        background: #283143;
        border-color: #334056;
        color: #fafafa
    }

        body.is-dark .box-heading .heading-search .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .box-heading .heading-search .input::placeholder {
            color: #4e6183
        }

body.is-dark .profile-timeline .profile-post .time .img-container {
    background: #293446
}

    body.is-dark .profile-timeline .profile-post .time .img-container:after {
        background: #425370
    }

body.is-dark .basic-infos-wrapper .card.is-profile-info .info-row, body.is-dark .basic-infos-wrapper .shop-wrapper .cart-container .cart-content .cart-summary .is-profile-info.summary-card .info-row, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .basic-infos-wrapper .is-profile-info.summary-card .info-row {
    border-color: #334056
}

    body.is-dark .basic-infos-wrapper .card.is-profile-info .info-row > div span, body.is-dark .basic-infos-wrapper .shop-wrapper .cart-container .cart-content .cart-summary .is-profile-info.summary-card .info-row > div span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .basic-infos-wrapper .is-profile-info.summary-card .info-row > div span {
        color: #fafafa
    }

    body.is-dark .basic-infos-wrapper .card.is-profile-info .info-row > div a, body.is-dark .basic-infos-wrapper .shop-wrapper .cart-container .cart-content .cart-summary .is-profile-info.summary-card .info-row > div a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .basic-infos-wrapper .is-profile-info.summary-card .info-row > div a {
        color: #a2a5b9
    }

        body.is-dark .basic-infos-wrapper .card.is-profile-info .info-row > div a:hover, body.is-dark .basic-infos-wrapper .shop-wrapper .cart-container .cart-content .cart-summary .is-profile-info.summary-card .info-row > div a:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .basic-infos-wrapper .is-profile-info.summary-card .info-row > div a:hover {
            color: #3d70b2
        }

    body.is-dark .basic-infos-wrapper .card.is-profile-info .info-row > i, body.is-dark .basic-infos-wrapper .shop-wrapper .cart-container .cart-content .cart-summary .is-profile-info.summary-card .info-row > i, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .basic-infos-wrapper .is-profile-info.summary-card .info-row > i {
        color: #a2a5b9
    }

body.is-dark .friend-cards-list .card.is-friend-card .friend-item, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .friend-item, body.is-dark .friend-cards-list .card.is-friend-card .trip-item, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .trip-item, body.is-dark .friend-cards-list .card.is-trip-card .friend-item, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .friend-item, body.is-dark .friend-cards-list .card.is-trip-card .trip-item, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .trip-item, body.is-dark .trip-cards-list .card.is-friend-card .friend-item, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .friend-item, body.is-dark .trip-cards-list .card.is-friend-card .trip-item, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .trip-item, body.is-dark .trip-cards-list .card.is-trip-card .friend-item, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .friend-item, body.is-dark .trip-cards-list .card.is-trip-card .trip-item, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .trip-item {
    border-color: #334056
}

    body.is-dark .friend-cards-list .card.is-friend-card .friend-item .text-content span, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item .text-content span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .friend-item .text-content span, body.is-dark .friend-cards-list .card.is-friend-card .trip-item .text-content span, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item .text-content span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .trip-item .text-content span, body.is-dark .friend-cards-list .card.is-trip-card .friend-item .text-content span, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item .text-content span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .friend-item .text-content span, body.is-dark .friend-cards-list .card.is-trip-card .trip-item .text-content span, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item .text-content span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .trip-item .text-content span, body.is-dark .trip-cards-list .card.is-friend-card .friend-item .text-content span, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item .text-content span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .friend-item .text-content span, body.is-dark .trip-cards-list .card.is-friend-card .trip-item .text-content span, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item .text-content span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .trip-item .text-content span, body.is-dark .trip-cards-list .card.is-trip-card .friend-item .text-content span, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item .text-content span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .friend-item .text-content span, body.is-dark .trip-cards-list .card.is-trip-card .trip-item .text-content span, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item .text-content span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .trip-item .text-content span {
        color: #fafafa
    }

    body.is-dark .friend-cards-list .card.is-friend-card .friend-item .text-content a, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item .text-content a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .friend-item .text-content a, body.is-dark .friend-cards-list .card.is-friend-card .trip-item .text-content a, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item .text-content a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .trip-item .text-content a, body.is-dark .friend-cards-list .card.is-trip-card .friend-item .text-content a, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item .text-content a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .friend-item .text-content a, body.is-dark .friend-cards-list .card.is-trip-card .trip-item .text-content a, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item .text-content a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .trip-item .text-content a, body.is-dark .trip-cards-list .card.is-friend-card .friend-item .text-content a, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item .text-content a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .friend-item .text-content a, body.is-dark .trip-cards-list .card.is-friend-card .trip-item .text-content a, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item .text-content a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .trip-item .text-content a, body.is-dark .trip-cards-list .card.is-trip-card .friend-item .text-content a, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item .text-content a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .friend-item .text-content a, body.is-dark .trip-cards-list .card.is-trip-card .trip-item .text-content a, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item .text-content a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .trip-item .text-content a {
        color: #a2a5b9
    }

        body.is-dark .friend-cards-list .card.is-friend-card .friend-item .text-content a:hover, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item .text-content a:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .friend-item .text-content a:hover, body.is-dark .friend-cards-list .card.is-friend-card .trip-item .text-content a:hover, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item .text-content a:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .trip-item .text-content a:hover, body.is-dark .friend-cards-list .card.is-trip-card .friend-item .text-content a:hover, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item .text-content a:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .friend-item .text-content a:hover, body.is-dark .friend-cards-list .card.is-trip-card .trip-item .text-content a:hover, body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item .text-content a:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .trip-item .text-content a:hover, body.is-dark .trip-cards-list .card.is-friend-card .friend-item .text-content a:hover, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item .text-content a:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .friend-item .text-content a:hover, body.is-dark .trip-cards-list .card.is-friend-card .trip-item .text-content a:hover, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item .text-content a:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .trip-item .text-content a:hover, body.is-dark .trip-cards-list .card.is-trip-card .friend-item .text-content a:hover, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item .text-content a:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .friend-item .text-content a:hover, body.is-dark .trip-cards-list .card.is-trip-card .trip-item .text-content a:hover, body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item .text-content a:hover, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .trip-item .text-content a:hover {
            color: #3d70b2
        }

body.is-dark .card.is-community h4, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card h4, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card h4, body.is-dark .card.is-about h4, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card h4, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card h4, body.is-dark .card.is-friendkit h4, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card h4, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card h4 {
    color: #fafafa
}

body.is-dark .card.is-community > p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card > p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card > p, body.is-dark .card.is-about > p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card > p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card > p, body.is-dark .card.is-friendkit > p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card > p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card > p {
    color: #a2a5b9
}

body.is-dark .card.is-community .flex-block svg, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .flex-block svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .flex-block svg, body.is-dark .card.is-community .created svg, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .created svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .created svg, body.is-dark .card.is-about .flex-block svg, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .flex-block svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .flex-block svg, body.is-dark .card.is-about .created svg, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .created svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .created svg, body.is-dark .card.is-friendkit .flex-block svg, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .flex-block svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .flex-block svg, body.is-dark .card.is-friendkit .created svg, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .created svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .created svg {
    stroke: #a2a5b9
}

body.is-dark .card.is-community .flex-block p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .flex-block p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .flex-block p, body.is-dark .card.is-community .flex-block span, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .flex-block span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .flex-block span, body.is-dark .card.is-community .created p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .created p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .created p, body.is-dark .card.is-community .created span, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .created span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .created span, body.is-dark .card.is-about .flex-block p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .flex-block p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .flex-block p, body.is-dark .card.is-about .flex-block span, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .flex-block span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .flex-block span, body.is-dark .card.is-about .created p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .created p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .created p, body.is-dark .card.is-about .created span, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .created span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .created span, body.is-dark .card.is-friendkit .flex-block p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .flex-block p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .flex-block p, body.is-dark .card.is-friendkit .flex-block span, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .flex-block span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .flex-block span, body.is-dark .card.is-friendkit .created p, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .created p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .created p, body.is-dark .card.is-friendkit .created span, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .created span, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .created span {
    color: #a2a5b9
}

    body.is-dark .card.is-community .flex-block p a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .flex-block p a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .flex-block p a, body.is-dark .card.is-community .flex-block span a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .flex-block span a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .flex-block span a, body.is-dark .card.is-community .created p a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .created p a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .created p a, body.is-dark .card.is-community .created span a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .created span a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .created span a, body.is-dark .card.is-about .flex-block p a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .flex-block p a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .flex-block p a, body.is-dark .card.is-about .flex-block span a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .flex-block span a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .flex-block span a, body.is-dark .card.is-about .created p a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .created p a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .created p a, body.is-dark .card.is-about .created span a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .created span a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .created span a, body.is-dark .card.is-friendkit .flex-block p a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .flex-block p a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .flex-block p a, body.is-dark .card.is-friendkit .flex-block span a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .flex-block span a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .flex-block span a, body.is-dark .card.is-friendkit .created p a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .created p a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .created p a, body.is-dark .card.is-friendkit .created span a, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .created span a, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .created span a {
        color: #3d70b2
    }

body.is-dark .profile-about .left-menu .left-menu-inner .menu-item:not(.is-active) .menu-icon i, body.is-dark .profile-about .left-menu .left-menu-inner .menu-item:not(.is-active) .menu-icon span {
    color: #a2a5b9
}

body.is-dark .profile-about .right-content .content-section .flex-block {
    background: #202836;
    border-color: #334056
}

    body.is-dark .profile-about .right-content .content-section .flex-block .flex-block-meta span:first-child {
        color: #fafafa;
        font-weight: 500
    }

        body.is-dark .profile-about .right-content .content-section .flex-block .flex-block-meta span:first-child a {
            color: #3d70b2
        }

    body.is-dark .profile-about .right-content .content-section .flex-block .flex-block-meta span:nth-child(2) {
        color: #a2a5b9
    }

body.is-dark .profile-about .right-content .content-section .about-summary {
    background: #202836;
    border-color: #334056
}

    body.is-dark .profile-about .right-content .content-section .about-summary .content h3 {
        color: #fafafa
    }

    body.is-dark .profile-about .right-content .content-section .about-summary .content p {
        color: #a2a5b9
    }

body.is-dark .profile-about .about-card {
    background: #202836;
    border-color: #334056
}

    body.is-dark .profile-about .about-card .header .icon-title h3 {
        color: #fafafa
    }

    body.is-dark .profile-about .about-card .header .actions .button-wrapper .button, body.is-dark .profile-about .about-card .header .actions .dropdown > div .button {
        background: #171c26;
        border-color: #171c26;
        color: #a2a5b9
    }

    body.is-dark .profile-about .about-card .header .actions .button-wrapper .indicator, body.is-dark .profile-about .about-card .header .actions .dropdown > div .indicator {
        border-color: #202836
    }

    body.is-dark .profile-about .about-card .body .friend-small-card {
        background: #2b3649;
        border-color: #37445c
    }

        body.is-dark .profile-about .about-card .body .friend-small-card .meta span:first-child {
            color: #fafafa;
            font-weight: 500
        }

            body.is-dark .profile-about .about-card .body .friend-small-card .meta span:first-child a {
                color: #3d70b2
            }

        body.is-dark .profile-about .about-card .body .friend-small-card .meta span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .profile-about .about-card .body .friend-small-card .dropdown > div .button {
            background: #171c26;
            border-color: #171c26;
            color: #a2a5b9
        }

    body.is-dark .profile-about .about-card .body .photo-list .photo-wrapper .small-like:not(.is-active) .inner svg {
        stroke: #556a90
    }

    body.is-dark .profile-about .about-card .body .photo-list .photo-wrapper .small-like .inner {
        background: #2f3b50
    }

    body.is-dark .profile-about .about-card .body .place-list .place-wrapper {
        background: #2b3649;
        border-color: #37445c
    }

        body.is-dark .profile-about .about-card .body .place-list .place-wrapper .foot a {
            color: #fafafa
        }

            body.is-dark .profile-about .about-card .body .place-list .place-wrapper .foot a:hover {
                color: #3d70b2
            }

        body.is-dark .profile-about .about-card .body .place-list .place-wrapper .foot .rating svg:not(.is-checked) {
            fill: #151a23;
            stroke: #151a23
        }

body.is-dark .profile-about .slider-timeline .timeline-item {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .profile-about .slider-timeline .timeline-item .image-container .logo-container {
        background: #202836
    }

    body.is-dark .profile-about .slider-timeline .timeline-item h3 {
        color: #fafafa
    }

    body.is-dark .profile-about .slider-timeline .timeline-item > p, body.is-dark .profile-about .slider-timeline .timeline-item .date {
        color: #a2a5b9
    }

body.is-dark .profile-about .glider-dots .glider-dot:not(.active) {
    background: #151a23
}

body.is-dark .page-about-card .card-title h4 {
    color: #fafafa
}

body.is-dark .page-about-card .card-title .button {
    background: #3d70b2 !important;
    border-color: #3d70b2 !important;
    color: #fff !important
}

body.is-dark .page-about-card .about-body .about-block .block-header {
    border-color: #2f3b50
}

    body.is-dark .page-about-card .about-body .about-block .block-header h4 {
        color: #fafafa
    }

body.is-dark .page-about-card .about-body .about-block .block-content .flex-inner.has-meta i {
    color: #a2a5b9
}

body.is-dark .page-about-card .about-body .about-block .block-content .flex-inner.has-meta .meta span:first-child {
    color: #fafafa
}

body.is-dark .page-about-card .about-body .about-block .block-content .flex-inner.has-meta .meta span:nth-child(2) {
    color: #a2a5b9
}

body.is-dark .page-about-card .about-body .about-block .block-content .flex-inner svg {
    stroke: #a2a5b9
}

body.is-dark .page-about-card .about-body .about-block .block-content .flex-inner span {
    color: #a2a5b9
}

    body.is-dark .page-about-card .about-body .about-block .block-content .flex-inner span a {
        color: #3d70b2
    }

body.is-dark .page-about-card .about-body .about-block .block-content .history-block .date {
    color: #3d70b2
}

body.is-dark .page-about-card .about-body .about-block .block-content .history-block .timeline ul li {
    color: #a2a5b9
}

body.is-dark .community-content .community-info .page-followers {
    background: #202836;
    border-color: #37445c
}

    body.is-dark .community-content .community-info .page-followers .header h3 {
        color: #fafafa
    }

    body.is-dark .community-content .community-info .page-followers .more-followers a {
        background: #151a23;
        border-color: #283143;
        color: #fff
    }

body.is-dark .community-content .community-widgets .page-counts {
    background: #202836;
    border-color: #37445c
}

    body.is-dark .community-content .community-widgets .page-counts > div {
        border-color: #37445c !important
    }

        body.is-dark .community-content .community-widgets .page-counts > div span:first-child {
            color: #fafafa
        }

        body.is-dark .community-content .community-widgets .page-counts > div span:nth-child(2) {
            color: #a2a5b9
        }

body.is-dark .community-content .community-widgets .page-invites {
    background: #202836;
    border-color: #37445c
}

    body.is-dark .community-content .community-widgets .page-invites .header h3 {
        color: #fafafa
    }

    body.is-dark .community-content .community-widgets .page-invites .header .control .input:focus {
        border-color: #3e4e69 !important
    }

    body.is-dark .community-content .community-widgets .page-invites .suggestions .suggestion {
        border-color: #37445c !important
    }

        body.is-dark .community-content .community-widgets .page-invites .suggestions .suggestion .meta span {
            color: #a2a5b9
        }

        body.is-dark .community-content .community-widgets .page-invites .suggestions .suggestion .button {
            background: #334056;
            border-color: #3e4e69;
            color: #fff
        }

            body.is-dark .community-content .community-widgets .page-invites .suggestions .suggestion .button:hover {
                background: #3d70b2;
                border-color: #3d70b2;
                color: #fff
            }

body.is-dark .friends-grid .friend-item {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .friends-grid .friend-item .avatar-wrap .chat-button {
        border-color: #202836
    }

    body.is-dark .friends-grid .friend-item .avatar-wrap .circle {
        border-color: #3b4963
    }

    body.is-dark .friends-grid .friend-item > h3 {
        color: #fafafa
    }

    body.is-dark .friends-grid .friend-item > p {
        color: #a2a5b9
    }

body.is-dark .image-grid-wrap .image-grid .image-row .has-background-image .photo-like:not(.is-liked) .inner svg {
    stroke: #556a90
}

body.is-dark .image-grid-wrap .image-grid .image-row .has-background-image .photo-like .inner {
    background: #2f3b50
}

body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side {
    background: #2b3649
}

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-loader {
        background: #2b3649
    }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span:first-child {
        color: #fafafa
    }

        body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span:first-child small {
            color: #a2a5b9
        }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span:nth-child(2) {
        color: #a2a5b9
    }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .header > .button {
        background: #151a23;
        border-color: #283143;
        color: #fff
    }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .header .dropdown > div .button svg {
        stroke: #a2a5b9
    }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .live-stats {
        border-color: #334056
    }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .actions .action:not(:hover) span {
        color: #a2a5b9
    }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list {
        background: #242d3c
    }

        body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .media.is-comment .media-content {
            background: #2b3649
        }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .media.is-comment .media-content .username {
                color: #fafafa
            }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .media.is-comment .media-content p {
                color: #a2a5b9
            }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .media.is-comment .media-content .comment-actions a {
                color: #3d70b2
            }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .media.is-comment .media-content .comment-actions span {
                color: #a2a5b9
            }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls {
        background: #2b3649;
        border-color: #334056
    }

        body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control .textarea {
            background: #222a39;
            border-color: #222a39;
            color: #fafafa
        }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control .textarea::-moz-placeholder {
                color: #4e6183
            }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control .textarea::placeholder {
                color: #4e6183
            }

body.is-dark .minimal-profile-wrapper .profile-info .left .profile-avatar img {
    border-color: #334056
}

body.is-dark .minimal-profile-wrapper .profile-info .left .button {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

    body.is-dark .minimal-profile-wrapper .profile-info .left .button:hover {
        background: #3d70b2;
        border-color: #3d70b2;
        color: #fff
    }

body.is-dark .minimal-profile-wrapper .profile-info .right .head h2 {
    color: #fafafa
}

body.is-dark .minimal-profile-wrapper .profile-info .right .bio p {
    color: #a2a5b9
}

body.is-dark .stories-wrapper .stories-sidebar {
    background: #1c2330;
    border-color: #283143
}

    body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner {
        border-color: #283143
    }

        body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block {
            border-color: #2f3b50
        }

            body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .avatar-wrap {
                border-color: #425370
            }

                body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .avatar-wrap .badge {
                    border-color: #1c2330
                }

            body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block > h4 {
                color: #fafafa
            }

            body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block > p {
                color: #a2a5b9
            }

        body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-stats .stat-block span:first-child {
            color: #fafafa;
            font-weight: 500
        }

        body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-stats .stat-block span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a span {
            color: #a2a5b9
        }

        body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .separator {
            border-color: #2f3b50
        }

body.is-dark .stories-wrapper .stories-content .section-title h2 {
    color: #fafafa
}

body.is-dark .stories-wrapper .stories-content .section-title .view-all {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

    body.is-dark .stories-wrapper .stories-content .section-title .view-all:hover {
        background: #3d70b2;
        border-color: #3d70b2;
        color: #fff
    }

body.is-dark .stories-wrapper .stories-content .section-title .dropdown:hover > div .button {
    border-color: #293446
}

body.is-dark .stories-wrapper .stories-content .section-title .dropdown > div .button {
    background: #202836;
    border-color: #202836;
    color: #fafafa
}

body.is-dark .stories-wrapper .stories-content .stories-container .container-inner .story .story-avatar {
    background: #3e4e69;
    border-color: #3e4e69
}

    body.is-dark .stories-wrapper .stories-content .stories-container .container-inner .story .story-avatar:hover {
        border-color: #3d70b2
    }

body.is-dark .stories-wrapper .stories-content .stories-feed .story-feed-item .item-meta .user-info span {
    color: #fafafa
}

body.is-dark .stories-wrapper .stories-content .stories-feed .story-feed-item .item-meta .item-stats .stat-item span {
    color: #a2a5b9
}

body.is-dark .stories-wrapper .stories-content .stories-feed .story-feed-item .item-meta .item-stats .stat-item svg {
    stroke: #a2a5b9
}

body.is-dark .story-post-wrapper .story-post .post-title h2 {
    color: #fafafa
}

body.is-dark .story-post-wrapper .story-post .post-title .dropdown:hover > div .button {
    border-color: #293446
}

body.is-dark .story-post-wrapper .story-post .post-title .dropdown > div .button {
    background: #202836;
    border-color: #202836;
    color: #fafafa
}

body.is-dark .story-post-wrapper .story-post .post-meta .post-author .story-avatar {
    background: #3e4e69;
    border-color: #3e4e69
}

body.is-dark .story-post-wrapper .story-post .post-meta .post-author .meta span:first-child {
    color: #fafafa;
    font-weight: 500
}

body.is-dark .story-post-wrapper .story-post .post-meta .post-author .meta span:nth-child(2) {
    color: #a2a5b9
}

body.is-dark .story-post-wrapper .story-post .post-meta .post-stats .stat-item span {
    color: #a2a5b9
}

body.is-dark .story-post-wrapper .story-post .post-meta .post-stats .stat-item svg {
    stroke: #a2a5b9
}

body.is-dark .story-post-wrapper .story-post .post-text p {
    color: #a2a5b9 !important
}

    body.is-dark .story-post-wrapper .story-post .post-text p b {
        font-weight: 500;
        color: #3d70b2
    }

body.is-dark .story-post-wrapper .story-post .post-tags .tags .tag {
    background: #202836;
    border-color: #202836;
    color: #fafafa
}

body.is-dark .story-post-wrapper .story-post .post-compose {
    background: #1c2330;
    border-color: #283143
}

    body.is-dark .story-post-wrapper .story-post .post-compose .control .textarea {
        background: #1c2330;
        border-color: #1c2330;
        color: #fafafa
    }

        body.is-dark .story-post-wrapper .story-post .post-compose .control .textarea::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .story-post-wrapper .story-post .post-compose .control .textarea::placeholder {
            color: #4e6183
        }

    body.is-dark .story-post-wrapper .story-post .post-compose .compose-controls {
        border-color: #334056
    }

        body.is-dark .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action {
            background: #242d3c
        }

            body.is-dark .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action:hover {
                background: #2b3649
            }

                body.is-dark .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action:hover svg {
                    stroke: #3d70b2
                }

body.is-dark .story-post-wrapper .story-post .comments-wrap .comments-count h3 {
    color: #fafafa
}

body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment {
    border-color: #465776
}

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-left .avatar-wrap {
        border-color: #465776
    }

        body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-left .avatar-wrap .badge {
            border-color: #2f3b50
        }

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-meta h4 a {
        color: #fafafa;
        font-weight: 500
    }

        body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-meta h4 a:hover {
            color: #3d70b2
        }

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-meta h4 small {
        color: #a2a5b9
    }

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-meta p {
        color: #a2a5b9
    }

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-stats .stat span {
        color: #a2a5b9
    }

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-stats .stat svg {
        stroke: #a2a5b9
    }

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-actions .comment-action {
        border-color: #3c4c66;
        background: #3c4c66
    }

        body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-actions .comment-action.is-reply:hover svg {
            stroke: #3d70b2
        }

body.is-dark .story-post-sidebar {
    background: #1c2330;
    border-color: #283143
}

    body.is-dark .story-post-sidebar.is-full {
        background: none !important;
        border-color: transparent !important
    }

    body.is-dark .story-post-sidebar .header h2 {
        color: #fafafa
    }

    body.is-dark .story-post-sidebar .related-posts .related-post .meta h3 {
        color: #fafafa
    }

    body.is-dark .story-post-sidebar .related-posts .related-post .meta .user-line span {
        color: #a2a5b9
    }

body.is-dark .card-row-wrap .friend-card {
    border-color: #283143;
    background: #202836
}

    body.is-dark .card-row-wrap .friend-card .star-friend:not(.is-active) svg {
        fill: #2f3b50;
        stroke: #2f3b50
    }

    body.is-dark .card-row-wrap .friend-card .img-container .country {
        border-color: #202836
    }

    body.is-dark .card-row-wrap .friend-card .friend-info h3 {
        color: #fafafa
    }

    body.is-dark .card-row-wrap .friend-card .friend-info p {
        color: #a2a5b9
    }

    body.is-dark .card-row-wrap .friend-card .friend-stats .stat-block {
        border-color: #313d53
    }

        body.is-dark .card-row-wrap .friend-card .friend-stats .stat-block label {
            color: #a2a5b9
        }

        body.is-dark .card-row-wrap .friend-card .friend-stats .stat-block .stat-number {
            color: #fafafa
        }

body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar {
    background: #2f3b50 !important;
    border-color: #293446
}

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .compose .button {
        background: #171c26;
        border-color: #293446;
        color: #fafafa
    }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .left-menu .item:not(.is-active) {
        color: #a2a5b9
    }

body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container {
    background: #242d3c !important;
    border-color: #293446
}

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .action-buttons {
        background: #242d3c !important;
        border-color: #2f3b50
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .action-buttons .control.is-grouped .button {
            background: #334056 !important;
            border-color: #3e4e69
        }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg.is-active {
        background: #334056 !important;
        border-color: #3e4e69
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg.is-active .card-content .msg-subject span {
            opacity: 1
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg.is-active .card-content .msg-snippet {
            opacity: 1
        }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg .card-content .msg-header .msg-from, body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg .card-content .msg-header .msg-timestamp {
        color: #a2a5b9
    }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg .card-content .msg-subject span {
        color: #fafafa;
        opacity: .6
    }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg .card-content .msg-subject svg {
        stroke: #a2a5b9
    }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg .card-content .msg-snippet {
        color: #a2a5b9;
        opacity: .6
    }

body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container {
    background: #1c2330 !important;
    border-color: #262f40
}

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .action-buttons {
        border-color: #2f3b50
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .action-buttons .control.is-grouped .button {
            background: #334056 !important;
            border-color: #3e4e69
        }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview {
        background: #334056 !important;
        border-color: #3e4e69
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta .name {
            color: #fafafa
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta .date {
            color: #a2a5b9
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta-right .tag {
            background: #3d70b2;
            color: #fff
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta-right small {
            color: #a2a5b9
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner hr {
            height: 1px;
            background: #425370
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .content p {
            color: #a2a5b9
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .has-text-right .button {
            background: #2b3649;
            border-color: #37445c;
            color: #fafafa
        }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-header .paperclip {
        background: #334056;
        border-color: #3e4e69
    }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file {
        background: #334056;
        border-color: #3e4e69
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file .box-inner svg {
            stroke: #a2a5b9
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file .box-inner h5 {
            color: #fafafa
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file .actions-group {
            border-color: #3e4e69;
            overflow: hidden
        }

            body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file .actions-group .action {
                border-color: #3e4e69 !important;
                overflow: hidden
            }

                body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file .actions-group .action:hover {
                    background: #2d394c
                }

                    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file .actions-group .action:hover svg {
                        stroke: #fafafa
                    }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-title {
        color: #fafafa
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-title svg {
            stroke: #a2a5b9
        }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner {
        background: #334056;
        border-color: #3e4e69
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .flex-form .control .reply-textarea .ql-editor {
            color: #fafafa
        }

            body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .flex-form .control .reply-textarea .ql-editor:before {
                color: #6279a2
            }

body.is-dark .shop-wrapper .shop-header .header-inner .store-block .store-meta h3 {
    color: #fafafa
}

body.is-dark .shop-wrapper .shop-header .header-inner .store-block .store-meta span {
    color: #a2a5b9
}

body.is-dark .shop-wrapper .shop-header .header-inner .activity-block h3 {
    color: #fafafa
}

body.is-dark .shop-wrapper .shop-header .header-inner .activity-block .inner-wrap .stat-block {
    border-color: #425370
}

    body.is-dark .shop-wrapper .shop-header .header-inner .activity-block .inner-wrap .stat-block .stat-number {
        color: #fafafa
    }

body.is-dark .shop-wrapper .shop-header .header-inner .about-block h3 {
    color: #fafafa
}

body.is-dark .shop-wrapper .shop-header .header-inner .about-block .ellipse-text {
    color: #a2a5b9
}

body.is-dark .shop-wrapper .shop-header .store-tabs .tab-control.is-active {
    color: #fafafa
}

body.is-dark .products-navigation {
    background: #1c2330;
    border-color: #1c2330
}

    body.is-dark .products-navigation .navigation-inner .shop-info h3 {
        color: #fafafa
    }

    body.is-dark .products-navigation .navigation-inner .shop-actions .shop-action {
        background: #293446;
        border-color: #293446
    }

        body.is-dark .products-navigation .navigation-inner .shop-actions .shop-action span {
            color: #a2a5b9
        }

        body.is-dark .products-navigation .navigation-inner .shop-actions .shop-action svg {
            stroke: #a2a5b9
        }

body.is-dark .navigation-panel {
    background: #242d3c;
    border-color: #242d3c
}

    body.is-dark .navigation-panel .navigation-panel-inner .panel-title h3 {
        color: #fafafa
    }

    body.is-dark .navigation-panel .navigation-panel-inner .shop-categories .category-item input:checked + .item-inner {
        background: #2f3b50;
        border-color: #425370
    }

        body.is-dark .navigation-panel .navigation-panel-inner .shop-categories .category-item input:checked + .item-inner h4 {
            color: #fafafa
        }

    body.is-dark .navigation-panel .navigation-panel-inner .shop-categories .category-item .item-inner h4 {
        color: #4e6183
    }

    body.is-dark .navigation-panel .navigation-panel-inner .search-filter .input {
        background: #242d3c;
        border-color: #242d3c;
        color: #fafafa
    }

        body.is-dark .navigation-panel .navigation-panel-inner .search-filter .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .navigation-panel .navigation-panel-inner .search-filter .input::placeholder {
            color: #4e6183
        }

    body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box {
        background: #242d3c;
        border-color: #242d3c
    }

        body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box .box-inner {
            color: #fafafa
        }

            body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box .box-inner .combo-item .selected-item {
                color: #fafafa
            }

        body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box .box-chevron svg {
            stroke: #a2a5b9
        }

        body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box .box-dropdown .dropdown-inner {
            background: #181f29;
            border-color: #283143
        }

            body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box .box-dropdown .dropdown-inner ul li:hover {
                background: #283143
            }

            body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box .box-dropdown .dropdown-inner ul li span {
                color: #a2a5b9;
                font-weight: 400
            }

body.is-dark .store-sections .store-tab-pane .product-card {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .store-sections .store-tab-pane .product-card .quickview-trigger:hover {
        background: #283143
    }

        body.is-dark .store-sections .store-tab-pane .product-card .quickview-trigger:hover svg {
            stroke: #a2a5b9
        }

    body.is-dark .store-sections .store-tab-pane .product-card .product-info h3 {
        color: #fafafa
    }

    body.is-dark .store-sections .store-tab-pane .product-card .product-info p {
        color: #a2a5b9
    }

    body.is-dark .store-sections .store-tab-pane .product-card .product-actions .left span {
        color: #a2a5b9
    }

body.is-dark .store-sections .store-tab-pane .brand-card {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .store-sections .store-tab-pane .brand-card .meta h3 {
        color: #fafafa
    }

    body.is-dark .store-sections .store-tab-pane .brand-card .meta p {
        color: #a2a5b9
    }

    body.is-dark .store-sections .store-tab-pane .brand-card .brand-stats {
        background: #2f3b50;
        border-color: #3b4963
    }

        body.is-dark .store-sections .store-tab-pane .brand-card .brand-stats .brand-stat {
            border-color: #3b4963
        }

            body.is-dark .store-sections .store-tab-pane .brand-card .brand-stats .brand-stat span:first-child {
                color: #fafafa
            }

            body.is-dark .store-sections .store-tab-pane .brand-card .brand-stats .brand-stat span:nth-child(2) {
                color: #a2a5b9
            }

body.is-dark .store-sections .store-tab-pane .follower-block .avatar-container {
    border-color: #425370
}

body.is-dark .store-sections .store-tab-pane .follower-block h3 {
    color: #fafafa
}

body.is-dark .store-sections .store-tab-pane .follower-block p {
    color: #a2a5b9
}

body.is-dark .product-quickview .card, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card {
    overflow: hidden
}

    body.is-dark .product-quickview .card .quickview-loader, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .quickview-loader, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .quickview-loader {
        background: #202836
    }

    body.is-dark .product-quickview .card .left, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .left {
        background: #283143
    }

    body.is-dark .product-quickview .card .right .header .product-info h3, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header .product-info h3, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .header .product-info h3 {
        color: #fafafa
    }

    body.is-dark .product-quickview .card .right .header .product-info p, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header .product-info p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .header .product-info p {
        color: #a2a5b9
    }

    body.is-dark .product-quickview .card .right .header #quickview-price, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header #quickview-price, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .header #quickview-price {
        color: #3d70b2
    }

    body.is-dark .product-quickview .card .right .properties h4, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties h4, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .properties h4 {
        color: #fafafa
    }

    body.is-dark .product-quickview .card .right .properties .property-box, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-box, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .properties .property-box {
        background: #2f3b50;
        border-color: #3b4963
    }

        body.is-dark .product-quickview .card .right .properties .property-box.is-sizes .property-item, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-box.is-sizes .property-item, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .properties .property-box.is-sizes .property-item, body.is-dark .product-quickview .card .right .properties .property-box.is-colors .property-item, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-box.is-colors .property-item, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .properties .property-box.is-colors .property-item {
            border-color: #3b4963 !important
        }

            body.is-dark .product-quickview .card .right .properties .property-box.is-sizes .property-item input:checked + .item-inner span.size-label, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-box.is-sizes .property-item input:checked + .item-inner span.size-label, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .properties .property-box.is-sizes .property-item input:checked + .item-inner span.size-label, body.is-dark .product-quickview .card .right .properties .property-box.is-colors .property-item input:checked + .item-inner span.size-label, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-box.is-colors .property-item input:checked + .item-inner span.size-label, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .properties .property-box.is-colors .property-item input:checked + .item-inner span.size-label {
                color: #3d70b2
            }

    body.is-dark .product-quickview .card .right .content p, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .content p, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .content p {
        color: #a2a5b9
    }

    body.is-dark .product-quickview .card .right .quickview-controls .spinner, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .spinner, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .quickview-controls .spinner {
        background: #181f29;
        border-color: #283143
    }

        body.is-dark .product-quickview .card .right .quickview-controls .spinner .remove:hover svg, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .spinner .remove:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .quickview-controls .spinner .remove:hover svg, body.is-dark .product-quickview .card .right .quickview-controls .spinner .add:hover svg, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .spinner .add:hover svg, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .quickview-controls .spinner .add:hover svg {
            stroke: #3d70b2
        }

        body.is-dark .product-quickview .card .right .quickview-controls .spinner .value, body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .spinner .value, .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .quickview-controls .spinner .value {
            color: #fafafa
        }

body.is-dark .shop-wrapper .cart-container .cart-header .header-inner h2 {
    color: #fafafa
}

body.is-dark .shop-wrapper .cart-container .cart-header .header-inner .header-actions .buttons .button:not(.accent-button) {
    background: #151a23;
    border-color: #283143;
    color: #fff
}

body.is-dark .shop-wrapper .cart-container .cart-content .continue-shopping a {
    background: #181f29
}

    body.is-dark .shop-wrapper .cart-container .cart-content .continue-shopping a:not(:hover) {
        color: #a2a5b9
    }

body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-header h3 {
    color: #fafafa
}

body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:first-child {
    color: #a2a5b9
}

body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2) {
    color: #fafafa
}

    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2).is-total {
        color: #3d70b2
    }

body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card > h4, body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card > h3 {
    color: #fafafa
}

body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card > p {
    color: #a2a5b9 !important
}

body.is-dark .ElementsApp .InputElement, body.is-dark .ElementsApp input {
    color: #fafafa !important
}

body.is-dark #card-errors {
    font-size: .85rem;
    color: #eb1c26
}

body.is-dark .shop-wrapper .cart-container .cart-content .checkout-section .address-box input:checked + .address-box-inner {
    border-color: #3d70b2
}

body.is-dark .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner p {
        color: #a2a5b9
    }

        body.is-dark .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner p:first-child {
            color: #fafafa
        }

body.is-dark .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box input:checked + .shipping-box-inner {
    border-color: #3d70b2
}

body.is-dark .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box .shipping-box-inner {
    background: #202836;
    border-color: #2f3b50
}

body.is-dark .shop-wrapper .checkout-container .left .left-header {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .shop-wrapper .checkout-container .left .left-header .header-inner .title-wrap h3 {
        color: #fafafa
    }

    body.is-dark .shop-wrapper .checkout-container .left .left-header .header-inner .title-wrap p {
        color: #a2a5b9
    }

    body.is-dark .shop-wrapper .checkout-container .left .left-header .header-coupon {
        border-color: #2f3b50
    }

        body.is-dark .shop-wrapper .checkout-container .left .left-header .header-coupon .field .control .input {
            background: #283143;
            border-color: #283143;
            color: #fafafa
        }

            body.is-dark .shop-wrapper .checkout-container .left .left-header .header-coupon .field .control .input::-moz-placeholder {
                color: #4e6183
            }

            body.is-dark .shop-wrapper .checkout-container .left .left-header .header-coupon .field .control .input::placeholder {
                color: #4e6183
            }

    body.is-dark .shop-wrapper .checkout-container .left .left-header .header-foot {
        border-color: #2f3b50
    }

        body.is-dark .shop-wrapper .checkout-container .left .left-header .header-foot .label {
            color: #a2a5b9
        }

        body.is-dark .shop-wrapper .checkout-container .left .left-header .header-foot .amount {
            color: #3d70b2
        }

            body.is-dark .shop-wrapper .checkout-container .left .left-header .header-foot .amount:before {
                color: #a2a5b9
            }

body.is-dark .shop-wrapper .checkout-container .right .payment-form {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .shop-wrapper .checkout-container .right .payment-form .provider-form .form-section .form-section-header h3 {
        color: #fafafa
    }

    body.is-dark .shop-wrapper .checkout-container .right .payment-form .provider-form .form-section .field label {
        color: #a2a5b9
    }

    body.is-dark .shop-wrapper .checkout-container .right .payment-form .provider-form .form-section .field .control #card-element {
        background: #283143;
        border-color: #283143;
        color: #fafafa
    }

        body.is-dark .shop-wrapper .checkout-container .right .payment-form .provider-form .form-section .field .control #card-element::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .shop-wrapper .checkout-container .right .payment-form .provider-form .form-section .field .control #card-element::placeholder {
            color: #4e6183
        }

body.is-dark .shop-wrapper .checkout-container .confirmation-box {
    background: #202836;
    border-color: #37445c
}

    body.is-dark .shop-wrapper .checkout-container .confirmation-box h3 {
        color: #fafafa
    }

    body.is-dark .shop-wrapper .checkout-container .confirmation-box p {
        color: #a2a5b9;
        border-color: #37445c
    }

    body.is-dark .shop-wrapper .checkout-container .confirmation-box .order-summary h4 {
        color: #fafafa
    }

    body.is-dark .shop-wrapper .checkout-container .confirmation-box .order-summary .order-line .item.is-total span, body.is-dark .shop-wrapper .checkout-container .confirmation-box .order-summary .order-line .amount.is-total span {
        color: #3d70b2 !important
    }

body.is-dark .videos-wrapper .videos-sidebar {
    background: #1c2330;
    border-color: #283143
}

    body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner {
        border-color: #283143
    }

        body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block {
            border-color: #2f3b50
        }

            body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .avatar-wrap {
                border-color: #425370
            }

                body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .avatar-wrap .badge {
                    border-color: #1c2330
                }

            body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block > h4 {
                color: #fafafa
            }

            body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block > p {
                color: #a2a5b9
            }

        body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-stats .stat-block span:first-child {
            color: #fafafa;
            font-weight: 500
        }

        body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-stats .stat-block span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a span {
            color: #a2a5b9
        }

        body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .separator {
            border-color: #2f3b50
        }

body.is-dark .videos-wrapper .home-content .collections-header > a.is-active {
    color: #fafafa
}

body.is-dark .videos-wrapper .home-content .collections-wrap .collection .header h4 {
    color: #fafafa
}

body.is-dark .videos-wrapper .home-content .collections-wrap .collection .header a {
    color: #3d70b2
}

body.is-dark .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta .info span:first-child {
    color: #fafafa
}

body.is-dark .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta .info span:nth-child(2) {
    color: #a2a5b9
}

body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box {
    background: #2f3b50
}

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-meta .video-title {
        color: #fafafa
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-meta .video-subtitle .views-count {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-meta .video-subtitle .quick-actions .quick-action:hover {
        background: #262f40
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-meta .video-subtitle .quick-actions .quick-action svg {
        stroke: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-meta .video-owner .meta span:first-child {
        color: #fafafa
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-meta .video-owner .meta span:nth-child(2) {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-description h4 {
        color: #fafafa
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-description p {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-description .additional-description p, body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-description .additional-description ul li {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-description hr {
        height: 1px;
        background: #425370
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-description .video-description-more:not(:hover) {
        color: #a2a5b9
    }

body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .comment-box .media-content .control .button:not(:hover) {
    background: #2f3b50;
    border-color: #3e4e69;
    color: #fafafa
}

body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .comment-box .media-content .control .button:hover {
    background: #3d70b2 !important;
    border-color: #3d70b2 !important
}

body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .comments-count h3 {
    color: #fafafa
}

body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment {
    border-color: #465776
}

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-left .avatar-wrap {
        border-color: #465776
    }

        body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-left .avatar-wrap .badge {
            border-color: #2f3b50
        }

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-meta h4 a {
        color: #fafafa;
        font-weight: 500
    }

        body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-meta h4 a:hover {
            color: #3d70b2
        }

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-meta h4 small {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-meta p {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-stats .stat span {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-stats .stat svg {
        stroke: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-actions .comment-action {
        border-color: #3c4c66;
        background: #3c4c66
    }

        body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-actions .comment-action.is-reply:hover svg {
            stroke: #3d70b2
        }

body.is-dark .videos-wrapper .player-wrapper .related-side .related-list {
    background: #2f3b50
}

    body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .autoplay .autoplay-title {
        color: #fafafa
    }

    body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .autoplay .autoplay-toggle > span {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .related-label {
        border-color: #3c4c66
    }

        body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .related-label h4 {
            color: #fafafa
        }

    body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .related-card .media-content .video-meta > a {
        color: #fafafa
    }

        body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .related-card .media-content .video-meta > a:hover {
            color: #3d70b2
        }

    body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .related-card .media-content .video-meta .submeta .info span {
        color: #a2a5b9
    }

body.is-dark .question-tabs {
    background: #283143;
    border-color: #37445c
}

    body.is-dark .question-tabs ul li:not(.is-active) a {
        color: #a2a5b9
    }

    body.is-dark .question-tabs ul li:not(.is-active):hover a {
        color: #fafafa !important
    }

body.is-dark .questions-wrap .questions-menu li:not(.is-active) a svg, body.is-dark .questions-demo .questions-menu li:not(.is-active) a svg {
    stroke: #a2a5b9
}

body.is-dark .questions-wrap .questions-menu li:not(.is-active) a span, body.is-dark .questions-demo .questions-menu li:not(.is-active) a span {
    color: #a2a5b9
}

body.is-dark .questions-wrap .questions-menu li.is-active a, body.is-dark .questions-demo .questions-menu li.is-active a {
    background: #283143;
    border-color: #37445c
}

body.is-dark .question-content .question-block, body.is-dark .question-content .answer-block {
    border-color: #3c4c66
}

    body.is-dark .question-content .question-block:not(.is-best) .answer-footer .upvote .upvote-icon, body.is-dark .question-content .answer-block:not(.is-best) .answer-footer .upvote .upvote-icon {
        background: #283143;
        border-color: #37445c
    }

    body.is-dark .question-content .question-block .question-title, body.is-dark .question-content .answer-block .question-title {
        color: #fafafa
    }

        body.is-dark .question-content .question-block .question-title.is-link:not(:hover), body.is-dark .question-content .answer-block .question-title.is-link:not(:hover) {
            color: #fafafa
        }

    body.is-dark .question-content .question-block .question-author .meta span:first-child, body.is-dark .question-content .question-block .answer-author .meta span:first-child, body.is-dark .question-content .answer-block .question-author .meta span:first-child, body.is-dark .question-content .answer-block .answer-author .meta span:first-child {
        color: #fafafa
    }

    body.is-dark .question-content .question-block .question-author .meta span:nth-child(2), body.is-dark .question-content .question-block .answer-author .meta span:nth-child(2), body.is-dark .question-content .answer-block .question-author .meta span:nth-child(2), body.is-dark .question-content .answer-block .answer-author .meta span:nth-child(2) {
        color: #a2a5b9
    }

    body.is-dark .question-content .question-block .question-text > p, body.is-dark .question-content .question-block .answer-text > p, body.is-dark .question-content .answer-block .question-text > p, body.is-dark .question-content .answer-block .answer-text > p {
        color: #a2a5b9
    }

        body.is-dark .question-content .question-block .question-text > p.code, body.is-dark .question-content .question-block .answer-text > p.code, body.is-dark .question-content .answer-block .question-text > p.code, body.is-dark .question-content .answer-block .answer-text > p.code {
            background: #283143
        }

    body.is-dark .question-content .question-block .question-text .tags .tag, body.is-dark .question-content .question-block .answer-text .tags .tag, body.is-dark .question-content .answer-block .question-text .tags .tag, body.is-dark .question-content .answer-block .answer-text .tags .tag {
        background: #283143;
        border-color: #37445c;
        color: #fafafa
    }

    body.is-dark .question-content .question-block .question-footer .likes .report-icon, body.is-dark .question-content .question-block .question-footer .report .report-icon, body.is-dark .question-content .question-block .question-footer .upvote .report-icon, body.is-dark .question-content .question-block .answer-footer .likes .report-icon, body.is-dark .question-content .question-block .answer-footer .report .report-icon, body.is-dark .question-content .question-block .answer-footer .upvote .report-icon, body.is-dark .question-content .answer-block .question-footer .likes .report-icon, body.is-dark .question-content .answer-block .question-footer .report .report-icon, body.is-dark .question-content .answer-block .question-footer .upvote .report-icon, body.is-dark .question-content .answer-block .answer-footer .likes .report-icon, body.is-dark .question-content .answer-block .answer-footer .report .report-icon, body.is-dark .question-content .answer-block .answer-footer .upvote .report-icon {
        background: #283143;
        border-color: #37445c;
        color: #fafafa
    }

    body.is-dark .question-content .question-block .question-footer .likes span, body.is-dark .question-content .question-block .question-footer .report span, body.is-dark .question-content .question-block .question-footer .upvote span, body.is-dark .question-content .question-block .answer-footer .likes span, body.is-dark .question-content .question-block .answer-footer .report span, body.is-dark .question-content .question-block .answer-footer .upvote span, body.is-dark .question-content .answer-block .question-footer .likes span, body.is-dark .question-content .answer-block .question-footer .report span, body.is-dark .question-content .answer-block .question-footer .upvote span, body.is-dark .question-content .answer-block .answer-footer .likes span, body.is-dark .question-content .answer-block .answer-footer .report span, body.is-dark .question-content .answer-block .answer-footer .upvote span {
        color: #a2a5b9
    }

    body.is-dark .question-content .question-block .answers-count span, body.is-dark .question-content .answer-block .answers-count span {
        color: #a2a5b9
    }

body.is-dark .question-content .top-single-header .button {
    background: #283143;
    border-color: #37445c;
    color: #fafafa
}

body.is-dark .other-questions .other-title {
    color: #fafafa
}

body.is-dark .other-questions .other-question {
    border-color: #3c4c66
}

    body.is-dark .other-questions .other-question .meta a:not(:hover) {
        color: #fafafa
    }

    body.is-dark .other-questions .other-question .meta span {
        color: #a2a5b9
    }

body.is-dark .questions-nav {
    background: #1c2330;
    border-color: #1c2330
}

    body.is-dark .questions-nav .inner .questions-nav-menu .menu-item.is-active {
        background: #283143
    }

    body.is-dark .questions-nav .inner .questions-nav-menu .menu-item:not(.is-active):not(:hover) span {
        color: #a2a5b9
    }

    body.is-dark .questions-nav .inner .questions-nav-menu .menu-item:not(.is-active):not(:hover) svg {
        stroke: #a2a5b9
    }

    body.is-dark .questions-nav .inner .question-summary .meta h4 {
        color: #fafafa
    }

    body.is-dark .questions-nav .inner .question-summary .meta span {
        color: #a2a5b9
    }

    body.is-dark .questions-nav .inner .question-summary .dropdown:hover > div .button svg {
        stroke: #a2a5b9
    }

    body.is-dark .questions-nav .inner .question-summary .dropdown > div .button {
        background: #1c2330;
        border-color: #2f3b50
    }

body.is-dark .categories-header {
    border-color: #3c4c66
}

    body.is-dark .categories-header h2 {
        color: #fafafa
    }

    body.is-dark .categories-header .control .input:focus {
        border-color: #3b4963
    }

body.is-dark .category-box {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .category-box:hover .box-content h3 {
        color: #3d70b2
    }

    body.is-dark .category-box .box-content h3 {
        color: #fafafa
    }

    body.is-dark .category-box .box-content p {
        color: #a2a5b9
    }

body.is-dark .stats-wrapper .stats-header {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .stats-wrapper .stats-header .avatar-wrapper {
        border-color: #3b4963
    }

        body.is-dark .stats-wrapper .stats-header .avatar-wrapper .badge {
            border-color: #202836
        }

    body.is-dark .stats-wrapper .stats-header .user-info h4 {
        color: #fafafa
    }

    body.is-dark .stats-wrapper .stats-header .user-info p {
        color: #a2a5b9
    }

    body.is-dark .stats-wrapper .stats-header .user-info .button {
        background: #202836
    }

    body.is-dark .stats-wrapper .stats-header .main-stats .stat-block {
        border-color: #425370
    }

        body.is-dark .stats-wrapper .stats-header .main-stats .stat-block h4 {
            color: #a2a5b9
        }

        body.is-dark .stats-wrapper .stats-header .main-stats .stat-block p {
            color: #fafafa
        }

body.is-dark .stats-wrapper .achievements .header h3 {
    color: #fafafa
}

body.is-dark .stats-wrapper .achievements .achievements-carousel-wrap .achievements-loader {
    background: #2f3b50
}

body.is-dark .stats-wrapper .achievements .achievements-carousel-wrap .achievement {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .stats-wrapper .achievements .achievements-carousel-wrap .achievement h3 {
        color: #fafafa
    }

    body.is-dark .stats-wrapper .achievements .achievements-carousel-wrap .achievement p {
        color: #a2a5b9
    }

body.is-dark .stats-wrapper .quick-activity .header {
    border-color: #3b4963
}

    body.is-dark .stats-wrapper .quick-activity .header h3 {
        color: #fafafa
    }

body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item {
    border-color: #3b4963
}

    body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item.is-best .avatar-wrap {
        border-color: #1ce589
    }

        body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item.is-best .avatar-wrap .badge {
            border-color: #2f3b50
        }

    body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item .avatar-wrap {
        border-color: #3b4963
    }

    body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item .meta span:first-child {
        color: #fafafa;
        font-weight: 500
    }

    body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item .meta span:nth-child(2) {
        color: #a2a5b9
    }

        body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item .meta span:nth-child(2) a {
            color: #3d70b2
        }

    body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item .meta small {
        color: #a2a5b9
    }

body.is-dark .questions-side-card {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .questions-side-card h4 {
        color: #fafafa
    }

    body.is-dark .questions-side-card p {
        color: #a2a5b9
    }

body.is-dark .questions-wrap .questions-settings .settings-header {
    border-color: #3c4c66
}

    body.is-dark .questions-wrap .questions-settings .settings-header h2 {
        color: #fafafa
    }

body.is-dark .questions-wrap .questions-settings .settings-body .switch-block span:first-child {
    color: #fafafa
}

body.is-dark .questions-wrap .questions-settings .settings-body .switch-block span:nth-child(2) {
    color: #a2a5b9
}

body.is-dark .events-wrapper .left-panel {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .events-wrapper .left-panel .left-panel-inner .scroll-link {
        border-color: #2f3b50
    }

        body.is-dark .events-wrapper .left-panel .left-panel-inner .scroll-link.is-active {
            background: #262f40
        }

            body.is-dark .events-wrapper .left-panel .left-panel-inner .scroll-link.is-active .date-block .month {
                color: #fafafa
            }

        body.is-dark .events-wrapper .left-panel .left-panel-inner .scroll-link:not(.is-active) .date-block svg {
            stroke: #a2a5b9
        }

        body.is-dark .events-wrapper .left-panel .left-panel-inner .scroll-link:not(.is-active) .date-block .month {
            color: #a2a5b9
        }

        body.is-dark .events-wrapper .left-panel .left-panel-inner .scroll-link .meta-block span {
            color: #a2a5b9
        }

    body.is-dark .events-wrapper .left-panel .left-panel-inner .add-event {
        background: #151a23
    }

        body.is-dark .events-wrapper .left-panel .left-panel-inner .add-event .button:not(:hover) {
            background: #151a23;
            color: #a2a5b9
        }

        body.is-dark .events-wrapper .left-panel .left-panel-inner .add-event .button:hover {
            background: #3d70b2 !important;
            border-color: #3d70b2 !important;
            color: #fff !important
        }

body.is-dark .events-wrapper .right-panel {
    background: #242d3c;
    border-color: #242d3c
}

    body.is-dark .events-wrapper .right-panel .panel-header h3 {
        color: #fafafa
    }

    body.is-dark .events-wrapper .right-panel .panel-body .activity-block .activity-meta p, body.is-dark .events-wrapper .right-panel .panel-body .activity-block .activity-meta span {
        color: #a2a5b9
    }

    body.is-dark .events-wrapper .right-panel .panel-body .activity-block .activity-meta a {
        color: #fafafa
    }

        body.is-dark .events-wrapper .right-panel .panel-body .activity-block .activity-meta a:hover {
            color: #3d70b2
        }

body.is-dark .events-wrapper .wrapper-inner .event-list .event-item {
    background: #2f3b50;
    border-color: #3b4963 !important
}

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-title {
        color: #fafafa
    }

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-subtitle svg {
        stroke: #a2a5b9
    }

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-subtitle h3 {
        color: #a2a5b9
    }

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-options > div .button {
        background: #2f3b50 !important
    }

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-content .event-description p {
        color: #a2a5b9
    }

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-participants .participants-group img {
        border-color: #2f3b50
    }

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-participants .participants-text p {
        color: #a2a5b9
    }

        body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-participants .participants-text p a {
            color: #fafafa
        }

            body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-participants .participants-text p a:hover {
                color: #3d70b2
            }

body.is-dark .event-page-wrapper .event-content .event-head {
    overflow: hidden;
    border-color: #283143;
    background: #202836
}

    body.is-dark .event-page-wrapper .event-content .event-head h2 {
        color: #fafafa
    }

    body.is-dark .event-page-wrapper .event-content .event-head .left .button-separator {
        background: #334056;
        border-color: #425370
    }

    body.is-dark .event-page-wrapper .event-content .event-head .left .info-block .info-body p, body.is-dark .event-page-wrapper .event-content .event-head .left .info-block .info-body a {
        color: #fafafa
    }

        body.is-dark .event-page-wrapper .event-content .event-head .left .info-block .info-body a:hover {
            color: #3d70b2
        }

    body.is-dark .event-page-wrapper .event-content .event-head .right {
        background: #2b3649;
        border-color: #425370
    }

        body.is-dark .event-page-wrapper .event-content .event-head .right .subscribe-block p {
            color: #a2a5b9
        }

body.is-dark .event-page-wrapper .event-content .event-participants .container-inner .participant .participant-avatar {
    background: #3e4e69;
    border-color: #3e4e69
}

    body.is-dark .event-page-wrapper .event-content .event-participants .container-inner .participant .participant-avatar:hover {
        border-color: #3d70b2
    }

body.is-dark .event-page-wrapper .event-content .event-details .left {
    border-color: #425370
}

    body.is-dark .event-page-wrapper .event-content .event-details .left .details-block h3 {
        color: #fafafa
    }

    body.is-dark .event-page-wrapper .event-content .event-details .left .details-block p {
        color: #a2a5b9
    }

body.is-dark .event-page-wrapper .event-content .event-details .right .event-owner .meta span:nth-child(2) {
    color: #fafafa
}

body.is-dark .event-page-wrapper .event-content .event-details .right .side-block .side-body a {
    color: #fafafa
}

    body.is-dark .event-page-wrapper .event-content .event-details .right .side-block .side-body a:hover {
        color: #3d70b2
    }

body.is-dark .news-header .news-hero-menu {
    background: #242d3c;
    border-color: #242d3c
}

    body.is-dark .news-header .news-hero-menu .stories .story {
        border-color: #2f3b50
    }

        body.is-dark .news-header .news-hero-menu .stories .story:before {
            background: #242d3c
        }

        body.is-dark .news-header .news-hero-menu .stories .story:not(.is-active) .avatar-wrap {
            border-color: #3b4963
        }

        body.is-dark .news-header .news-hero-menu .stories .story .meta span:first-child {
            color: #a2a5b9
        }

        body.is-dark .news-header .news-hero-menu .stories .story .meta span:nth-child(2) {
            color: #fafafa
        }

        body.is-dark .news-header .news-hero-menu .stories .story .meta span:nth-child(3) {
            color: #a2a5b9
        }

body.is-dark .news-grid .news-card {
    border-color: #3b4963 !important;
    background: #202836 !important
}

    body.is-dark .news-grid .news-card .tag {
        background: #3d70b2 !important;
        color: #fafafa !important
    }

    body.is-dark .news-grid .news-card .news-content h3 {
        color: #fafafa !important
    }

    body.is-dark .news-grid .news-card .news-content p {
        color: #a2a5b9 !important
    }

    body.is-dark .news-grid .news-card .news-content .button-wrap .button {
        background: #161c25 !important;
        border-color: #161c25 !important;
        color: #fff !important
    }

        body.is-dark .news-grid .news-card .news-content .button-wrap .button:hover {
            background: #3d70b2 !important;
            border-color: #3d70b2 !important
        }

    body.is-dark .news-grid .news-card .news-content .button-wrap .actions .action:hover {
        background: #2c384b !important
    }

        body.is-dark .news-grid .news-card .news-content .button-wrap .actions .action:hover svg {
            stroke: #fcfcfc !important
        }

body.is-dark .groups-grid .grid-header .header-inner h2 {
    color: #fafafa
}

body.is-dark .groups-grid .grid-header .header-inner .header-actions .buttons .button:not(.accent-button) {
    background: #151a23;
    border-color: #283143;
    color: #fff
}

body.is-dark .groups-grid .group-box {
    background-color: #202836;
    border-color: #334056
}

    body.is-dark .groups-grid .group-box:hover .box-info {
        background-color: transparent
    }

    body.is-dark .groups-grid .group-box .box-info {
        background-color: #202836
    }

    body.is-dark .groups-grid .group-box .box-info-hover > svg {
        stroke: #fff
    }

        body.is-dark .groups-grid .group-box .box-info-hover > svg:hover {
            fill: #f71416;
            stroke: #f71416
        }

    body.is-dark .groups-grid .group-box .box-clock {
        stroke: #fff
    }

    body.is-dark .groups-grid .group-box .box-time {
        color: #fff
    }

    body.is-dark .groups-grid .group-box .box-category {
        color: #a2a5b9
    }

    body.is-dark .groups-grid .group-box .box-title {
        color: #fff
    }

body.is-dark .settings-sidebar {
    background: #1c2330;
    border-color: #283143
}

    body.is-dark .settings-sidebar .settings-sidebar-inner {
        border-color: #283143
    }

        body.is-dark .settings-sidebar .settings-sidebar-inner .user-block {
            border-color: #2f3b50
        }

            body.is-dark .settings-sidebar .settings-sidebar-inner .user-block .avatar-wrap {
                border-color: #425370
            }

                body.is-dark .settings-sidebar .settings-sidebar-inner .user-block .avatar-wrap .badge {
                    border-color: #1c2330
                }

            body.is-dark .settings-sidebar .settings-sidebar-inner .user-block > h4 {
                color: #fafafa
            }

            body.is-dark .settings-sidebar .settings-sidebar-inner .user-block > p {
                color: #a2a5b9
            }

        body.is-dark .settings-sidebar .settings-sidebar-inner .user-stats .stat-block span:first-child {
            color: #fafafa;
            font-weight: 500
        }

        body.is-dark .settings-sidebar .settings-sidebar-inner .user-stats .stat-block span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a span {
            color: #a2a5b9
        }

        body.is-dark .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .separator {
            border-color: #2f3b50
        }

body.is-dark .settings-wrapper .settings-section .settings-panel {
    border-color: #283143;
    background: #202836
}

    body.is-dark .settings-wrapper .settings-section .settings-panel .title-wrap h2 {
        color: #fafafa
    }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .field-group {
        background: #242d3c !important;
        border-color: #334056
    }

        body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .field-group > label {
            color: #a2a5b9
        }

        body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .field-group .control .input, body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .field-group .control .textarea {
            background: #242d3c !important;
            color: #fafafa
        }

        body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .field-group .control .easy-autocomplete .input {
            background: #242d3c !important
        }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .setting-sublink {
        background: #293446;
        border-color: #394760
    }

        body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .setting-sublink .link-content .link-icon {
            background: #334056;
            border-color: #425370
        }

        body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .setting-sublink .link-content h4 {
            color: #fafafa
        }

        body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .setting-sublink .link-content p {
            color: #a2a5b9
        }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .switch-block .meta h4 {
        color: #fafafa
    }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .switch-block .meta p {
        color: #a2a5b9
    }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .form-text p {
        color: #a2a5b9
    }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .buttons .button:not(.accent-button) {
        background: #1c2330;
        border-color: #334056;
        color: #fafafa
    }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .illustration p {
        color: #a2a5b9
    }

body.is-dark .login-wrapper .form-hero .logo-wrap {
    background: #2f3b50
}

body.is-dark .login-wrapper .form-wrapper .avatar {
    border-color: #425370
}

    body.is-dark .login-wrapper .form-wrapper .avatar .badge {
        border-color: #2f3b50
    }

body.is-dark .login-wrapper .form-wrapper .login-form .field .control .input {
    background: #283143;
    border-color: #334056;
    color: #fafafa
}

    body.is-dark .login-wrapper .form-wrapper .login-form .field .control .input::-moz-placeholder {
        color: #4e6183
    }

    body.is-dark .login-wrapper .form-wrapper .login-form .field .control .input::placeholder {
        color: #4e6183
    }

body.is-dark .login-wrapper .form-wrapper .forgot-password a {
    color: #a2a5b9
}

    body.is-dark .login-wrapper .form-wrapper .forgot-password a:hover {
        color: #3d70b2
    }

body.is-dark .signup-wrapper .fake-nav {
    background: #1c2330;
    border-color: #1c2330
}

body.is-dark .signup-wrapper .login-container .form-title {
    color: #fafafa
}

body.is-dark .signup-wrapper .login-container .login-form .field.is-flex .switch-block .meta p {
    color: #a2a5b9
}

body.is-dark .signup-wrapper .process-bar {
    background: #3e4e69
}

    body.is-dark .signup-wrapper .process-bar .progress-wrap .track {
        background: #2b3649
    }

    body.is-dark .signup-wrapper .process-bar .progress-wrap .dot {
        background: #242d3c
    }

        body.is-dark .signup-wrapper .process-bar .progress-wrap .dot:not(.is-active) {
            border-color: #334056
        }

body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-title {
    color: #fafafa
}

body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .account-type {
    border-color: #283143;
    background: #202836
}

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .account-type h3 {
        color: #fafafa
    }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .account-type p {
        color: #a2a5b9
    }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .account-type .button:hover, body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .account-type .button.is-loading {
        background: #3d70b2;
        color: #fff
    }

body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel {
    border-color: #283143;
    background: #202836
}

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .field {
        background: #242d3c;
        border-color: #334056
    }

        body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .field > label {
            color: #a2a5b9
        }

        body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .field .control .input {
            background: #242d3c;
            border-color: #242d3c;
            color: #fafafa
        }

        body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .field .control .easy-autocomplete .input {
            background: #242d3c !important
        }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .photo-upload .preview {
        border-color: #334056
    }

        body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .photo-upload .preview .upload-button {
            border-color: #202836
        }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .photo-upload .limitation small {
        color: #a2a5b9
    }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .success-text h3 {
        color: #fafafa
    }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .success-text p {
        color: #a2a5b9
    }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .success-text .button:hover, body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .success-text .button.is-loading {
        background: #3d70b2;
        border-color: #3d70b2
    }

body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .buttons .is-next:hover, body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .buttons .is-next.is-loading {
    background: #3d70b2;
    border-color: #3d70b2;
    color: #fff
}

body.is-dark .crop-modal .modal-card-head {
    background: #202836;
    border-color: #334056
}

    body.is-dark .crop-modal .modal-card-head h3 {
        color: #fafafa
    }

    body.is-dark .crop-modal .modal-card-head .close-wrap .close-modal:hover {
        background: #283143
    }

.is-dark .dashboard-toolbar .title {
    color: #fff
}

.is-dark .dashboard-toolbar .theme-toggle .toggler {
    background: #202836 !important
}

.is-dark .dashboard-box {
    background-color: #202836;
    border-color: #334056
}

    .is-dark .dashboard-box .title, .is-dark .dashboard-box .topheading {
        color: #fafafa
    }

    .is-dark .dashboard-box .stat-block {
        border-bottom-color: #334056
    }

        .is-dark .dashboard-box .stat-block .stat-value {
            color: #fafafa
        }

    .is-dark .dashboard-box .help-block h4 {
        color: #fafafa
    }

    .is-dark .dashboard-box .box-content .box-line .left {
        color: #7c809d
    }

    .is-dark .dashboard-box .box-content .box-comments .box-comment {
        border-top-color: #334056
    }

        .is-dark .dashboard-box .box-content .box-comments .box-comment .comment-meta .meta-content {
            color: #797e9a
        }

    .is-dark .dashboard-box .box-content .box-subscribers .box-subscriber {
        border-top-color: #334056
    }

        .is-dark .dashboard-box .box-content .box-subscribers .box-subscriber .subscriber-meta .meta-title {
            color: #fafafa
        }

.is-dark .video-collection .collection-header > a.is-active {
    color: #fafafa
}

.is-dark .video-collection .collections-wrap .collection .header h4 {
    color: #fafafa
}

.is-dark .video-collection .collections-wrap .collection .header a {
    color: #3d70b2
}

.is-dark .video-collection .collections-wrap .collection .video-collection .episode .episode-meta .info span:first-child {
    color: #fafafa
}

.is-dark .video-collection .collections-wrap .collection .video-collection .episode .episode-meta .info span:nth-child(2) {
    color: #a2a5b9
}

body.is-dark .elements-sidebar {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .elements-sidebar .header {
        border-color: #283143
    }

        body.is-dark .elements-sidebar .header h3 {
            color: #fafafa
        }

    body.is-dark .elements-sidebar .elements-list .element-menu {
        border-color: #283143
    }

        body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger:hover, body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger.is-active {
            background: #1a212c
        }

            body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger:hover span, body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger.is-active span {
                color: #fafafa
            }

            body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger:hover > svg, body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger.is-active > svg {
                stroke: #fff
            }

        body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger span {
            color: #a2a5b9
        }

        body.is-dark .elements-sidebar .elements-list .element-menu .submenu-wrap ul li a {
            color: #a2a5b9
        }

            body.is-dark .elements-sidebar .elements-list .element-menu .submenu-wrap ul li a.is-active {
                color: #3d70b2
            }

            body.is-dark .elements-sidebar .elements-list .element-menu .submenu-wrap ul li a:not(.is-active):hover {
                color: #fafafa
            }

body.is-dark .elements-wrap .element-block {
    border-color: #283143;
    background: #202836
}

    body.is-dark .elements-wrap .element-block h3 {
        color: #fafafa
    }

    body.is-dark .elements-wrap .element-block p {
        color: #a2a5b9
    }

    body.is-dark .elements-wrap .element-block code {
        background: #202836
    }

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url("/assets/fonts/ajax-loader.gif") center center no-repeat
}

@font-face {
    font-family: "slick";
    src: url("/assets/fonts/slick.eot");
    src: url("/assets/fonts/slick.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/slick.woff") format("woff"),url("/assets/fonts/slick.ttf") format("truetype"),url("/assets/fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        outline: none;
        background: transparent;
        color: transparent
    }

        .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
            opacity: 1
        }

    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: .25
    }

    .slick-prev:before, .slick-next:before {
        font-family: "slick";
        font-size: 20px;
        line-height: 1;
        color: #fff;
        opacity: .75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 5px;
            cursor: pointer
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none
            }

                .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                    opacity: 1
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "•";
                width: 20px;
                height: 20px;
                font-family: "slick";
                font-size: 6px;
                line-height: 20px;
                text-align: center;
                color: #000;
                opacity: .25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .slick-dots li.slick-active button:before {
            color: #000;
            opacity: .75
        }

.message-error {
    display: block;
    text-align: center;
    font-size: .9rem;
    color: #e4434b;
}
.username-available-status {
    color: #1ce589 !important;
}
.username-not-available-status {
    color: #f71416 !important;
}
.captcha-box div div {
    margin: 0 auto;
}
.field-validation-error {
    font-family: "Roboto",sans-serif;
    font-size: .9rem;
    color: #f71416;
    margin-bottom: 1rem;
}

.hilight svg{
    fill: red;
}
.hilight .indicator{
    color: red;
} 
.share-post{
    border: solid 1px #999;
padding: 10px;
border-radius: 10px;
}



/**********************************************************************************************************/
/*******************************************FORUM**********************************************************/
.table-wrapper {
	overflow-x: auto;
}
.forum-table{
    min-width: 100%;
    font-size: .9rem;
}
.forum-table th,.forum-table td {
    border-bottom: 1px solid #ddd;
    /*background: #f7f7f7;*/
    padding: 10px;
    white-space: nowrap;
	font-weight: normal;
}
/*.forum-table th.replies,
.forum-table th.views,
.forum-table th.votes,
.forum-table th.latest-post,
.forum-table th.topics,
.forum-table th.posts,
.forum-table td.replies,
.forum-table td.views,
.forum-table td.votes,
.forum-table td.latest-post,
.forum-table td.topics,
.forum-table td.posts{
    display: none;
}*/
.forum-table td.image {
    min-width: 0;
    border: 0;
}
    .cart td,
    .data-table td,
    .forum-table td {
        min-width: 50px;
        /*border-width: 1px;
	border-style: solid;
    border-color: transparent #ddd #ddd;
    background-color: #fff;*/
        padding: 20px;
        /*color: #444;*/
    }
.forum-table td {
	min-width: 90px;
    padding: 10px;
}
.cart a,
.data-table a,
.forum-table a {
	font-weight: normal;
	color: #4ab2f1;
}
.cart a:hover,
.data-table a:hover,
.forum-table a:hover {
	text-decoration: underline;
}
.cart .product,
.data-table .product,
.data-table .message,
.data-table .info,
.data-table .name {
    min-width: 225px;
	text-align: left;
}
.forum-table .forum-details,
.forum-table .topic-details {
	text-align: left;
}



/*** FORUM & PROFILE ***/



.forums-main-page .topic-block {
	margin: 0 0 35px;
	text-align: center;
}
.forums-main-page .topic-block p {
	text-align: center;
}
.forums-main-page .pager {
	display: none;
}

.forum-breadcrumb {
    margin: 0 0 40px;
    background-color: #3d70b2;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
}

/*.forums-header {
	margin: 0 0 50px;
	overflow: hidden;
}
.forums-header:after {
	content: "";
	display: block;
	clear: both;
}
    */
.forums-header .current-time {
	margin: 0 0 15px;
	color: #757a91;
}
.forums-header .search-icon{
    color: #4a4a4a;
}
.forum-search-box .basic {
	overflow: hidden;
	margin: 0 0 10px;
}
.forums-header .advanced {
    margin-top: 2rem;
}
.forum-search-box .advanced a:hover {
	color: #4ab2f1;
}

.forum-search-page .page-title {
	margin: 0 0 -1px;
}
.forum-search-page .search-error,
.forum-search-page .no-result {
	margin: 0 0 15px;
	text-align: center;
	color: #e4434b;
}

.search-content {
    margin: 0 auto;
    background: #fff;
    padding: 30px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
}

.forum-wrap .button-wrap
{
    margin-top:10px;
}

/* forum group */

.forums-table-section {
    position: relative;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #e8e8e8;
    background: #fff;
    box-shadow: none;
    padding: 20px;
}
.forums-table-section + .pager {
	margin: 30px;
}

.pager ul{
	display: flex;
}
.pager ul li{
	padding: 10px;
}
.forums-table-section-title {
	margin: 0 0 15px;
	padding: 0 10px;
}



.forums-table-section .image div {
	width: 38px;
	height: 32px;
	margin: auto;
	background: url('../../Themes/DefaultClean/Content/images/topic-type1.png') center no-repeat;
}
.forums-table-section .image div.sticky {
	background: url('../../Themes/DefaultClean/Content/images/topic-type2.png') center no-repeat;
}
.forums-table-section .image div.announcement {
	background: url('../../Themes/DefaultClean/Content/images/topic-type3.png') center no-repeat;
}

.forums-table-section .forum-title,
.forums-table-section .topic-title {
	margin: 5px 0;
}

.forums-table-section .forum-description,
.forums-table-section .topic-starter {
	margin: 5px 0;
}
.forum-description {
    color: #757a91;
    margin-bottom: 1.5rem;
}
.forums-table-section .latest-post {
	white-space: nowrap;
}
.forums-table-section .latest-post div {
	margin: 5px 0;
}
.forums-table-section .latest-post label {
	color: #777;
}

.forums-table-section .view-all {
	margin: 30px 0 0;
	padding: 0 10px;
}
.forums-table-section .view-all a {
	background-color: #4ab2f1;
	padding: 10px 15px;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
}
.forums-table-section .view-all a:hover {
	background-color: #248ece;
}

/* forum-page, topic page */

.forum-page .forum-info {
	margin: 0 0 30px;
}
.forum-page .forum-name,
.forum-topic-page .topic-name {
	margin: 0 0 25px;
	border-bottom: 1px solid #ddd;
    padding: 0 10px 10px;
}
.forum-page .forum-name h1,
.forum-topic-page .topic-name h1 {
	font-size: 30px;
	font-weight: normal;
}

.forum-actions,
.topic-actions {
	margin: 0 0 30px;
	font-size: 0;
}

.forum-actions .actions a:hover,
.topic-actions .actions a:hover {
	background-color: #e6e6e6;
}
.forum-actions .pager.upper,
.topic-actions .pager.upper {
	display: none;
	margin: 0;
}
.topic-actions.lower .actions {
	display: none;
}

.active-discussions-page .forums-table-section-title {
	margin: 0 0 25px;
	border-bottom: 1px solid #ddd;
    padding: 0 10px 10px;
}
.active-discussions-page .forums-table-section-title strong {
	font-size: 30px;
	font-weight: normal;
}
.active-discussions-page .forums-table-section-body {
	margin: 0 0 20px;
}

/* topic post */

.topic-post {
	margin: 0 0 30px;
	border-top: 1px solid #ddd;
}
.topic-post:last-child {
	border-bottom: 1px solid #ddd;
}
.topic-post:after {
	content: "";
	display: block;
	clear: both;
}
.topic-post .user-stats span,
.profile-info-box .profile-stats span {
	margin: 0 0 0 3px;
	font-weight: bold;
	color: #444;
}
.topic-post .pm-button,
.profile-info-box .pm-button {
	display: inline-block;
	border: none;
	background-color: #888;
	padding: 10px 20px;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
}
.topic-post .pm-button:hover,
.profile-info-box .pm-button:hover {
	background-color: #999;
}

.topic-post .post-time {
	margin: 0 0 15px;
	background-color: #f6f6f6;
	padding: 10px 15px;
	font-size: 13px;
	font-weight: bold;
}


.topic-post .post-text {
	/*topic post-text also gets style from blog post-body*/
	padding: 0 10px 20px;
	line-height: 22px;
    color: #757a91;
    font-size: .9rem;
}

.topic-post .post-vote{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    float: right;
    font-size: .8rem;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    padding: 0 5px;
}

.topic-post .user-posted-image,
.latest-posts .user-posted-image {
    max-width: 100%;
    height: auto;
}
.topic-post .quote,
.latest-posts .quote {
	margin: 10px 0;
    border: 1px dashed #ccc;
    background-color: #f9f9f9;
	padding: 10px;
	color: #777;
}
.topic-post .signature {
	border-top: 1px solid #ddd;
	padding: 20px;
	font-size: 13px;
    font-style: italic;
    clear: both;
}

.topic-post .post-vote span.vote {
	cursor: pointer;
    display: block;
    padding: 10px;
}
.topic-post .vote-count-post {
    display: block;
    font-size: 160%;
}
/* forum edit & send message */

.forum-edit-page .page-title,
.move-topic-page .page-title,
.private-message-send-page .page-title {
	margin: 0 0 -1px;
}
.move-topic-page label {
	white-space: normal;
}
.forum-edit-page .message-error,
.private-message-send-page .message-error {
	margin: 20px 0;
}
.forum-edit-page .inputs strong {
	display: inline-block;
	max-width: 400px;
	font-size: 22px; /*reset zeroing*/
	font-weight: normal;
	color: #444;
	white-space: normal;
}
.forum-edit-page .inputs .topic-subject {
	font-size: 17px;
}
.forum-edit-page .inputs.reversed {
	margin: 0;
}
.forum-edit-page .inputs.reversed label {
	width: auto;
	margin: 5px;
	font-size: 14px; /*reset zeroing*/
	white-space: normal;
}
.bb-code-editor-wrapper .toolbar{
    display:flex;
    margin: 10px 10px 0 10px;
}
.bb-code-editor-wrapper .toolbar .tool{
    display: flex;
    border: solid 1px #c0c0c0;
    padding: 3px;
    border-radius: 5px;
    margin: 5px;
}
.forum-edit-page .bb-code-editor-wrapper,
.private-message-send-page .bb-code-editor-wrapper {
    max-width: 400px;
    margin: 20px auto;
    background-color: #ddd;
    padding: 10px;
}
.forum-edit-page .toolbar .button,
.private-message-send-page .toolbar .button {
    margin: 0 2px 0 0;
    border: #cec6b5 1px solid;
	padding: 2px;
}
.forum-edit-page .toolbar .button:hover,
.private-message-send-page .toolbar .button:hover {
	border: #333 1px solid;
}
.forum-edit-page textarea,
.private-message-send-page textarea {
	display: block;
	margin: auto;
}
.forum-edit-page .buttons input,
.move-topic-page .buttons input,
.private-messages .buttons input {
	min-width: 140px;
    border: none;
	background-color: #999;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
	color: #fff;
    text-transform: uppercase;
}
.forum-edit-page .buttons input:hover,
.move-topic-page .buttons input:hover,
.private-messages .buttons input:hover {
	background-color: #888;
}
.forum-edit-page .buttons .button-1,
.move-topic-page .buttons .button-1,
.private-messages .buttons .button-1 {
	background-color: #4ab2f1;
}
.forum-edit-page .buttons .button-1:hover,
.move-topic-page .buttons .button-1:hover,
.private-messages .buttons .button-1:hover {
	background-color: #248ece;
}
/*** FORUM & PROFILE ***/
.forum{
    font-size: .9rem;
}
/*.forums-header {
position: relative;
margin-bottom: 1.5rem;
border: 1px solid #e8e8e8;
background: #fff;
border-radius: .85rem;
box-shadow: none;
padding: 20px;
}*/
.forum-group .forum-table th.latest-post,
.forum-group .forum-table th.topics,
.forum-group .forum-table th.posts,
.forum-group .forum-table td.latest-post,
.forum-group .forum-table td.topics,
.forum-group .forum-table td.posts {
    display: table-cell;
}

.topic-group .forum-table th.latest-post,
.topic-group .forum-table td.latest-post {
    display: table-cell;
}

.forum-table td.image {
    max-width: 40px;
}

.forum-table td.image div {
    max-width: 100%;
    background-size: contain;
}
.search-content .advanced-search, .search-content .select, .search-content select{
    width: 100%;
}
.topic-modal .control input{
    width: 100%;
}
.topic-modal .column label{
    font-size: .8rem;
}
.topic-modal .column .select, .topic-modal .column select{
    width: 100%;
}
.topic-modal .card-footer {
    align-items: end;
    display: flex;
    justify-content: end;
}
.topic-modal .card-footer .button-wrap {
    margin-top: 10px;
}
.forum-side{
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    padding: 30px;
}
.topic-posts .post-info .user-block{
    display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 10px;
}
.topic-posts .post-info .user-block img{
    width: 42px;
    height: 42px;
    border-radius: 50%;
}
.topic-posts .post-info .user-block a{
    font-size: .9rem;
font-weight: 500;
color: #393a4f;
transition: color .3s;
}
.topic-posts .post-info .user-block .user-info{
    padding: 0 10px;
}
.topic-posts .post-info .user-block span{
font-size: .8rem;
color: #999;
}
.topic-posts .post-actions .button svg{
    width: 15px;
    margin-right: 10px;
}
.panel-moderator {
    border: 1px solid #e8e8e8;
    margin:10px 0;
    padding: 10px;
    border-radius: 10px;
}
.panel-moderator .user-block{
    display: flex;
justify-content: flex-start;
align-items: center;
padding: 5px;
}
.panel-moderator .user-block img{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
    display: flex;
    align-items: center;
}
.topic-content p, .topic-content ol, .topic-content ul, .topic-content li, .topic-content h1, .topic-content h2, .topic-content h3, .topic-content h4, .topic-content h5, .topic-content h6 {
    margin: inherit !important;
    padding: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}
.topic-content ul {
    list-style-type: inherit !important
}
.topic-content ul li{
    list-style: inherit !important;
}