@charset "UTF-8";.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform .1s ease;
    -webkit-transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease,-webkit-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

/* Disabled duplicated Source Sans Pro @font-face rules: referenced /fonts/sourcesanspro paths are missing in this project. */

.btn-lg-modifier {
    padding: 5px 40px;
    font-size: 18px;
    line-height: 36px;
    border-radius: 6px;
    margin: 6px 10px
}

.btn-md-modifier {
    padding: 5px 25px;
    font-size: 16px;
    line-height: 30px;
    border-radius: 6px;
    margin: 3px 5px
}

.btn-sm-modifier {
    padding: 5px 15px;
    font-size: 15px;
    line-height: 18px;
    border-radius: 6px;
    margin: 3px 5px
}

body.premium-theme.theme-1 #header-container #header {
    background-color: #5f7334
}

body.premium-theme.theme-1 #header-container #header .button-group.dropdown {
    color: #fff;
    background-color: #5f7334;
    border-color: transparent
}

body.premium-theme.theme-1 #header-container #header .button-group.dropdown:hover {
    color: #fff;
    background-color: #50612c;
    border-color: #50612c
}

body.premium-theme.theme-1 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-1 #header-container #header .button-group.dropdown:active {
    color: #fff;
    background-color: #425024;
    border-color: #465a1b
}

body.premium-theme.theme-1 #header-container #header .button-group.dropdown.active .fa,body.premium-theme.theme-1 #header-container #header .button-group.dropdown:active .fa {
    color: #fff
}

body.premium-theme.theme-1 #header-container #header .button-group.dropdown:focus {
    color: #fff;
    background-color: #5f7334;
    border-color: transparent
}

.open>.dropdown-toggle body.premium-theme.theme-1 #header-container #header .button-group.dropdown,body.premium-theme.theme-1 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-1 #header-container #header .button-group.dropdown:active {
    background-image: none
}

body.premium-theme.theme-1 #header-container #header .button-group.dropdown.disabled,body.premium-theme.theme-1 #header-container #header .button-group.dropdown.disabled.active,body.premium-theme.theme-1 #header-container #header .button-group.dropdown.disabled:active,body.premium-theme.theme-1 #header-container #header .button-group.dropdown.disabled:hover,body.premium-theme.theme-1 #header-container #header .button-group.dropdown[disabled],body.premium-theme.theme-1 #header-container #header .button-group.dropdown[disabled].active,body.premium-theme.theme-1 #header-container #header .button-group.dropdown[disabled]:active,body.premium-theme.theme-1 #header-container #header .button-group.dropdown[disabled]:hover,fieldset[disabled] body.premium-theme.theme-1 #header-container #header .button-group.dropdown,fieldset[disabled] body.premium-theme.theme-1 #header-container #header .button-group.dropdown.active,fieldset[disabled] body.premium-theme.theme-1 #header-container #header .button-group.dropdown:active,fieldset[disabled] body.premium-theme.theme-1 #header-container #header .button-group.dropdown:hover {
    background-color: #7c9644;
    border-color: #7c9644
}

body.premium-theme.theme-1 #header-container #header #header-item-search form input {
    -webkit-box-shadow: inset 0 1px 1px #6f6f6f;
    box-shadow: inset 0 1px 1px #6f6f6f
}

body.premium-theme.theme-1 #header-container #header #header-item-search form button .fa {
    color: #fff
}

body.premium-theme.theme-1 #header-container #header #header-item-logo a {
    background-image: url(/img/logos/wp-logo-white.png)
}

body.premium-theme.theme-1 #header-container #header #login-menu button,body.premium-theme.theme-1 #header-container #header #login-menu>a,body.premium-theme.theme-1 #header-container #header #profile-dropdown button,body.premium-theme.theme-1 #header-container #header #profile-dropdown>a,body.premium-theme.theme-1 #header-container #header>nav>ul>li button,body.premium-theme.theme-1 #header-container #header>nav>ul>li>a {
    color: #fff
}

body.premium-theme.theme-1 #header-container #app-header {
    background-color: #5f7334
}

body.premium-theme.theme-1 #header-container #app-header .fa {
    color: #fff
}

body.premium-theme.theme-1 #header-container #app-header .icon-container svg {
    stroke: #fff
}

body.premium-theme.theme-1 #header-container #app-header .icon-container svg .nav-library {
    fill: #fff
}

body.premium-theme.theme-1 #header-container #app-header .icon-container:after {
    background: #fff!important
}

body.premium-theme.theme-1 #app-container #home-index nav ul {
    border: solid 1px #5f7334
}

body.premium-theme.theme-1 #app-container #home-index nav li:not(.active) a {
    color: #5f7334
}

body.premium-theme.theme-1 #app-container #home-index nav li.active {
    background-color: #5f7334
}

body.premium-theme.theme-2 #header-container #header {
    background-color: #5c4b51
}

body.premium-theme.theme-2 #header-container #header .button-group.dropdown {
    color: #fff;
    background-color: #5c4b51;
    border-color: transparent
}

body.premium-theme.theme-2 #header-container #header .button-group.dropdown:hover {
    color: #fff;
    background-color: #4e4045;
    border-color: #4e4045
}

body.premium-theme.theme-2 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-2 #header-container #header .button-group.dropdown:active {
    color: #fff;
    background-color: #403438;
    border-color: #433238
}

body.premium-theme.theme-2 #header-container #header .button-group.dropdown.active .fa,body.premium-theme.theme-2 #header-container #header .button-group.dropdown:active .fa {
    color: #fff
}

body.premium-theme.theme-2 #header-container #header .button-group.dropdown:focus {
    color: #fff;
    background-color: #5c4b51;
    border-color: transparent
}

.open>.dropdown-toggle body.premium-theme.theme-2 #header-container #header .button-group.dropdown,body.premium-theme.theme-2 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-2 #header-container #header .button-group.dropdown:active {
    background-image: none
}

body.premium-theme.theme-2 #header-container #header .button-group.dropdown.disabled,body.premium-theme.theme-2 #header-container #header .button-group.dropdown.disabled.active,body.premium-theme.theme-2 #header-container #header .button-group.dropdown.disabled:active,body.premium-theme.theme-2 #header-container #header .button-group.dropdown.disabled:hover,body.premium-theme.theme-2 #header-container #header .button-group.dropdown[disabled],body.premium-theme.theme-2 #header-container #header .button-group.dropdown[disabled].active,body.premium-theme.theme-2 #header-container #header .button-group.dropdown[disabled]:active,body.premium-theme.theme-2 #header-container #header .button-group.dropdown[disabled]:hover,fieldset[disabled] body.premium-theme.theme-2 #header-container #header .button-group.dropdown,fieldset[disabled] body.premium-theme.theme-2 #header-container #header .button-group.dropdown.active,fieldset[disabled] body.premium-theme.theme-2 #header-container #header .button-group.dropdown:active,fieldset[disabled] body.premium-theme.theme-2 #header-container #header .button-group.dropdown:hover {
    background-color: #78626a;
    border-color: #78626a
}

body.premium-theme.theme-2 #header-container #header #header-item-search form input {
    -webkit-box-shadow: inset 0 1px 1px #6f6f6f;
    box-shadow: inset 0 1px 1px #6f6f6f
}

body.premium-theme.theme-2 #header-container #header #header-item-search form button .fa {
    color: #fff
}

body.premium-theme.theme-2 #header-container #header #header-item-logo a {
    background-image: url(/img/logos/wp-logo-white.png)
}

body.premium-theme.theme-2 #header-container #header #login-menu button,body.premium-theme.theme-2 #header-container #header #login-menu>a,body.premium-theme.theme-2 #header-container #header #profile-dropdown button,body.premium-theme.theme-2 #header-container #header #profile-dropdown>a,body.premium-theme.theme-2 #header-container #header>nav>ul>li button,body.premium-theme.theme-2 #header-container #header>nav>ul>li>a {
    color: #fff
}

body.premium-theme.theme-2 #header-container #app-header {
    background-color: #5c4b51
}

body.premium-theme.theme-2 #header-container #app-header .fa {
    color: #fff
}

body.premium-theme.theme-2 #header-container #app-header .icon-container svg {
    stroke: #fff
}

body.premium-theme.theme-2 #header-container #app-header .icon-container svg .nav-library {
    fill: #fff
}

body.premium-theme.theme-2 #header-container #app-header .icon-container:after {
    background: #fff!important
}

body.premium-theme.theme-2 #app-container #home-index nav ul {
    border: solid 1px #5c4b51
}

body.premium-theme.theme-2 #app-container #home-index nav li:not(.active) a {
    color: #5c4b51
}

body.premium-theme.theme-2 #app-container #home-index nav li.active {
    background-color: #5c4b51
}

body.premium-theme.theme-3 #header-container #header {
    background-color: #f06060
}

body.premium-theme.theme-3 #header-container #header .button-group.dropdown {
    color: #fff;
    background-color: #f06060;
    border-color: transparent
}

body.premium-theme.theme-3 #header-container #header .button-group.dropdown:hover {
    color: #fff;
    background-color: #ee4949;
    border-color: #ee4949
}

body.premium-theme.theme-3 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-3 #header-container #header .button-group.dropdown:active {
    color: #fff;
    background-color: #ec3131;
    border-color: #d74747
}

body.premium-theme.theme-3 #header-container #header .button-group.dropdown.active .fa,body.premium-theme.theme-3 #header-container #header .button-group.dropdown:active .fa {
    color: #fff
}

body.premium-theme.theme-3 #header-container #header .button-group.dropdown:focus {
    color: #fff;
    background-color: #f06060;
    border-color: transparent
}

.open>.dropdown-toggle body.premium-theme.theme-3 #header-container #header .button-group.dropdown,body.premium-theme.theme-3 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-3 #header-container #header .button-group.dropdown:active {
    background-image: none
}

body.premium-theme.theme-3 #header-container #header .button-group.dropdown.disabled,body.premium-theme.theme-3 #header-container #header .button-group.dropdown.disabled.active,body.premium-theme.theme-3 #header-container #header .button-group.dropdown.disabled:active,body.premium-theme.theme-3 #header-container #header .button-group.dropdown.disabled:hover,body.premium-theme.theme-3 #header-container #header .button-group.dropdown[disabled],body.premium-theme.theme-3 #header-container #header .button-group.dropdown[disabled].active,body.premium-theme.theme-3 #header-container #header .button-group.dropdown[disabled]:active,body.premium-theme.theme-3 #header-container #header .button-group.dropdown[disabled]:hover,fieldset[disabled] body.premium-theme.theme-3 #header-container #header .button-group.dropdown,fieldset[disabled] body.premium-theme.theme-3 #header-container #header .button-group.dropdown.active,fieldset[disabled] body.premium-theme.theme-3 #header-container #header .button-group.dropdown:active,fieldset[disabled] body.premium-theme.theme-3 #header-container #header .button-group.dropdown:hover {
    background-color: #f48f8f;
    border-color: #f48f8f
}

body.premium-theme.theme-3 #header-container #header #header-item-search form input {
    -webkit-box-shadow: inset 0 1px 1px #6f6f6f;
    box-shadow: inset 0 1px 1px #6f6f6f
}

body.premium-theme.theme-3 #header-container #header #header-item-search form button .fa {
    color: #fff
}

body.premium-theme.theme-3 #header-container #header #header-item-logo a {
    background-image: url(/img/logos/wp-logo-white.png)
}

body.premium-theme.theme-3 #header-container #header #login-menu button,body.premium-theme.theme-3 #header-container #header #login-menu>a,body.premium-theme.theme-3 #header-container #header #profile-dropdown button,body.premium-theme.theme-3 #header-container #header #profile-dropdown>a,body.premium-theme.theme-3 #header-container #header>nav>ul>li button,body.premium-theme.theme-3 #header-container #header>nav>ul>li>a {
    color: #fff
}

body.premium-theme.theme-3 #header-container #app-header {
    background-color: #f06060
}

body.premium-theme.theme-3 #header-container #app-header .fa {
    color: #fff
}

body.premium-theme.theme-3 #header-container #app-header .icon-container svg {
    stroke: #fff
}

body.premium-theme.theme-3 #header-container #app-header .icon-container svg .nav-library {
    fill: #fff
}

body.premium-theme.theme-3 #header-container #app-header .icon-container:after {
    background: #fff!important
}

body.premium-theme.theme-3 #app-container #home-index nav ul {
    border: solid 1px #f06060
}

body.premium-theme.theme-3 #app-container #home-index nav li:not(.active) a {
    color: #f06060
}

body.premium-theme.theme-3 #app-container #home-index nav li.active {
    background-color: #f06060
}

body.premium-theme.theme-4 #header-container #header {
    background-color: #357abe
}

body.premium-theme.theme-4 #header-container #header .button-group.dropdown {
    color: #fff;
    background-color: #357abe;
    border-color: transparent
}

body.premium-theme.theme-4 #header-container #header .button-group.dropdown:hover {
    color: #fff;
    background-color: #2f6daa;
    border-color: #2f6daa
}

body.premium-theme.theme-4 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-4 #header-container #header .button-group.dropdown:active {
    color: #fff;
    background-color: #2a6096;
    border-color: #1c61a5
}

body.premium-theme.theme-4 #header-container #header .button-group.dropdown.active .fa,body.premium-theme.theme-4 #header-container #header .button-group.dropdown:active .fa {
    color: #fff
}

body.premium-theme.theme-4 #header-container #header .button-group.dropdown:focus {
    color: #fff;
    background-color: #357abe;
    border-color: transparent
}

.open>.dropdown-toggle body.premium-theme.theme-4 #header-container #header .button-group.dropdown,body.premium-theme.theme-4 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-4 #header-container #header .button-group.dropdown:active {
    background-image: none
}

body.premium-theme.theme-4 #header-container #header .button-group.dropdown.disabled,body.premium-theme.theme-4 #header-container #header .button-group.dropdown.disabled.active,body.premium-theme.theme-4 #header-container #header .button-group.dropdown.disabled:active,body.premium-theme.theme-4 #header-container #header .button-group.dropdown.disabled:hover,body.premium-theme.theme-4 #header-container #header .button-group.dropdown[disabled],body.premium-theme.theme-4 #header-container #header .button-group.dropdown[disabled].active,body.premium-theme.theme-4 #header-container #header .button-group.dropdown[disabled]:active,body.premium-theme.theme-4 #header-container #header .button-group.dropdown[disabled]:hover,fieldset[disabled] body.premium-theme.theme-4 #header-container #header .button-group.dropdown,fieldset[disabled] body.premium-theme.theme-4 #header-container #header .button-group.dropdown.active,fieldset[disabled] body.premium-theme.theme-4 #header-container #header .button-group.dropdown:active,fieldset[disabled] body.premium-theme.theme-4 #header-container #header .button-group.dropdown:hover {
    background-color: #5693d0;
    border-color: #5693d0
}

body.premium-theme.theme-4 #header-container #header #header-item-search form input {
    -webkit-box-shadow: inset 0 1px 1px #6f6f6f;
    box-shadow: inset 0 1px 1px #6f6f6f
}

body.premium-theme.theme-4 #header-container #header #header-item-search form button .fa {
    color: #fff
}

body.premium-theme.theme-4 #header-container #header #header-item-logo a {
    background-image: url(/img/logos/wp-logo-white.png)
}

body.premium-theme.theme-4 #header-container #header #login-menu button,body.premium-theme.theme-4 #header-container #header #login-menu>a,body.premium-theme.theme-4 #header-container #header #profile-dropdown button,body.premium-theme.theme-4 #header-container #header #profile-dropdown>a,body.premium-theme.theme-4 #header-container #header>nav>ul>li button,body.premium-theme.theme-4 #header-container #header>nav>ul>li>a {
    color: #fff
}

body.premium-theme.theme-4 #header-container #app-header {
    background-color: #357abe
}

body.premium-theme.theme-4 #header-container #app-header .fa {
    color: #fff
}

body.premium-theme.theme-4 #header-container #app-header .icon-container svg {
    stroke: #fff
}

body.premium-theme.theme-4 #header-container #app-header .icon-container svg .nav-library {
    fill: #fff
}

body.premium-theme.theme-4 #header-container #app-header .icon-container:after {
    background: #fff!important
}

body.premium-theme.theme-4 #app-container #home-index nav ul {
    border: solid 1px #357abe
}

body.premium-theme.theme-4 #app-container #home-index nav li:not(.active) a {
    color: #357abe
}

body.premium-theme.theme-4 #app-container #home-index nav li.active {
    background-color: #357abe
}

body.premium-theme.theme-5 #header-container #header {
    background-color: #1094a6
}

body.premium-theme.theme-5 #header-container #header .button-group.dropdown {
    color: #fff;
    background-color: #1094a6;
    border-color: transparent
}

body.premium-theme.theme-5 #header-container #header .button-group.dropdown:hover {
    color: #fff;
    background-color: #0e7f8f;
    border-color: #0e7f8f
}

body.premium-theme.theme-5 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-5 #header-container #header .button-group.dropdown:active {
    color: #fff;
    background-color: #0c6b77;
    border-color: #007b8d
}

body.premium-theme.theme-5 #header-container #header .button-group.dropdown.active .fa,body.premium-theme.theme-5 #header-container #header .button-group.dropdown:active .fa {
    color: #fff
}

body.premium-theme.theme-5 #header-container #header .button-group.dropdown:focus {
    color: #fff;
    background-color: #1094a6;
    border-color: transparent
}

.open>.dropdown-toggle body.premium-theme.theme-5 #header-container #header .button-group.dropdown,body.premium-theme.theme-5 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-5 #header-container #header .button-group.dropdown:active {
    background-image: none
}

body.premium-theme.theme-5 #header-container #header .button-group.dropdown.disabled,body.premium-theme.theme-5 #header-container #header .button-group.dropdown.disabled.active,body.premium-theme.theme-5 #header-container #header .button-group.dropdown.disabled:active,body.premium-theme.theme-5 #header-container #header .button-group.dropdown.disabled:hover,body.premium-theme.theme-5 #header-container #header .button-group.dropdown[disabled],body.premium-theme.theme-5 #header-container #header .button-group.dropdown[disabled].active,body.premium-theme.theme-5 #header-container #header .button-group.dropdown[disabled]:active,body.premium-theme.theme-5 #header-container #header .button-group.dropdown[disabled]:hover,fieldset[disabled] body.premium-theme.theme-5 #header-container #header .button-group.dropdown,fieldset[disabled] body.premium-theme.theme-5 #header-container #header .button-group.dropdown.active,fieldset[disabled] body.premium-theme.theme-5 #header-container #header .button-group.dropdown:active,fieldset[disabled] body.premium-theme.theme-5 #header-container #header .button-group.dropdown:hover {
    background-color: #14bdd5;
    border-color: #14bdd5
}

body.premium-theme.theme-5 #header-container #header #header-item-search form input {
    -webkit-box-shadow: inset 0 1px 1px #6f6f6f;
    box-shadow: inset 0 1px 1px #6f6f6f
}

body.premium-theme.theme-5 #header-container #header #header-item-search form button .fa {
    color: #fff
}

body.premium-theme.theme-5 #header-container #header #header-item-logo a {
    background-image: url(/img/logos/wp-logo-white.png)
}

body.premium-theme.theme-5 #header-container #header #login-menu button,body.premium-theme.theme-5 #header-container #header #login-menu>a,body.premium-theme.theme-5 #header-container #header #profile-dropdown button,body.premium-theme.theme-5 #header-container #header #profile-dropdown>a,body.premium-theme.theme-5 #header-container #header>nav>ul>li button,body.premium-theme.theme-5 #header-container #header>nav>ul>li>a {
    color: #fff
}

body.premium-theme.theme-5 #header-container #app-header {
    background-color: #1094a6
}

body.premium-theme.theme-5 #header-container #app-header .fa {
    color: #fff
}

body.premium-theme.theme-5 #header-container #app-header .icon-container svg {
    stroke: #fff
}

body.premium-theme.theme-5 #header-container #app-header .icon-container svg .nav-library {
    fill: #fff
}

body.premium-theme.theme-5 #header-container #app-header .icon-container:after {
    background: #fff!important
}

body.premium-theme.theme-5 #app-container #home-index nav ul {
    border: solid 1px #1094a6
}

body.premium-theme.theme-5 #app-container #home-index nav li:not(.active) a {
    color: #1094a6
}

body.premium-theme.theme-5 #app-container #home-index nav li.active {
    background-color: #1094a6
}

body.premium-theme.theme-7 #header-container #header {
    background-color: #28b599
}

body.premium-theme.theme-7 #header-container #header .button-group.dropdown {
    color: #fff;
    background-color: #28b599;
    border-color: transparent
}

body.premium-theme.theme-7 #header-container #header .button-group.dropdown:hover {
    color: #fff;
    background-color: #23a087;
    border-color: #23a087
}

body.premium-theme.theme-7 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-7 #header-container #header .button-group.dropdown:active {
    color: #fff;
    background-color: #1f8b76;
    border-color: #0f9c80
}

body.premium-theme.theme-7 #header-container #header .button-group.dropdown.active .fa,body.premium-theme.theme-7 #header-container #header .button-group.dropdown:active .fa {
    color: #fff
}

body.premium-theme.theme-7 #header-container #header .button-group.dropdown:focus {
    color: #fff;
    background-color: #28b599;
    border-color: transparent
}

.open>.dropdown-toggle body.premium-theme.theme-7 #header-container #header .button-group.dropdown,body.premium-theme.theme-7 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-7 #header-container #header .button-group.dropdown:active {
    background-image: none
}

body.premium-theme.theme-7 #header-container #header .button-group.dropdown.disabled,body.premium-theme.theme-7 #header-container #header .button-group.dropdown.disabled.active,body.premium-theme.theme-7 #header-container #header .button-group.dropdown.disabled:active,body.premium-theme.theme-7 #header-container #header .button-group.dropdown.disabled:hover,body.premium-theme.theme-7 #header-container #header .button-group.dropdown[disabled],body.premium-theme.theme-7 #header-container #header .button-group.dropdown[disabled].active,body.premium-theme.theme-7 #header-container #header .button-group.dropdown[disabled]:active,body.premium-theme.theme-7 #header-container #header .button-group.dropdown[disabled]:hover,fieldset[disabled] body.premium-theme.theme-7 #header-container #header .button-group.dropdown,fieldset[disabled] body.premium-theme.theme-7 #header-container #header .button-group.dropdown.active,fieldset[disabled] body.premium-theme.theme-7 #header-container #header .button-group.dropdown:active,fieldset[disabled] body.premium-theme.theme-7 #header-container #header .button-group.dropdown:hover {
    background-color: #3cd4b6;
    border-color: #3cd4b6
}

body.premium-theme.theme-7 #header-container #header #header-item-search form input {
    -webkit-box-shadow: inset 0 1px 1px #6f6f6f;
    box-shadow: inset 0 1px 1px #6f6f6f
}

body.premium-theme.theme-7 #header-container #header #header-item-search form button .fa {
    color: #fff
}

body.premium-theme.theme-7 #header-container #header #header-item-logo a {
    background-image: url(/img/logos/wp-logo-white.png)
}

body.premium-theme.theme-7 #header-container #header #login-menu button,body.premium-theme.theme-7 #header-container #header #login-menu>a,body.premium-theme.theme-7 #header-container #header #profile-dropdown button,body.premium-theme.theme-7 #header-container #header #profile-dropdown>a,body.premium-theme.theme-7 #header-container #header>nav>ul>li button,body.premium-theme.theme-7 #header-container #header>nav>ul>li>a {
    color: #fff
}

body.premium-theme.theme-7 #header-container #app-header {
    background-color: #28b599
}

body.premium-theme.theme-7 #header-container #app-header .fa {
    color: #fff
}

body.premium-theme.theme-7 #header-container #app-header .icon-container svg {
    stroke: #fff
}

body.premium-theme.theme-7 #header-container #app-header .icon-container svg .nav-library {
    fill: #fff
}

body.premium-theme.theme-7 #header-container #app-header .icon-container:after {
    background: #fff!important
}

body.premium-theme.theme-7 #app-container #home-index nav ul {
    border: solid 1px #28b599
}

body.premium-theme.theme-7 #app-container #home-index nav li:not(.active) a {
    color: #28b599
}

body.premium-theme.theme-7 #app-container #home-index nav li.active {
    background-color: #28b599
}

body.premium-theme.theme-8 #header-container #header {
    background-color: #3c3c3c
}

body.premium-theme.theme-8 #header-container #header .button-group.dropdown {
    color: #fff;
    background-color: #3c3c3c;
    border-color: transparent
}

body.premium-theme.theme-8 #header-container #header .button-group.dropdown:hover {
    color: #fff;
    background-color: #2f2f2f;
    border-color: #2f2f2f
}

body.premium-theme.theme-8 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-8 #header-container #header .button-group.dropdown:active {
    color: #fff;
    background-color: #232323;
    border-color: #222
}

body.premium-theme.theme-8 #header-container #header .button-group.dropdown.active .fa,body.premium-theme.theme-8 #header-container #header .button-group.dropdown:active .fa {
    color: #fff
}

body.premium-theme.theme-8 #header-container #header .button-group.dropdown:focus {
    color: #fff;
    background-color: #3c3c3c;
    border-color: transparent
}

.open>.dropdown-toggle body.premium-theme.theme-8 #header-container #header .button-group.dropdown,body.premium-theme.theme-8 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-8 #header-container #header .button-group.dropdown:active {
    background-image: none
}

body.premium-theme.theme-8 #header-container #header .button-group.dropdown.disabled,body.premium-theme.theme-8 #header-container #header .button-group.dropdown.disabled.active,body.premium-theme.theme-8 #header-container #header .button-group.dropdown.disabled:active,body.premium-theme.theme-8 #header-container #header .button-group.dropdown.disabled:hover,body.premium-theme.theme-8 #header-container #header .button-group.dropdown[disabled],body.premium-theme.theme-8 #header-container #header .button-group.dropdown[disabled].active,body.premium-theme.theme-8 #header-container #header .button-group.dropdown[disabled]:active,body.premium-theme.theme-8 #header-container #header .button-group.dropdown[disabled]:hover,fieldset[disabled] body.premium-theme.theme-8 #header-container #header .button-group.dropdown,fieldset[disabled] body.premium-theme.theme-8 #header-container #header .button-group.dropdown.active,fieldset[disabled] body.premium-theme.theme-8 #header-container #header .button-group.dropdown:active,fieldset[disabled] body.premium-theme.theme-8 #header-container #header .button-group.dropdown:hover {
    background-color: #565656;
    border-color: #565656
}

body.premium-theme.theme-8 #header-container #header #header-item-search form input {
    -webkit-box-shadow: inset 0 1px 1px #6f6f6f;
    box-shadow: inset 0 1px 1px #6f6f6f
}

body.premium-theme.theme-8 #header-container #header #header-item-search form button .fa {
    color: #fff
}

body.premium-theme.theme-8 #header-container #header #header-item-logo a {
    background-image: url(/img/logos/wp-logo-white.png)
}

body.premium-theme.theme-8 #header-container #header #login-menu button,body.premium-theme.theme-8 #header-container #header #login-menu>a,body.premium-theme.theme-8 #header-container #header #profile-dropdown button,body.premium-theme.theme-8 #header-container #header #profile-dropdown>a,body.premium-theme.theme-8 #header-container #header>nav>ul>li button,body.premium-theme.theme-8 #header-container #header>nav>ul>li>a {
    color: #fff
}

body.premium-theme.theme-8 #header-container #app-header {
    background-color: #3c3c3c
}

body.premium-theme.theme-8 #header-container #app-header .fa {
    color: #fff
}

body.premium-theme.theme-8 #header-container #app-header .icon-container svg {
    stroke: #fff
}

body.premium-theme.theme-8 #header-container #app-header .icon-container svg .nav-library {
    fill: #fff
}

body.premium-theme.theme-8 #header-container #app-header .icon-container:after {
    background: #fff!important
}

body.premium-theme.theme-8 #app-container #home-index nav ul {
    border: solid 1px #3c3c3c
}

body.premium-theme.theme-8 #app-container #home-index nav li:not(.active) a {
    color: #3c3c3c
}

body.premium-theme.theme-8 #app-container #home-index nav li.active {
    background-color: #3c3c3c
}

body.premium-theme.theme-9 #header-container #header {
    background-color: #f06522
}

body.premium-theme.theme-9 #header-container #header .button-group.dropdown {
    color: #fff;
    background-color: #f06522;
    border-color: transparent
}

body.premium-theme.theme-9 #header-container #header .button-group.dropdown:hover {
    color: #fff;
    background-color: #e95610;
    border-color: #e95610
}

body.premium-theme.theme-9 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-9 #header-container #header .button-group.dropdown:active {
    color: #fff;
    background-color: #d14d0e;
    border-color: #d74c09
}

body.premium-theme.theme-9 #header-container #header .button-group.dropdown.active .fa,body.premium-theme.theme-9 #header-container #header .button-group.dropdown:active .fa {
    color: #fff
}

body.premium-theme.theme-9 #header-container #header .button-group.dropdown:focus {
    color: #fff;
    background-color: #f06522;
    border-color: transparent
}

.open>.dropdown-toggle body.premium-theme.theme-9 #header-container #header .button-group.dropdown,body.premium-theme.theme-9 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-9 #header-container #header .button-group.dropdown:active {
    background-image: none
}

body.premium-theme.theme-9 #header-container #header .button-group.dropdown.disabled,body.premium-theme.theme-9 #header-container #header .button-group.dropdown.disabled.active,body.premium-theme.theme-9 #header-container #header .button-group.dropdown.disabled:active,body.premium-theme.theme-9 #header-container #header .button-group.dropdown.disabled:hover,body.premium-theme.theme-9 #header-container #header .button-group.dropdown[disabled],body.premium-theme.theme-9 #header-container #header .button-group.dropdown[disabled].active,body.premium-theme.theme-9 #header-container #header .button-group.dropdown[disabled]:active,body.premium-theme.theme-9 #header-container #header .button-group.dropdown[disabled]:hover,fieldset[disabled] body.premium-theme.theme-9 #header-container #header .button-group.dropdown,fieldset[disabled] body.premium-theme.theme-9 #header-container #header .button-group.dropdown.active,fieldset[disabled] body.premium-theme.theme-9 #header-container #header .button-group.dropdown:active,fieldset[disabled] body.premium-theme.theme-9 #header-container #header .button-group.dropdown:hover {
    background-color: #f38652;
    border-color: #f38652
}

body.premium-theme.theme-9 #header-container #header #header-item-search form input {
    -webkit-box-shadow: inset 0 1px 1px #6f6f6f;
    box-shadow: inset 0 1px 1px #6f6f6f
}

body.premium-theme.theme-9 #header-container #header #header-item-search form button .fa {
    color: #fff
}

body.premium-theme.theme-9 #header-container #header #header-item-logo a {
    background-image: url(/img/logos/wp-logo-white.png)
}

body.premium-theme.theme-9 #header-container #header #login-menu button,body.premium-theme.theme-9 #header-container #header #login-menu>a,body.premium-theme.theme-9 #header-container #header #profile-dropdown button,body.premium-theme.theme-9 #header-container #header #profile-dropdown>a,body.premium-theme.theme-9 #header-container #header>nav>ul>li button,body.premium-theme.theme-9 #header-container #header>nav>ul>li>a {
    color: #fff
}

body.premium-theme.theme-9 #header-container #app-header {
    background-color: #f06522
}

body.premium-theme.theme-9 #header-container #app-header .fa {
    color: #fff
}

body.premium-theme.theme-9 #header-container #app-header .icon-container svg {
    stroke: #fff
}

body.premium-theme.theme-9 #header-container #app-header .icon-container svg .nav-library {
    fill: #fff
}

body.premium-theme.theme-9 #header-container #app-header .icon-container:after {
    background: #fff!important
}

body.premium-theme.theme-9 #app-container #home-index nav ul {
    border: solid 1px #f06522
}

body.premium-theme.theme-9 #app-container #home-index nav li:not(.active) a {
    color: #f06522
}

body.premium-theme.theme-9 #app-container #home-index nav li.active {
    background-color: #f06522
}

body.premium-theme.theme-10 #header-container #header {
    background-color: #a66b91
}

body.premium-theme.theme-10 #header-container #header .button-group.dropdown {
    color: #fff;
    background-color: #a66b91;
    border-color: transparent
}

body.premium-theme.theme-10 #header-container #header .button-group.dropdown:hover {
    color: #fff;
    background-color: #9b5d85;
    border-color: #9b5d85
}

body.premium-theme.theme-10 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-10 #header-container #header .button-group.dropdown:active {
    color: #fff;
    background-color: #8b5377;
    border-color: #8c4278
}

body.premium-theme.theme-10 #header-container #header .button-group.dropdown.active .fa,body.premium-theme.theme-10 #header-container #header .button-group.dropdown:active .fa {
    color: #fff
}

body.premium-theme.theme-10 #header-container #header .button-group.dropdown:focus {
    color: #fff;
    background-color: #a66b91;
    border-color: transparent
}

.open>.dropdown-toggle body.premium-theme.theme-10 #header-container #header .button-group.dropdown,body.premium-theme.theme-10 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-10 #header-container #header .button-group.dropdown:active {
    background-image: none
}

body.premium-theme.theme-10 #header-container #header .button-group.dropdown.disabled,body.premium-theme.theme-10 #header-container #header .button-group.dropdown.disabled.active,body.premium-theme.theme-10 #header-container #header .button-group.dropdown.disabled:active,body.premium-theme.theme-10 #header-container #header .button-group.dropdown.disabled:hover,body.premium-theme.theme-10 #header-container #header .button-group.dropdown[disabled],body.premium-theme.theme-10 #header-container #header .button-group.dropdown[disabled].active,body.premium-theme.theme-10 #header-container #header .button-group.dropdown[disabled]:active,body.premium-theme.theme-10 #header-container #header .button-group.dropdown[disabled]:hover,fieldset[disabled] body.premium-theme.theme-10 #header-container #header .button-group.dropdown,fieldset[disabled] body.premium-theme.theme-10 #header-container #header .button-group.dropdown.active,fieldset[disabled] body.premium-theme.theme-10 #header-container #header .button-group.dropdown:active,fieldset[disabled] body.premium-theme.theme-10 #header-container #header .button-group.dropdown:hover {
    background-color: #b98ba9;
    border-color: #b98ba9
}

body.premium-theme.theme-10 #header-container #header #header-item-search form input {
    -webkit-box-shadow: inset 0 1px 1px #6f6f6f;
    box-shadow: inset 0 1px 1px #6f6f6f
}

body.premium-theme.theme-10 #header-container #header #header-item-search form button .fa {
    color: #fff
}

body.premium-theme.theme-10 #header-container #header #header-item-logo a {
    background-image: url(/img/logos/wp-logo-white.png)
}

body.premium-theme.theme-10 #header-container #header #login-menu button,body.premium-theme.theme-10 #header-container #header #login-menu>a,body.premium-theme.theme-10 #header-container #header #profile-dropdown button,body.premium-theme.theme-10 #header-container #header #profile-dropdown>a,body.premium-theme.theme-10 #header-container #header>nav>ul>li button,body.premium-theme.theme-10 #header-container #header>nav>ul>li>a {
    color: #fff
}

body.premium-theme.theme-10 #header-container #app-header {
    background-color: #a66b91
}

body.premium-theme.theme-10 #header-container #app-header .fa {
    color: #fff
}

body.premium-theme.theme-10 #header-container #app-header .icon-container svg {
    stroke: #fff
}

body.premium-theme.theme-10 #header-container #app-header .icon-container svg .nav-library {
    fill: #fff
}

body.premium-theme.theme-10 #header-container #app-header .icon-container:after {
    background: #fff!important
}

body.premium-theme.theme-10 #app-container #home-index nav ul {
    border: solid 1px #a66b91
}

body.premium-theme.theme-10 #app-container #home-index nav li:not(.active) a {
    color: #a66b91
}

body.premium-theme.theme-10 #app-container #home-index nav li.active {
    background-color: #a66b91
}

body.premium-theme.theme-11 #header-container #header {
    background-color: #015272
}

body.premium-theme.theme-11 #header-container #header .button-group.dropdown {
    color: #fff;
    background-color: #015272;
    border-color: transparent
}

body.premium-theme.theme-11 #header-container #header .button-group.dropdown:hover {
    color: #fff;
    background-color: #014059;
    border-color: #014059
}

body.premium-theme.theme-11 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-11 #header-container #header .button-group.dropdown:active {
    color: #fff;
    background-color: #012e3f;
    border-color: #003959
}

body.premium-theme.theme-11 #header-container #header .button-group.dropdown.active .fa,body.premium-theme.theme-11 #header-container #header .button-group.dropdown:active .fa {
    color: #fff
}

body.premium-theme.theme-11 #header-container #header .button-group.dropdown:focus {
    color: #fff;
    background-color: #015272;
    border-color: transparent
}

.open>.dropdown-toggle body.premium-theme.theme-11 #header-container #header .button-group.dropdown,body.premium-theme.theme-11 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-11 #header-container #header .button-group.dropdown:active {
    background-image: none
}

body.premium-theme.theme-11 #header-container #header .button-group.dropdown.disabled,body.premium-theme.theme-11 #header-container #header .button-group.dropdown.disabled.active,body.premium-theme.theme-11 #header-container #header .button-group.dropdown.disabled:active,body.premium-theme.theme-11 #header-container #header .button-group.dropdown.disabled:hover,body.premium-theme.theme-11 #header-container #header .button-group.dropdown[disabled],body.premium-theme.theme-11 #header-container #header .button-group.dropdown[disabled].active,body.premium-theme.theme-11 #header-container #header .button-group.dropdown[disabled]:active,body.premium-theme.theme-11 #header-container #header .button-group.dropdown[disabled]:hover,fieldset[disabled] body.premium-theme.theme-11 #header-container #header .button-group.dropdown,fieldset[disabled] body.premium-theme.theme-11 #header-container #header .button-group.dropdown.active,fieldset[disabled] body.premium-theme.theme-11 #header-container #header .button-group.dropdown:active,fieldset[disabled] body.premium-theme.theme-11 #header-container #header .button-group.dropdown:hover {
    background-color: #0176a5;
    border-color: #0176a5
}

body.premium-theme.theme-11 #header-container #header #header-item-search form input {
    -webkit-box-shadow: inset 0 1px 1px #6f6f6f;
    box-shadow: inset 0 1px 1px #6f6f6f
}

body.premium-theme.theme-11 #header-container #header #header-item-search form button .fa {
    color: #fff
}

body.premium-theme.theme-11 #header-container #header #header-item-logo a {
    background-image: url(/img/logos/wp-logo-white.png)
}

body.premium-theme.theme-11 #header-container #header #login-menu button,body.premium-theme.theme-11 #header-container #header #login-menu>a,body.premium-theme.theme-11 #header-container #header #profile-dropdown button,body.premium-theme.theme-11 #header-container #header #profile-dropdown>a,body.premium-theme.theme-11 #header-container #header>nav>ul>li button,body.premium-theme.theme-11 #header-container #header>nav>ul>li>a {
    color: #fff
}

body.premium-theme.theme-11 #header-container #app-header {
    background-color: #015272
}

body.premium-theme.theme-11 #header-container #app-header .fa {
    color: #fff
}

body.premium-theme.theme-11 #header-container #app-header .icon-container svg {
    stroke: #fff
}

body.premium-theme.theme-11 #header-container #app-header .icon-container svg .nav-library {
    fill: #fff
}

body.premium-theme.theme-11 #header-container #app-header .icon-container:after {
    background: #fff!important
}

body.premium-theme.theme-11 #app-container #home-index nav ul {
    border: solid 1px #015272
}

body.premium-theme.theme-11 #app-container #home-index nav li:not(.active) a {
    color: #015272
}

body.premium-theme.theme-11 #app-container #home-index nav li.active {
    background-color: #015272
}

body.premium-theme.theme-12 #header-container #header {
    background-color: #2c3e50
}

body.premium-theme.theme-12 #header-container #header .button-group.dropdown {
    color: #fff;
    background-color: #2c3e50;
    border-color: transparent
}

body.premium-theme.theme-12 #header-container #header .button-group.dropdown:hover {
    color: #fff;
    background-color: #233140;
    border-color: #233140
}

body.premium-theme.theme-12 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-12 #header-container #header .button-group.dropdown:active {
    color: #fff;
    background-color: #1a242f;
    border-color: #132537
}

body.premium-theme.theme-12 #header-container #header .button-group.dropdown.active .fa,body.premium-theme.theme-12 #header-container #header .button-group.dropdown:active .fa {
    color: #fff
}

body.premium-theme.theme-12 #header-container #header .button-group.dropdown:focus {
    color: #fff;
    background-color: #2c3e50;
    border-color: transparent
}

.open>.dropdown-toggle body.premium-theme.theme-12 #header-container #header .button-group.dropdown,body.premium-theme.theme-12 #header-container #header .button-group.dropdown.active,body.premium-theme.theme-12 #header-container #header .button-group.dropdown:active {
    background-image: none
}

body.premium-theme.theme-12 #header-container #header .button-group.dropdown.disabled,body.premium-theme.theme-12 #header-container #header .button-group.dropdown.disabled.active,body.premium-theme.theme-12 #header-container #header .button-group.dropdown.disabled:active,body.premium-theme.theme-12 #header-container #header .button-group.dropdown.disabled:hover,body.premium-theme.theme-12 #header-container #header .button-group.dropdown[disabled],body.premium-theme.theme-12 #header-container #header .button-group.dropdown[disabled].active,body.premium-theme.theme-12 #header-container #header .button-group.dropdown[disabled]:active,body.premium-theme.theme-12 #header-container #header .button-group.dropdown[disabled]:hover,fieldset[disabled] body.premium-theme.theme-12 #header-container #header .button-group.dropdown,fieldset[disabled] body.premium-theme.theme-12 #header-container #header .button-group.dropdown.active,fieldset[disabled] body.premium-theme.theme-12 #header-container #header .button-group.dropdown:active,fieldset[disabled] body.premium-theme.theme-12 #header-container #header .button-group.dropdown:hover {
    background-color: #3e5771;
    border-color: #3e5771
}

body.premium-theme.theme-12 #header-container #header #header-item-search form input {
    -webkit-box-shadow: inset 0 1px 1px #6f6f6f;
    box-shadow: inset 0 1px 1px #6f6f6f
}

body.premium-theme.theme-12 #header-container #header #header-item-search form button .fa {
    color: #fff
}

body.premium-theme.theme-12 #header-container #header #header-item-logo a {
    background-image: url(/img/logos/wp-logo-white.png)
}

body.premium-theme.theme-12 #header-container #header #login-menu button,body.premium-theme.theme-12 #header-container #header #login-menu>a,body.premium-theme.theme-12 #header-container #header #profile-dropdown button,body.premium-theme.theme-12 #header-container #header #profile-dropdown>a,body.premium-theme.theme-12 #header-container #header>nav>ul>li button,body.premium-theme.theme-12 #header-container #header>nav>ul>li>a {
    color: #fff
}

body.premium-theme.theme-12 #header-container #app-header {
    background-color: #2c3e50
}

body.premium-theme.theme-12 #header-container #app-header .fa {
    color: #fff
}

body.premium-theme.theme-12 #header-container #app-header .icon-container svg {
    stroke: #fff
}

body.premium-theme.theme-12 #header-container #app-header .icon-container svg .nav-library {
    fill: #fff
}

body.premium-theme.theme-12 #header-container #app-header .icon-container:after {
    background: #fff!important
}

body.premium-theme.theme-12 #app-container #home-index nav ul {
    border: solid 1px #2c3e50
}

body.premium-theme.theme-12 #app-container #home-index nav li:not(.active) a {
    color: #2c3e50
}

body.premium-theme.theme-12 #app-container #home-index nav li.active {
    background-color: #2c3e50
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background: 0 0
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

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

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

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,th {
    padding: 0
}

@media print {
    * {
        text-shadow: none!important;
        color: #000!important;
        background: 0 0!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100%!important
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    select {
        background: #fff!important
    }

    .navbar {
        display: none
    }

    .table td,.table th {
        background-color: #fff!important
    }

    .btn>.caret,.dropup>.btn>.caret {
        border-top-color: #000!important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse!important
    }

    .table-bordered td,.table-bordered th {
        border: 1px solid #ddd!important
    }
}



#app-container {
    min-height: 100%
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.js-app-off button:not(.enable),.js-app-off input:not(.enable) {
    cursor: not-allowed;
    pointer-events: none;
    -moz-opacity: .65;
    -khtml-opacity: .65;
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none
}


figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

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

hr {
    margin-top: 18px;
    margin-bottom: 18px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

::-ms-reveal {
    display: none
}

#app-container {
    padding-bottom: 12px;
    margin-bottom: -60px
}

#app-container:after {
    content: "";
    display: block;
    height: 60px
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: inherit;
    color: inherit
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: 400;
    line-height: 18px;
    color: #6f6f6f
}

.h1,.h2,.h3,h1,h2,h3 {
    margin-top: 24px;
    margin-bottom: 12px
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
    font-size: 66.67%
}

.h4,.h5,.h6,h4,h5,h6 {
    margin-top: 12px;
    margin-bottom: 12px
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-size: 75%
}

.h1,h1 {
    font-size: 48px;
    font-weight: 400;
    line-height: 48px
}

.h2,h2 {
    font-size: 32px;
    font-weight: 400;
    line-height: 36px
}

.h3,h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px
}

.h4,h4 {
    font-size: 21px;
    font-weight: 600;
    line-height: 24px
}

.h5,h5 {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

.h6,h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 21px
}

p {
    margin: 0 0 12px
}

.lead {
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

@media (min-width: 768px) {
    .lead {
        font-size:24px
    }
}

.small,small {
    font-size: 14px;
    line-height: 18px
}

.x-small {
    font-size: 13px;
    line-height: 18px
}

cite {
    font-style: normal
}

.mark,mark {
    background-color: #fcf8e3;
    padding: .2em
}

.time,time {
    font-size: 14px;
    color: #6f6f6f
}

.italic {
    font-style: italic
}

.bold,.strong {
    font-weight: 700
}

.mediumbold {
    font-weight: 600
}

.light {
    font-weight: 100
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.tracked-tight {
    letter-spacing: -.03em
}

.tracked-loose {
    letter-spacing: .03em
}

.text-muted {
    color: #6f6f6f
}

.text-primary {
    color: #ff6122
}

a.text-primary:hover {
    color: #e40
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #ff6122
}

a.bg-primary:hover {
    background-color: #e40
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 11px;
    margin: 48px 0 24px;
    border-bottom: 1px solid #eee
}

ol,ul {
    margin-top: 0;
    margin-bottom: 12px
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 24px
}

dd,dt {
    line-height: 24px
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float:left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title],abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #6f6f6f
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 12px 24px;
    margin: 0 0 24px;
    font-size: 20px;
    border-left: 5px solid #eee
}

blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small,blockquote footer,blockquote small {
    display: block;
    line-height: 18px;
    color: #6f6f6f
}

blockquote .small:before,blockquote footer:before,blockquote small:before {
    content: "\2014 \00A0"
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
    content: ""
}

.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
    content: "\00A0 \2014"
}

blockquote:after,blockquote:before {
    content: ""
}

address {
    margin-bottom: 24px;
    font-style: normal;
    line-height: 24px
}

pre {
    margin: 12px 0 21px;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 21px;
    color: #6f6f6f;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

pre iframe,pre img {
    max-width: 100%
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 768px) {
    .container {
        width:740px
    }
}

@media (min-width: 992px) {
    .container {
        width:960px
    }
}

@media (min-width: 1350px) {
    .container {
        width:1160px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

.row {
    margin-left: -10px;
    margin-right: -10px
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

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

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float:left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

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

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float:left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

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

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

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

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

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

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

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

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

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1350px) {
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
        float:left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

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

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

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

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

.col-centered {
    display: inline-block;
    float: none;
    margin-right: -4px
}

table {
    background-color: transparent
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 24px
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 6px;
    line-height: 24px;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #eee
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
    padding: 6px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-],table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width:100%;
        margin-bottom: 18px;
        overflow-y: hidden;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: inherit;
    color: #222;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

input[type=checkbox],input[type=radio] {
    margin: 6px 0 0;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

output {
    display: block;
    padding-top: 7px;
    font-size: 16px;
    line-height: 24px;
    color: #6f6f6f
}

.form-control {
    display: block;
    width: 100%;
    height: 36px;
    padding: 6px 15px;
    font-size: 16px;
    line-height: 24px;
    color: #6f6f6f;
    background-color: #fff;
    background-image: none;
    border: 1px solid #eee;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -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)
}

.form-control::-moz-placeholder {
    color: #6f6f6f;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6f6f6f
}

.form-control::-webkit-input-placeholder {
    color: #6f6f6f
}

.form-control input::-webkit-input-placeholder {
    color: #6f6f6f;
    font-size: 16px;
    -webkit-transition: color 133ms ease;
    transition: color 133ms ease
}

.form-control input:-moz-placeholder {
    color: #6f6f6f;
    font-size: 16px;
    -webkit-transition: color 133ms ease;
    -moz-transition: color 133ms ease;
    transition: color 133ms ease
}

.form-control input::-moz-placeholder {
    color: #6f6f6f;
    font-size: 16px;
    -webkit-transition: color 133ms ease;
    -moz-transition: color 133ms ease;
    transition: color 133ms ease
}

.form-control input:-ms-input-placeholder {
    color: #6f6f6f;
    font-size: 16px;
    -webkit-transition: color 133ms ease;
    -ms-transition: color 133ms ease;
    transition: color 133ms ease
}

.form-control:focus::-moz-placeholder {
    color: #eee;
    opacity: 1
}

.form-control:focus:-ms-input-placeholder {
    color: #eee
}

.form-control:focus::-webkit-input-placeholder {
    color: #eee
}

.form-control:focus input::-webkit-input-placeholder {
    color: #eee;
    font-size: 16px;
    -webkit-transition: color 133ms ease;
    transition: color 133ms ease
}

.form-control:focus input:-moz-placeholder {
    color: #eee;
    font-size: 16px;
    -webkit-transition: color 133ms ease;
    -moz-transition: color 133ms ease;
    transition: color 133ms ease
}

.form-control:focus input::-moz-placeholder {
    color: #eee;
    font-size: 16px;
    -webkit-transition: color 133ms ease;
    -moz-transition: color 133ms ease;
    transition: color 133ms ease
}

.form-control:focus input:-ms-input-placeholder {
    color: #eee;
    font-size: 16px;
    -webkit-transition: color 133ms ease;
    -ms-transition: color 133ms ease;
    transition: color 133ms ease
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

textarea.form-control {
    height: auto
}

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

input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
    line-height: 36px
}

input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm {
    line-height: 24px
}

input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg {
    line-height: 52px
}

.form-group {
    margin-bottom: 15px
}

.checkbox,.radio {
    position: relative;
    display: block;
    min-height: 24px;
    margin-top: 12px;
    margin-bottom: 12px
}

.checkbox label,.radio label {
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px
}

.checkbox+.checkbox,.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,.radio-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
    cursor: not-allowed
}

.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline {
    cursor: not-allowed
}

.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}

.form-control-static.input-lg,.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.form-horizontal .form-group-sm .form-control,.input-sm {
    height: 24px;
    padding: 3px 3px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 2px
}

select.input-sm {
    height: 24px;
    line-height: 24px
}

select[multiple].input-sm,textarea.input-sm {
    height: auto
}

.form-horizontal .form-group-lg .form-control,.input-lg {
    height: 52px;
    padding: 12px 12px;
    font-size: 18px;
    line-height: 36px;
    border-radius: 6px
}

select.input-lg {
    height: 52px;
    line-height: 52px
}

select[multiple].input-lg,textarea.input-lg {
    height: auto
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 45px
}

.has-feedback .alert {
    display: none
}

.has-feedback .field-container {
    position: relative
}

.has-feedback .field-valid-check {
    position: absolute;
    top: 14px;
    right: 12px
}

.has-feedback.valid .validation.on-valid {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.has-feedback.valid .form-control:focus {
    border-color: #7ebb6b;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(126,187,107,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(126,187,107,.6)
}

.has-feedback.invalid .validation.on-invalid {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.has-feedback.invalid .alert {
    display: block
}

.has-feedback.invalid .form-control:focus {
    border-color: #ee9e8b;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(238,158,139,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(238,158,139,.6)
}

.has-feedback.warning .validation.on-warning {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.has-feedback.warning .alert {
    display: block
}

.form-control-feedback {
    position: absolute;
    top: 29px;
    right: 0;
    z-index: 2;
    display: block;
    width: 36px;
    height: 12px;
    line-height: 12px;
    margin: 12px 0;
    text-align: center;
    font-size: 21px
}

.form-control-feedback.interact {
    -webkit-transition: all 133ms ease-in;
    transition: all 133ms ease-in;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    z-index: 3
}

.form-control-feedback.interact:hover {
    cursor: pointer
}

.form-control-feedback.interact.active {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.form-control-feedback.validation {
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.input-lg~.form-control-feedback {
    width: 52px;
    height: 28px;
    line-height: 28px;
    font-size: 24px
}

.input-sm~.form-control-feedback {
    width: 24px;
    height: 12px;
    line-height: 12px;
    margin: 6px 0;
    font-size: 18px
}

.has-feedback.invalid .interact,.has-feedback.valid .interact,.has-feedback.warning .interact {
    right: 36px;
    border-right: 1px solid #eee
}

.has-feedback.invalid .input-lg~.interact,.has-feedback.valid .input-lg~.interact,.has-feedback.warning .input-lg~.interact {
    right: 52px
}

.has-feedback.invalid .input-sm~.interact,.has-feedback.valid .input-sm~.interact,.has-feedback.warning .input-sm~.interact {
    right: 24px
}

.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #afafaf
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox,.form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label,.form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .checkbox,.form-horizontal .radio {
    min-height: 31px
}

.form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align:right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    top: 0;
    right: 10px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top:433px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top:4px
    }
}

.btn {
    padding: 5px 15px;
    font-size: 15px;
    line-height: 18px;
    border-radius: 6px;
    margin: 3px 5px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 2px solid transparent;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    position: relative
}

.btn:focus,.btn:hover {
    text-decoration: none
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    -moz-opacity: .65;
    -khtml-opacity: .65;
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .fa {
    position: relative;
    top: 1px;
    padding-right: 7px;
    line-height: .1
}

.btn.btn-lg {
    padding: 5px 40px;
    font-size: 18px;
    line-height: 36px;
    border-radius: 6px;
    margin: 6px 10px
}

.btn.btn-md {
    padding: 5px 25px;
    font-size: 16px;
    line-height: 30px;
    border-radius: 6px;
    margin: 3px 5px
}

.btn.btn-sm {
    padding: 5px 15px;
    font-size: 15px;
    line-height: 18px;
    border-radius: 6px;
    margin: 3px 5px
}

.btn-left-icon .fa,.btn-left-icon img,.btn-left-icon svg {
    margin-right: 8px
}

.btn-right-icon .fa,.btn-right-icon img,.btn-right-icon svg {
    margin-left: 8px
}

.btn-margin-right {
    margin-right: 8px
}

.btn-margin-left {
    margin-left: 8px
}

.btn-square {
    border-radius: 6px!important
}

.btn-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0!important;
    border-radius: 50%!important;
    width: 42px;
    height: 42px
}

.btn-icon.btn-md {
    width: 42px;
    height: 42px
}

.btn-icon.btn-sm {
    width: 28px;
    height: 28px
}

.btn-icon.btn-lg {
    width: 42px;
    height: 42px
}

.btn-icon-only>.fa {
    padding-right: 0
}

.btn-link {
    color: #e64809;
    font-weight: 400;
    cursor: pointer;
    border-radius: 0
}

.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,.btn-link:hover {
    color: #e64809;
    text-decoration: none;
    background-color: transparent
}

.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
    color: #6f6f6f;
    text-decoration: none
}

.btn-primary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 24px;
    font-size: 16px;
    border-radius: 50vh;
    font-weight: 700;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    position: relative;
    border: none;
    color: #fff;
    background-color: #222;
    height: 42px
}

.btn-primary .fa,.btn-primary img,.btn-primary svg {
    color: #fff
}

.btn-primary.btn-sm {
    height: 28px;
    font-size: 14px
}

.btn-primary.btn-md {
    height: 42px
}

.btn-primary.btn-lg {
    height: 42px
}

.btn-primary:focus,.btn-primary:hover {
    color: #fff;
    text-decoration: none
}

.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary {
    cursor: not-allowed;
    pointer-events: none
}

.btn-primary:hover {
    background-color: #555
}

.btn-primary:disabled,fieldset[disabled] .btn-primary {
    background-color: #555
}

.btn-secondary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 24px;
    font-size: 16px;
    border-radius: 50vh;
    font-weight: 700;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    position: relative;
    border: none;
    color: #222;
    background-color: #eee;
    height: 42px
}

.btn-secondary .fa,.btn-secondary img,.btn-secondary svg {
    color: #222
}

.btn-secondary.btn-sm {
    height: 28px;
    font-size: 14px
}

.btn-secondary.btn-md {
    height: 42px
}

.btn-secondary.btn-lg {
    height: 42px
}

.btn-secondary:focus,.btn-secondary:hover {
    color: #222;
    text-decoration: none
}

.btn-secondary.disabled,.btn-secondary[disabled],fieldset[disabled] .btn-secondary {
    cursor: not-allowed;
    pointer-events: none
}

.btn-secondary:disabled,fieldset[disabled] .btn-secondary {
    color: rgba(34,34,34,.3)
}

.btn-secondary:disabled .fa,.btn-secondary:disabled img,.btn-secondary:disabled svg,fieldset[disabled] .btn-secondary .fa,fieldset[disabled] .btn-secondary img,fieldset[disabled] .btn-secondary svg {
    color: rgba(34,34,34,.3)
}

.btn-secondary:hover {
    background-color: #e1e1e1;
    border-color: #e1e1e1
}

.btn-orange {
    color: #fff;
    background-color: #ff6122;
    border-color: transparent
}

.btn-orange:hover {
    color: #fff;
    background-color: #ff4f08;
    border-color: #ff4f08
}

.btn-orange.active,.btn-orange:active {
    color: #fff;
    background-color: #e40;
    border-color: #ff6122
}

.btn-orange.active .fa,.btn-orange:active .fa {
    color: #fff
}

.btn-orange:focus {
    color: #fff;
    background-color: #ff6122;
    border-color: transparent
}

.btn-orange.active,.btn-orange:active,.open>.dropdown-toggle .btn-orange {
    background-image: none
}

.btn-orange.disabled,.btn-orange.disabled.active,.btn-orange.disabled:active,.btn-orange.disabled:hover,.btn-orange[disabled],.btn-orange[disabled].active,.btn-orange[disabled]:active,.btn-orange[disabled]:hover,fieldset[disabled] .btn-orange,fieldset[disabled] .btn-orange.active,fieldset[disabled] .btn-orange:active,fieldset[disabled] .btn-orange:hover {
    background-color: #ff8555;
    border-color: #ff8555
}

.btn-purple {
    color: #fff;
    background-color: #3b19a9;
    border-color: transparent
}

.btn-purple:hover {
    color: #fff;
    background-color: #331693;
    border-color: #331693
}

.btn-purple.active,.btn-purple:active {
    color: #fff;
    background-color: #2b127d;
    border-color: #3b19a9
}

.btn-purple.active .fa,.btn-purple:active .fa {
    color: #fff
}

.btn-purple:focus {
    color: #fff;
    background-color: #3b19a9;
    border-color: transparent
}

.btn-purple.active,.btn-purple:active,.open>.dropdown-toggle .btn-purple {
    background-image: none
}

.btn-purple.disabled,.btn-purple.disabled.active,.btn-purple.disabled:active,.btn-purple.disabled:hover,.btn-purple[disabled],.btn-purple[disabled].active,.btn-purple[disabled]:active,.btn-purple[disabled]:hover,fieldset[disabled] .btn-purple,fieldset[disabled] .btn-purple.active,fieldset[disabled] .btn-purple:active,fieldset[disabled] .btn-purple:hover {
    background-color: #4b20d5;
    border-color: #4b20d5
}

.btn-grey {
    color: #222;
    background-color: #eee;
    border-color: #eee
}

.btn-grey:hover {
    color: #222;
    background-color: #e1e1e1;
    border-color: #e1e1e1
}

.btn-grey.active,.btn-grey:active {
    color: #fff;
    background-color: #d5d5d5;
    border-color: #eee
}

.btn-grey.active .fa,.btn-grey:active .fa {
    color: #fff
}

.btn-grey:focus {
    color: #222;
    background-color: #eee;
    border-color: #eee
}

.btn-grey.active,.btn-grey:active,.open>.dropdown-toggle .btn-grey {
    background-image: none
}

.btn-grey.disabled,.btn-grey.disabled.active,.btn-grey.disabled:active,.btn-grey.disabled:hover,.btn-grey[disabled],.btn-grey[disabled].active,.btn-grey[disabled]:active,.btn-grey[disabled]:hover,fieldset[disabled] .btn-grey,fieldset[disabled] .btn-grey.active,fieldset[disabled] .btn-grey:active,fieldset[disabled] .btn-grey:hover {
    background-color: #fff;
    border-color: #fff
}

.btn-lightgrey {
    color: #eee;
    background-color: #eee;
    border-color: #eee
}

.btn-lightgrey:hover {
    color: #eee;
    background-color: #e1e1e1;
    border-color: #e1e1e1
}

.btn-lightgrey.active,.btn-lightgrey:active {
    color: #fff;
    background-color: #d5d5d5;
    border-color: #eee
}

.btn-lightgrey.active .fa,.btn-lightgrey:active .fa {
    color: #fff
}

.btn-lightgrey:focus {
    color: #eee;
    background-color: #eee;
    border-color: #eee
}

.btn-lightgrey.active,.btn-lightgrey:active,.open>.dropdown-toggle .btn-lightgrey {
    background-image: none
}

.btn-lightgrey.disabled,.btn-lightgrey.disabled.active,.btn-lightgrey.disabled:active,.btn-lightgrey.disabled:hover,.btn-lightgrey[disabled],.btn-lightgrey[disabled].active,.btn-lightgrey[disabled]:active,.btn-lightgrey[disabled]:hover,fieldset[disabled] .btn-lightgrey,fieldset[disabled] .btn-lightgrey.active,fieldset[disabled] .btn-lightgrey:active,fieldset[disabled] .btn-lightgrey:hover {
    background-color: #fff;
    border-color: #fff
}

.btn-white {
    color: #6f6f6f;
    background-color: #fff;
    border-color: #eee
}

.btn-white:hover {
    color: #6f6f6f;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn-white.active,.btn-white:active {
    color: #fff;
    background-color: #e6e6e6;
    border-color: #6f6f6f
}

.btn-white.active .fa,.btn-white:active .fa {
    color: #fff
}

.btn-white:focus {
    color: #6f6f6f;
    background-color: #fff;
    border-color: #eee
}

.btn-white.active,.btn-white:active,.open>.dropdown-toggle .btn-white {
    background-image: none
}

.btn-white.disabled,.btn-white.disabled.active,.btn-white.disabled:active,.btn-white.disabled:hover,.btn-white[disabled],.btn-white[disabled].active,.btn-white[disabled]:active,.btn-white[disabled]:hover,fieldset[disabled] .btn-white,fieldset[disabled] .btn-white.active,fieldset[disabled] .btn-white:active,fieldset[disabled] .btn-white:hover {
    background-color: #fff;
    border-color: #fff
}

.btn-teal {
    color: #fff;
    background-color: #00b2b2;
    border-color: transparent
}

.btn-teal:hover {
    color: #fff;
    background-color: #009899;
    border-color: #009899
}

.btn-teal.active,.btn-teal:active {
    color: #fff;
    background-color: #007f7f;
    border-color: #00b2b2
}

.btn-teal.active .fa,.btn-teal:active .fa {
    color: #fff
}

.btn-teal:focus {
    color: #fff;
    background-color: #00b2b2;
    border-color: transparent
}

.btn-teal.active,.btn-teal:active,.open>.dropdown-toggle .btn-teal {
    background-image: none
}

.btn-teal.disabled,.btn-teal.disabled.active,.btn-teal.disabled:active,.btn-teal.disabled:hover,.btn-teal[disabled],.btn-teal[disabled].active,.btn-teal[disabled]:active,.btn-teal[disabled]:hover,fieldset[disabled] .btn-teal,fieldset[disabled] .btn-teal.active,fieldset[disabled] .btn-teal:active,fieldset[disabled] .btn-teal:hover {
    background-color: #00e5e5;
    border-color: #00e5e5
}

.btn-premium-teal {
    color: #fff;
    background-color: #00b2b2;
    border-color: transparent
}

.btn-premium-teal:hover {
    color: #fff;
    background-color: #009899;
    border-color: #009899
}

.btn-premium-teal.active,.btn-premium-teal:active {
    color: #fff;
    background-color: #007f7f;
    border-color: #099
}

.btn-premium-teal.active .fa,.btn-premium-teal:active .fa {
    color: #fff
}

.btn-premium-teal:focus {
    color: #fff;
    background-color: #00b2b2;
    border-color: transparent
}

.btn-premium-teal.active,.btn-premium-teal:active,.open>.dropdown-toggle .btn-premium-teal {
    background-image: none
}

.btn-premium-teal.disabled,.btn-premium-teal.disabled.active,.btn-premium-teal.disabled:active,.btn-premium-teal.disabled:hover,.btn-premium-teal[disabled],.btn-premium-teal[disabled].active,.btn-premium-teal[disabled]:active,.btn-premium-teal[disabled]:hover,fieldset[disabled] .btn-premium-teal,fieldset[disabled] .btn-premium-teal.active,fieldset[disabled] .btn-premium-teal:active,fieldset[disabled] .btn-premium-teal:hover {
    background-color: #00e5e5;
    border-color: #00e5e5
}

.btn-glass {
    color: #fff;
    background-color: #222;
    border-color: #fff
}

.btn-glass:hover {
    color: #fff;
    background-color: #151515;
    border-color: #151515
}

.btn-glass.active,.btn-glass:active {
    color: #6f6f6f;
    background-color: #080808;
    border-color: #fff
}

.btn-glass.active .fa,.btn-glass:active .fa {
    color: #6f6f6f
}

.btn-glass:focus {
    color: #fff;
    background-color: #222;
    border-color: #fff
}

.btn-glass.active,.btn-glass:active,.open>.dropdown-toggle .btn-glass {
    background-image: none
}

.btn-glass.disabled,.btn-glass.disabled.active,.btn-glass.disabled:active,.btn-glass.disabled:hover,.btn-glass[disabled],.btn-glass[disabled].active,.btn-glass[disabled]:active,.btn-glass[disabled]:hover,fieldset[disabled] .btn-glass,fieldset[disabled] .btn-glass.active,fieldset[disabled] .btn-glass:active,fieldset[disabled] .btn-glass:hover {
    background-color: #3c3c3c;
    border-color: #3c3c3c
}

.btn-glass:hover {
    background-color: #6f6f6f;
    border-color: #fff
}

.btn-glass.active,.btn-glass:active {
    background-color: #fff
}

.btn-red {
    color: #fff;
    background-color: #e94a2c;
    border-color: transparent
}

.btn-red:hover {
    color: #fff;
    background-color: #e43818;
    border-color: #e43818
}

.btn-red.active,.btn-red:active {
    color: #fff;
    background-color: #cd3215;
    border-color: #e94a2c
}

.btn-red.active .fa,.btn-red:active .fa {
    color: #fff
}

.btn-red:focus {
    color: #fff;
    background-color: #e94a2c;
    border-color: transparent
}

.btn-red.active,.btn-red:active,.open>.dropdown-toggle .btn-red {
    background-image: none
}

.btn-red.disabled,.btn-red.disabled.active,.btn-red.disabled:active,.btn-red.disabled:hover,.btn-red[disabled],.btn-red[disabled].active,.btn-red[disabled]:active,.btn-red[disabled]:hover,fieldset[disabled] .btn-red,fieldset[disabled] .btn-red.active,fieldset[disabled] .btn-red:active,fieldset[disabled] .btn-red:hover {
    background-color: #ee725a;
    border-color: #ee725a
}

.btn-green {
    color: #fff;
    background-color: #01b05a;
    border-color: transparent
}

.btn-green:hover {
    color: #fff;
    background-color: #01974d;
    border-color: #01974d
}

.btn-green.active,.btn-green:active {
    color: #fff;
    background-color: #017d40;
    border-color: #01b05a
}

.btn-green.active .fa,.btn-green:active .fa {
    color: #fff
}

.btn-green:focus {
    color: #fff;
    background-color: #01b05a;
    border-color: transparent
}

.btn-green.active,.btn-green:active,.open>.dropdown-toggle .btn-green {
    background-image: none
}

.btn-green.disabled,.btn-green.disabled.active,.btn-green.disabled:active,.btn-green.disabled:hover,.btn-green[disabled],.btn-green[disabled].active,.btn-green[disabled]:active,.btn-green[disabled]:hover,fieldset[disabled] .btn-green,fieldset[disabled] .btn-green.active,fieldset[disabled] .btn-green:active,fieldset[disabled] .btn-green:hover {
    background-color: #01e374;
    border-color: #01e374
}

.btn-cta-black {
    color: #fff;
    background-color: #222;
    border-color: transparent
}

.btn-cta-black:hover {
    color: #fff;
    background-color: #151515;
    border-color: #151515
}

.btn-cta-black.active,.btn-cta-black:active {
    color: #fff;
    background-color: #080808;
    border-color: #222
}

.btn-cta-black.active .fa,.btn-cta-black:active .fa {
    color: #fff
}

.btn-cta-black:focus {
    color: #fff;
    background-color: #222;
    border-color: transparent
}

.btn-cta-black.active,.btn-cta-black:active,.open>.dropdown-toggle .btn-cta-black {
    background-image: none
}

.btn-cta-black.disabled,.btn-cta-black.disabled.active,.btn-cta-black.disabled:active,.btn-cta-black.disabled:hover,.btn-cta-black[disabled],.btn-cta-black[disabled].active,.btn-cta-black[disabled]:active,.btn-cta-black[disabled]:hover,fieldset[disabled] .btn-cta-black,fieldset[disabled] .btn-cta-black.active,fieldset[disabled] .btn-cta-black:active,fieldset[disabled] .btn-cta-black:hover {
    background-color: #3c3c3c;
    border-color: #3c3c3c
}

.btn-cta-grey {
    color: #222;
    background-color: #eee;
    border-color: transparent
}

.btn-cta-grey:hover {
    color: #222;
    background-color: #e1e1e1;
    border-color: #e1e1e1
}

.btn-cta-grey.active,.btn-cta-grey:active {
    color: #222;
    background-color: #d5d5d5;
    border-color: #eee
}

.btn-cta-grey.active .fa,.btn-cta-grey:active .fa {
    color: #222
}

.btn-cta-grey:focus {
    color: #222;
    background-color: #eee;
    border-color: transparent
}

.btn-cta-grey.active,.btn-cta-grey:active,.open>.dropdown-toggle .btn-cta-grey {
    background-image: none
}

.btn-cta-grey.disabled,.btn-cta-grey.disabled.active,.btn-cta-grey.disabled:active,.btn-cta-grey.disabled:hover,.btn-cta-grey[disabled],.btn-cta-grey[disabled].active,.btn-cta-grey[disabled]:active,.btn-cta-grey[disabled]:hover,fieldset[disabled] .btn-cta-grey,fieldset[disabled] .btn-cta-grey.active,fieldset[disabled] .btn-cta-grey:active,fieldset[disabled] .btn-cta-grey:hover {
    background-color: #fff;
    border-color: #fff
}

.btn-facebook,.btn-facebook-link {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998
}

.btn-facebook-link:hover,.btn-facebook:hover {
    color: #fff;
    background-color: #344e86;
    border-color: #344e86
}

.btn-facebook-link.active,.btn-facebook-link:active,.btn-facebook.active,.btn-facebook:active {
    color: #fff;
    background-color: #2d4373;
    border-color: #3b5998
}

.btn-facebook-link.active .fa,.btn-facebook-link:active .fa,.btn-facebook.active .fa,.btn-facebook:active .fa {
    color: #fff
}

.btn-facebook-link:focus,.btn-facebook:focus {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998
}

.btn-facebook-link.active,.btn-facebook-link:active,.btn-facebook.active,.btn-facebook:active,.open>.dropdown-toggle .btn-facebook,.open>.dropdown-toggle .btn-facebook-link {
    background-image: none
}

.btn-facebook-link.disabled,.btn-facebook-link.disabled.active,.btn-facebook-link.disabled:active,.btn-facebook-link.disabled:hover,.btn-facebook-link[disabled],.btn-facebook-link[disabled].active,.btn-facebook-link[disabled]:active,.btn-facebook-link[disabled]:hover,.btn-facebook.disabled,.btn-facebook.disabled.active,.btn-facebook.disabled:active,.btn-facebook.disabled:hover,.btn-facebook[disabled],.btn-facebook[disabled].active,.btn-facebook[disabled]:active,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook,fieldset[disabled] .btn-facebook-link,fieldset[disabled] .btn-facebook-link.active,fieldset[disabled] .btn-facebook-link:active,fieldset[disabled] .btn-facebook-link:hover,fieldset[disabled] .btn-facebook.active,fieldset[disabled] .btn-facebook:active,fieldset[disabled] .btn-facebook:hover {
    background-color: #4c70ba;
    border-color: #4c70ba
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

.btn-no-background {
    color: #eee;
    border: none;
    background: 0 0
}

.btn-no-background:active,.btn-no-background:focus,.btn-no-background:hover {
    color: #fff;
    border: none;
    background: 0 0
}

.btn-no-background:disabled {
    color: #eee;
    border: none;
    background: 0 0
}

.btn-no-style {
    border: none;
    background: inherit;
    padding: 0;
    display: contents
}

.btn-text {
    color: #6f6f6f;
    font-weight: 600;
    border: none;
    background: 0 0;
    padding: 0
}

.btn-text:hover {
    color: #6f6f6f
}

.btn-text:active,.btn-text:focus {
    color: #6f6f6f;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-text:disabled {
    color: #6f6f6f
}

.btn-replies {
    border: none;
    margin: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-radius: 0;
    color: #6f6f6f;
    padding: 9px 0
}

.btn-left-align {
    margin-left: 0
}

.btn-right-align {
    margin-right: 0
}

.btn-load-more {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 24px;
    font-size: 16px;
    border-radius: 50vh;
    font-weight: 700;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    position: relative;
    border: none;
    color: #222;
    background-color: rgba(18,18,18,.12);
    height: 42px
}

.btn-load-more .fa,.btn-load-more img,.btn-load-more svg {
    color: #222
}

.btn-load-more.btn-sm {
    height: 28px;
    font-size: 14px
}

.btn-load-more.btn-md {
    height: 42px
}

.btn-load-more.btn-lg {
    height: 42px
}

.btn-load-more:focus,.btn-load-more:hover {
    color: #222;
    text-decoration: none
}

.btn-load-more.disabled,.btn-load-more[disabled],fieldset[disabled] .btn-load-more {
    cursor: not-allowed;
    pointer-events: none
}

.btn-load-more:disabled,fieldset[disabled] .btn-load-more {
    color: rgba(18,18,18,.12)
}

.btn-load-more:hover {
    background-color: #121212;
    color: #fff
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown {
    position: relative
}

.dropdown-toggle .fa {
    font-size: 16px;
    line-height: .1;
    position: relative;
    top: 3px;
    padding: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: block;
    visibility: hidden;
    opacity: 0;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 16px;
    text-align: left;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 12px rgba(0,0,0,.25);
    box-shadow: 0 1px 12px rgba(0,0,0,.25);
    background-clip: padding-box;
    -webkit-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 11px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu .btn-option,.dropdown-menu>li>a,.dropdown-menu>ul>li>a {
    display: block;
    height: 30px;
    padding: 3px 15px;
    clear: both;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #5b5b5b;
    white-space: nowrap;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.dropdown-menu .btn-option {
    background: 0 0;
    border: none;
    width: 100%;
    text-align: left
}

.dropdown-menu .btn-option span {
    top: 2px!important;
    left: -6px;
    position: relative
}

.dropdown-menu .btn-option:hover {
    color: #222;
    background-color: #eee
}

.dropdown-menu .btn-option:hover span {
    color: #007f80
}

.dropdown-menu.large ul {
    list-style-type: none;
    padding: 8px 12px;
    margin-bottom: 0
}

.dropdown-menu.large li {
    line-height: 21px;
    padding: 6px 0
}

.dropdown-menu.large li.divider {
    padding: 1px 0 0
}

.dropdown-menu.large li.dropdown-header {
    padding: 6px 12px
}


.dropdown-menu.items {
    padding: 0;
    overflow: hidden;
    border-top-color: #eee;
    background: #eee
}

.dropdown-menu.items ul {
    padding: 0;
    margin-bottom: 0;
    background: #fff;
    list-style-type: none;
    width: 100%
}

.dropdown-menu.items li {
    font-size: 16px;
    padding: 6px 12px;
    line-height: 21px;
    background-color: #fff;
    -webkit-transition: background .1s ease;
    transition: background .1s ease
}

.dropdown-menu.items li.dropdown-header {
    margin: 0;
    font-weight: 600;
    background: #eee;
    font-size: 16px;
    border-top: 1px solid #eee
}

.dropdown-menu.items li.dropdown-header:first-child {
    border: none
}

.dropdown-menu.items .autocomplete-item-container {
    padding: 0 10px
}

.dropdown-menu.items .autocomplete-item-container .autocomplete-item {
    cursor: pointer;
    height: 42px;
    padding: 9px
}

.dropdown-menu.items .autocomplete-item-container .autocomplete-item:not(:first-child) {
    border-top: 1px solid #eee
}

.dropdown-menu.items .autocomplete-item-container .autocomplete-item.selected,.dropdown-menu.items .autocomplete-item-container .autocomplete-item:hover {
    color: #007f80;
    background: #eaf0f4
}

.dropdown-menu.items .autocomplete-item-container .autocomplete-item a {
    display: block;
    padding: 0
}

.dropdown-menu.items .autocomplete-item-container .autocomplete-item a:active,.dropdown-menu.items .autocomplete-item-container .autocomplete-item a:focus,.dropdown-menu.items .autocomplete-item-container .autocomplete-item a:hover {
    text-decoration: none
}

.dropdown-menu.items .autocomplete-item-container .autocomplete-item a .term {
    font-size: 15px;
    color: #6f6f6f;
    padding-left: 10px
}

.dropdown-menu.columns li {
    padding: 0;
    border-right: 1px solid #f2f2f2
}

.dropdown-menu.columns li a {
    position: relative;
    height: auto;
    font-size: 17px;
    line-height: 21px;
    padding: 6px 12px 6px 30px
}

.dropdown-menu.columns li a img,.dropdown-menu.columns li a span {
    position: absolute;
    top: 8px;
    left: 8px
}

.dropdown-menu.columns li.selected>a {
    font-weight: 700
}

.dropdown-menu.table-of-contents {
    margin-left: -120px;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    overflow: visible
}

.dropdown-menu.table-of-contents ul {
    list-style-type: none;
    padding: 5px 0 0;
    margin: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 12px rgba(0,0,0,.25);
    box-shadow: 0 1px 12px rgba(0,0,0,.25);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    max-height: 200px;
    background-clip: border-box
}

.dropdown-menu.table-of-contents li {
    margin: 0 9px;
    border-top: 1px solid #eee
}

.dropdown-menu.table-of-contents li:first-child {
    border: none
}

.dropdown-menu.table-of-contents li a {
    cursor: pointer;
    position: relative;
    height: auto;
    margin: 0 -9px;
    padding: 12px 41px 12px 15px;
    font-weight: 600;
    line-height: 18px;
    white-space: inherit
}

.dropdown-menu.table-of-contents li a:hover {
    color: #6f6f6f;
    text-decoration: none;
    background-color: #eee
}

.dropdown-menu.add-to-library {
    width: 240px;
    left: 50%;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.5);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.5);
    border: none;
    margin-left: -200px;
    background: #fff;
    padding: 0
}

.dropdown-menu.add-to-library ul {
    list-style-type: none;
    padding: 5px 0 0;
    margin: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    max-height: 200px;
    background-clip: border-box
}

.dropdown-menu.add-to-library li {
    padding: 0 9px;
    border-bottom: 1px solid #eee
}

.dropdown-menu.add-to-library li a {
    cursor: pointer;
    position: relative;
    height: auto;
    margin: 0 -9px;
    padding: 6px 44px 6px 40px;
    font-weight: 600;
    line-height: 18px;
    white-space: inherit
}

.dropdown-menu.add-to-library li a:hover {
    color: #6f6f6f;
    text-decoration: none;
    background-color: #eee
}

.dropdown-menu.add-to-library li a .status {
    position: absolute;
    top: 6px;
    right: 12px;
    font-size: 9px
}

.dropdown-menu.add-to-library li a .status .fa-check {
    top: 1px;
    font-size: 12px
}

.dropdown-menu.add-to-library li a .fa-library {
    font-size: 15px;
    position: absolute;
    left: 15px;
    top: 8px!important
}

.dropdown-menu.add-to-library li a .fa-reading-list {
    font-size: 20px;
    position: absolute;
    left: 12px;
    top: 6px!important
}

.dropdown-menu.add-to-library .reading-list-name {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dropdown-menu.add-to-library .fa {
    padding: 0;
    top: 0
}

.dropdown-menu.add-to-library .inputs {
    padding: 10px 0 10px 10px;
    position: relative
}

.dropdown-menu.add-to-library .inputs input {
    border-radius: 5px
}

.dropdown-menu.add-to-library .inputs .form-control {
    display: inline-block;
    vertical-align: middle;
    height: 28px;
    padding: 6px;
    width: 185px;
    font-size: 15px
}

.dropdown-menu.add-to-library .inputs .error-feedback {
    display: none
}

.dropdown-menu.add-to-library .inputs.has-error input::-webkit-input-placeholder {
    color: #ff6d55;
    font-size: 12px;
    -webkit-transition: color 133ms ease;
    transition: color 133ms ease
}

.dropdown-menu.add-to-library .inputs.has-error input:-moz-placeholder {
    color: #ff6d55;
    font-size: 12px;
    -webkit-transition: color 133ms ease;
    -moz-transition: color 133ms ease;
    transition: color 133ms ease
}

.dropdown-menu.add-to-library .inputs.has-error input::-moz-placeholder {
    color: #ff6d55;
    font-size: 12px;
    -webkit-transition: color 133ms ease;
    -moz-transition: color 133ms ease;
    transition: color 133ms ease
}

.dropdown-menu.add-to-library .inputs.has-error input:-ms-input-placeholder {
    color: #ff6d55;
    font-size: 12px;
    -webkit-transition: color 133ms ease;
    -ms-transition: color 133ms ease;
    transition: color 133ms ease
}

.dropdown-menu.add-to-library .inputs.has-error .form-control {
    border-color: #ff6d55;
    padding-left: 23px
}

.dropdown-menu.add-to-library .inputs.has-error .error-feedback {
    display: inline-block;
    position: absolute;
    top: 18px!important;
    left: 17px
}

.dropdown-menu.add-to-library .inputs .btn {
    padding: 5px 12px;
    border: none;
    margin: 0
}

.dropdown-menu.add-to-library ul.scrollable~.inputs {
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.3)
}

.dropdown-menu>li:not(:last-child) {
    border-bottom: 1px solid #eee
}

.dropdown-menu>li a.list-item-no-style {
    padding: 0;
    height: inherit
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #222;
    background-color: #eee
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #ff6122
}

.triangle {
    display: block;
    visibility: hidden;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: absolute;
    z-index: 1001;
    top: 100%;
    left: 50%;
    margin-top: -7px;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
    -webkit-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    color: #6f6f6f
}

.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    cursor: not-allowed
}

.open>.dropdown-menu,.open>.triangle {
    visibility: visible;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 6px 12px;
    margin: 0 -12px;
    font-size: 14px;
    line-height: 24px;
    color: #6f6f6f;
    background: #eee;
    font-weight: 700;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: ""
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left:auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    float: left
}

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

.btn-group-vertical>.btn:focus,.btn-group>.btn:focus {
    outline: 0
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn-group,.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

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

.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

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

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

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

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

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

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons]>.btn>input[type=checkbox],[data-toggle=buttons]>.btn>input[type=radio] {
    position: absolute;
    z-index: -1;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
    height: 52px;
    padding: 12px 12px;
    font-size: 18px;
    line-height: 36px;
    border-radius: 6px
}

select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn {
    height: 52px;
    line-height: 52px
}

select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
    height: 24px;
    padding: 3px 3px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 2px
}

select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn {
    height: 24px;
    line-height: 24px
}

select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group .form-control,.input-group-addon,.input-group-btn {
    display: table-cell
}

.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #6f6f6f;
    text-align: center;
    background-color: #eee;
    border: 1px solid #eee;
    border-radius: 3px
}

.input-group-addon.input-sm {
    padding: 3px 8px;
    font-size: 14px;
    border-radius: 2px
}

.input-group-addon.input-lg {
    padding: 12px 40px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type=checkbox],.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
    z-index: 2
}

.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
    margin-left: -1px
}

.breadcrumb {
    padding: 3px 15px;
    margin-bottom: 24px;
    list-style: none;
    background-color: rgba(255,255,255,.175);
    border-radius: 3px;
    border: 1px solid rgba(255,255,255,.5)
}

.breadcrumb>li {
    display: inline-block;
    color: #6f6f6f
}

.breadcrumb>li+li:before {
    content: ">\00a0";
    padding: 0 5px;
    color: #6f6f6f
}

.breadcrumb>.active {
    color: #fff
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:focus,a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #6f6f6f
}

.label-default[href]:focus,.label-default[href]:hover {
    background-color: #565656
}

.label-primary {
    background-color: #ff6122
}

.label-primary[href]:focus,.label-primary[href]:hover {
    background-color: #e40
}

.label-success {
    background-color: #00b2b2
}

.label-success[href]:focus,.label-success[href]:hover {
    background-color: #007f7f
}

.label-info {
    background-color: #00b2b2
}

.label-info[href]:focus,.label-info[href]:hover {
    background-color: #007f7f
}

.label-warning {
    background-color: #faada1
}

.label-warning[href]:focus,.label-warning[href]:hover {
    background-color: #f78371
}

.label-danger {
    background-color: #ff3f12
}

.label-danger[href]:focus,.label-danger[href]:hover {
    background-color: #de2a00
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #6f6f6f;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:focus,a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.nav-pills>.active>a>.badge,a.list-group-item.active>.badge {
    color: #e64809;
    background-color: #fff
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

.badges {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.badges .user-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 8px
}

.alert {
    padding: 15px;
    margin-bottom: 24px;
    border: 1px solid transparent;
    border-radius: 3px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert>p,.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 24px;
    margin-bottom: 24px;
    background-color: #f5f5f5;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    background-color: #ff6122;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped,.progress-striped .progress-bar {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px
}

.progress-bar.active,.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"] {
    min-width: 30px
}

.progress-bar[aria-valuenow="0"] {
    color: #6f6f6f;
    min-width: 30px;
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.progress-bar-success {
    background-color: #00b2b2
}

.progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-info {
    background-color: #00b2b2
}

.progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-warning {
    background-color: #faada1
}

.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-danger {
    background-color: #ff3f12
}

.progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.media,.media-body {
    overflow: hidden;
    zoom:1
}

.media,.media .media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media-object {
    display: block
}

.media-heading {
    margin: 0 0 5px
}

.media>.pull-left {
    margin-right: 10px
}

.media>.pull-right {
    margin-left: 10px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

a.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus,a.list-group-item:hover {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5
}

.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover {
    background-color: #eee;
    color: #6f6f6f
}

.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text {
    color: #6f6f6f
}

.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #ff6122;
    border-color: #ff6122
}

.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small {
    color: inherit
}

.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text {
    color: #fff3ee
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus,a.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus,a.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus,a.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus,a.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 24px;
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1)
}

.panel-body {
    padding: 12px 18px
}

.panel-body:first-child {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

.panel-body:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.panel-body>hr {
    border-top-color: #eee
}

.panel-heading {
    padding: 18px 18px 0;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

.panel-heading h1:first-child,.panel-heading h2:first-child,.panel-heading h3:first-child,.panel-heading h4:first-child,.panel-heading h5:first-child,.panel-heading h6:first-child {
    margin-top: 0;
    font-weight: 600
}

.panel-heading span {
    font-size: 24px;
    line-height: 24px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    font-size: 18px;
    color: #222
}

.panel-title>a {
    color: inherit
}

.panel-footer {
    padding: 12px 18px 12px;
    background-color: #fff;
    border-top: 1px solid #eee;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.panel>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

.panel>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group+.panel-footer {
    border-top-width: 0
}

.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 2px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 2px
}

.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 2px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 2px
}

.panel>.panel-body+.table,.panel>.panel-body+.table-responsive {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 24px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 3px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #eee
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #eee
}

.panel-default {
    border-color: #eee
}

.panel-default>.panel-heading {
    color: #222;
    background-color: #fff;
    border-color: #eee
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #eee
}

.panel-default>.panel-heading .badge {
    color: #fff;
    background-color: #222
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #eee
}

.panel-default2 {
    border-color: #eee;
    border-radius: 5px;
    padding: 20px 15px
}

.panel-default2>.panel-heading {
    color: #6f6f6f;
    background-color: #fff;
    border-color: #eee
}

.panel-default2>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #eee
}

.panel-default2>.panel-heading .badge {
    color: #fff;
    background-color: #6f6f6f
}

.panel-default2>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #eee
}

.panel-primary {
    border-color: #ff6122
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #ff6122;
    border-color: #ff6122
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ff6122
}

.panel-primary>.panel-heading .badge {
    color: #ff6122;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ff6122
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1
}

.panel-basic {
    border-color: #fff
}

.panel-basic>.panel-heading {
    color: #222;
    background-color: #fff;
    border-color: #fff
}

.panel-basic>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #fff
}

.panel-basic>.panel-heading .badge {
    color: #fff;
    background-color: #222
}

.panel-basic>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #fff
}

.panel.panel-transparent {
    background-color: transparent
}

.panel.panel-transparent .panel-heading {
    background-color: #fff;
    background-color: rgba(255,255,255,.85);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.panel.panel-transparent .panel-body {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.panel.panel-transparent .panel-body:first-child {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.panel.panel-transparent .panel-body:last-child {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.panel.panel-transparent .panel-body>hr {
    border-top-color: #ccc
}

.panel.panel-transparent .panel-footer {
    background-color: rgba(220,220,220,.85);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.panel.panel-basic {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom: 1px solid #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}

.panel.panel-basic .panel-heading {
    padding: 18px 18px 0
}

.panel.panel-basic .panel-heading>.panel-title {
    color: #6f6f6f;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 0
}

.panel.panel-basic .panel-body {
    padding: 18px
}

.panel.panel-shadow {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 6px .05px rgba(0,0,0,.2);
    box-shadow: 0 1px 6px .05px rgba(0,0,0,.2)
}

.panel.panel-shadow .panel-heading {
    padding: 18px 18px 0
}

.panel.panel-shadow .panel-heading>.panel-title {
    color: #6f6f6f;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 0
}

.panel.panel-shadow .panel-body {
    padding: 18px
}

.panel.panel-reading {
    padding: 18px;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 5px -1px rgba(0,0,0,.165);
    box-shadow: 0 2px 5px -1px rgba(0,0,0,.165)
}

.panel.panel-reading pre {
    margin: 0;
    font-size: 18px;
    line-height: 30px;
    color: #222;
    white-space: inherit
}

@media (min-width: 992px) {
    .panel.panel-reading pre {
        min-height:255px
    }
}

.panel.notification:active,.panel.notification:focus,.panel.notification:hover {
    background-color: #eee
}

.panel.feed-item-new {
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 5px rgba(120,120,120,.25);
    box-shadow: 0 2px 5px rgba(120,120,120,.25);
    border: none;
    overflow: hidden
}

.panel.feed-item-new .panel-heading {
    border-bottom: 1px solid #eee;
    background-color: #fff;
    min-height: 54px;
    padding-right: 48px
}

.panel.feed-item-new .panel-heading .button-group {
    position: absolute;
    top: 11px;
    right: 18px
}

.panel.feed-item-new .panel-heading .button-group .triangle {
    top: 88%
}

.panel.feed-item-new .panel-heading .button-group .dropdown-menu {
    top: 88%;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.133);
    box-shadow: 0 1px 6px rgba(0,0,0,.133)
}

.panel.feed-item-new .panel-body {
    background-color: #fff
}

.panel.feed-item-new .panel-body .panel {
    background: #fff;
    display: block;
    padding: 9px;
    margin: 0;
    border-radius: 3px;
    color: #6f6f6f;
    border: 1px solid #eee;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    border-top-right-radius: 0
}

.panel.feed-item-new .panel-body .panel:after,.panel.feed-item-new .panel-body .panel:before {
    content: " ";
    display: table
}

.panel.feed-item-new .panel-body .panel:after {
    clear: both
}

.panel.feed-item-new .panel-body .panel:after,.panel.feed-item-new .panel-body .panel:before {
    content: " ";
    display: table
}

.panel.feed-item-new .panel-body .panel:after {
    clear: both
}

.panel.feed-item-new .panel-body .panel .ul {
    margin: 0;
    border: 0
}

.panel.feed-item-new .panel-body>a {
    color: #6f6f6f;
    background: #fff
}

.panel.feed-item-new .panel-body>a:hover {
    text-decoration: none
}

.panel.feed-item-new .list-group {
    margin: 9px;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #eee
}

.panel.feed-item-new .list-group .list-group-item {
    background: #eee;
    padding: 0;
    position: relative;
    border-left: none;
    border-right: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-color: #eee
}

.panel.feed-item-new .list-group .list-group-item>a,.panel.feed-item-new .list-group .list-group-item>div.item-content {
    padding: 9px;
    display: block;
    background-color: #fff;
    -webkit-transition: background-color 180ms ease;
    transition: background-color 180ms ease
}

.panel.feed-item-new .list-group .list-group-item>a:after,.panel.feed-item-new .list-group .list-group-item>a:before,.panel.feed-item-new .list-group .list-group-item>div.item-content:after,.panel.feed-item-new .list-group .list-group-item>div.item-content:before {
    content: " ";
    display: table
}

.panel.feed-item-new .list-group .list-group-item>a:after,.panel.feed-item-new .list-group .list-group-item>div.item-content:after {
    clear: both
}

.panel.feed-item-new .list-group .list-group-item>a:after,.panel.feed-item-new .list-group .list-group-item>a:before,.panel.feed-item-new .list-group .list-group-item>div.item-content:after,.panel.feed-item-new .list-group .list-group-item>div.item-content:before {
    content: " ";
    display: table
}

.panel.feed-item-new .list-group .list-group-item>a:after,.panel.feed-item-new .list-group .list-group-item>div.item-content:after {
    clear: both
}

.panel.feed-item-new .panel-footer {
    min-height: 36px;
    background: #fff;
    margin-bottom: 1px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 0 15px;
    border-top: 1px solid #eee
}

.panel.feed-item-new .panel-footer.message-new,.panel.feed-item-new .panel-footer.new-message,.panel.feed-item-new .panel-footer.new-post {
    background: #eee;
    border: none;
    padding: 0
}

.panel.feed-item-new .panel-footer.message-new .triangle,.panel.feed-item-new .panel-footer.new-message .triangle,.panel.feed-item-new .panel-footer.new-post .triangle {
    left: 3px
}

header.panel.panel-reading {
    margin-bottom: 0;
    padding-bottom: 0
}

footer.panel.panel-reading {
    margin-top: -24px;
    margin-bottom: 0;
    padding: 0
}

footer.panel.panel-reading .actions {
    background: #eee;
    width: 100%;
    padding: 12px
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%
}

.modal-open,.paragraph-comments-drawer-open,.wp-modal-open {
    overflow: hidden
}

#languageModal {
    z-index: 1050
}

#languageModal iframe {
    width: 100%;
    height: 510px
}

#languageModal .modal-body {
    padding: 0;
    margin-bottom: -10px
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate3d(0,-25%,0);
    transform: translate3d(0,-25%,0);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.modal-backdrop.in {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.modal-backdrop.profile-show {
    display: block!important
}

.modal-header {
    padding: 24px;
    padding-bottom: 0;
    min-height: 39px
}

.modal-header .close {
    margin-top: 4px;
    cursor: pointer
}

.modal-header .close.top-right {
    position: absolute;
    top: 24px;
    right: 24px;
    margin: 0
}

.modal-title {
    line-height: 24px
}

.modal-subtitle {
    line-height: 21px;
    padding: 6px 0
}

.modal-body {
    position: relative;
    padding: 24px;
    padding-top: 12px
}

.modal-footer {
    background: #eee;
    padding: 24px;
    text-align: right;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.modal-sm .modal-body,.modal-sm .modal-footer,.modal-sm .modal-header {
    padding: 15px
}

.modal-sm .modal-header {
    padding-bottom: 0
}

.modal-sm .modal-header .close.top-right {
    top: 15px;
    right: 15px
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 600px) {
    .modal-dialog {
        width:500px;
        margin: 15px auto
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width:600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 500px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width:900px
    }
}

#generic-modal {
    z-index: 1071
}

#generic-modal .panel-body,#generic-modal .panel-footer,#generic-modal .panel-heading {
    padding-left: 0;
    padding-right: 0
}

#generic-modal .panel-heading {
    padding-top: 12px;
    padding-right: 24px
}

#generic-modal .panel-footer {
    padding-bottom: 0
}

#generic-modal .close {
    position: absolute;
    padding: 12px;
    top: 2px;
    right: 1px;
    cursor: pointer
}

.modal-content.feed-item-new {
    background: #eee;
    border-radius: 5px;
    border: none;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 5px rgba(120,120,120,.25);
    box-shadow: 0 2px 5px rgba(120,120,120,.25)
}

.modal-content.feed-item-new .modal-header h6 {
    margin: 0
}

.modal-content.feed-item-new .modal-header .close {
    position: absolute;
    padding: 12px;
    top: 2px;
    right: 1px
}

.modal-content.feed-item-new .modal-header .close .fa {
    margin: 0;
    padding: 0
}

.modal-content.feed-item-new .modal-body,.modal-content.feed-item-new .modal-footer {
    padding: 0
}

.modal-content.feed-item-new .list-group {
    margin: 9px;
    border-radius: 3px;
    border: 1px solid #eee;
    overflow: hidden
}

.modal-content.feed-item-new .list-group .list-group-item {
    background: #fff;
    padding: 0;
    position: relative;
    border-color: #eee;
    border-left: none;
    border-right: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.modal-content.feed-item-new .list-group .list-group-item>a,.modal-content.feed-item-new .list-group .list-group-item>div {
    padding: 9px;
    display: block
}

.modal-content.feed-item-new .list-group .list-group-item>a:after,.modal-content.feed-item-new .list-group .list-group-item>a:before,.modal-content.feed-item-new .list-group .list-group-item>div:after,.modal-content.feed-item-new .list-group .list-group-item>div:before {
    content: " ";
    display: table
}

.modal-content.feed-item-new .list-group .list-group-item>a:after,.modal-content.feed-item-new .list-group .list-group-item>div:after {
    clear: both
}

.modal-content.feed-item-new .list-group .list-group-item>a:after,.modal-content.feed-item-new .list-group .list-group-item>a:before,.modal-content.feed-item-new .list-group .list-group-item>div:after,.modal-content.feed-item-new .list-group .list-group-item>div:before {
    content: " ";
    display: table
}

.modal-content.feed-item-new .list-group .list-group-item>a:after,.modal-content.feed-item-new .list-group .list-group-item>div:after {
    clear: both
}

.modal-content.feed-item-new .modal-footer button {
    padding: 12px
}

@media (max-width: 768px) {
    .modal-container.auth-modal {
        position:fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1030
    }

    .modal-container.auth-modal .modal-content {
        position: relative;
        width: 100%;
        height: 100%;
        border-radius: 0;
        border: none
    }

    .modal-container.auth-modal .modal-content .close-btn {
        display: inline-block;
        padding: 20px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible;
    font-size: 14px;
    line-height: 1.4;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tooltip.in {
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .9
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 3px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 320px;
    padding: 1px;
    text-align: left;
    background-color: #eee;
    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);
    white-space: normal
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    background-color: #eee;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 5px 5px 0 0;
    color: #222
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: rgba(0,0,0,.25);
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: rgba(0,0,0,.25)
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: rgba(0,0,0,.25);
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: rgba(0,0,0,.25)
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.react-popover-content {
    z-index: 1029;
    background: #fff;
    -webkit-box-shadow: 0 3px 14px 2px rgba(34,34,34,.08),0 8px 10px 1px rgba(34,34,34,.1);
    box-shadow: 0 3px 14px 2px rgba(34,34,34,.08),0 8px 10px 1px rgba(34,34,34,.1);
    border-radius: 4px
}

.react-popover-content .react-popover-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px
}

.react-popover-content[data-placement^=top] {
    margin-bottom: 5px
}

.react-popover-content[data-placement^=top] .react-popover-arrow {
    border-width: 5px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
    bottom: -5px;
    left: calc(45%);
    margin-top: 0;
    margin-bottom: 0
}

.react-popover-content[data-placement^=bottom] {
    margin-top: 5px
}

.react-popover-content[data-placement^=bottom] .react-popover-arrow {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #fff transparent;
    top: -5px;
    left: calc(45%);
    margin-top: 0;
    margin-bottom: 0
}

.react-popover-content[data-placement^=right] {
    margin-left: 5px
}

.react-popover-content[data-placement^=right] .react-popover-arrow {
    border-width: 5px 5px 5px 0;
    border-color: transparent #fff transparent transparent;
    left: -5px;
    top: calc(45%);
    margin-left: 0;
    margin-right: 0
}

.react-popover-content[data-placement^=left] {
    margin-right: 5px
}

.react-popover-content[data-placement^=left] .react-popover-arrow {
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #fff;
    right: -5px;
    top: calc(45%);
    margin-left: 0;
    margin-right: 0
}

.react-popover-content[data-x-out-of-boundaries] {
    display: none
}

.react-popover-content .react-popover-tooltip {
    width: 350px
}

.react-popover-content .react-popover-tooltip .popover-title {
    font-weight: 600;
    background-color: #fff;
    border: none;
    padding: 12px 14px
}

.react-popover-content .react-popover-tooltip .popover-content {
    font-size: 12px;
    line-height: 1.5;
    padding: 0 14px 9px 14px
}

.react-popover-content .react-popover-tooltip .additional-content,.react-popover-content .react-popover-tooltip .secondary-content {
    margin-top: 9px
}

.react-popover-content .react-popover-tooltip .tooltip-footer {
    border-top: 1px solid #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px;
    padding-top: 2px
}

.react-popover-content .react-popover-tooltip .tooltip-footer .on-okay {
    padding: 3px 12px;
    border-radius: 3px
}

.react-popover-content--above-modal {
    z-index: 1031
}

.react-popover-list {
    max-height: 500px;
    padding: 2px;
    overflow: auto
}

@media (max-width: 768px) {
    .react-popover-list {
        max-height:300px
    }
}

.react-popover-list .react-popover-item {
    color: #6f6f6f;
    font-weight: 700;
    padding: 12px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #eee
}

.react-popover-list .react-popover-item.selected,.react-popover-list .react-popover-item:hover {
    color: #222;
    font-weight: 700;
    text-decoration: none;
    background: #eee
}

.react-popover-list .react-popover-item.selected {
    pointer-events: none
}

.react-popover-list .react-popover-item:last-child {
    border-bottom: none
}

.react-popover-container--small {
    font-size: 14px;
    width: 240px;
    background-color: #fff;
    color: #121212;
    -webkit-box-shadow: 0 4px 5px rgba(34,34,34,.1),0 1px 10px rgba(34,34,34,.08);
    box-shadow: 0 4px 5px rgba(34,34,34,.1),0 1px 10px rgba(34,34,34,.08);
    border-radius: 4px;
    padding: 0 8px
}

.react-popover-container--small .react-popover-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.react-popover-container--small .react-popover-header .react-popover-title {
    padding-left: 40%;
    font-weight: 700
}

.react-popover-container--small .react-popover-header .react-popover-done-btn {
    border: none;
    background: 0 0
}

.react-popover-container--small .react-popover-header .react-popover-done-btn:hover {
    border-radius: 8px;
    background-color: #eee
}

.react-popover-container--small .react-popover-list--small {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 170px;
    overflow-y: auto
}

.react-popover-container--small .react-popover-list--small .react-popover-item .react-popover-item__btn {
    width: 100%;
    height: 34px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #222;
    background-color: #fff;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    line-height: 21px;
    padding: 5px 10px
}

.react-popover-container--small .react-popover-list--small .react-popover-item .react-popover-item__btn:hover {
    color: #222;
    text-decoration: none;
    background-color: #eee;
    border-radius: 8px
}

.react-popover-container--small .react-popover-list--small .react-popover-item .react-popover-item__btn .item-name {
    padding: 0 8px;
    width: 100%;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.react-popover-container--small .react-popover-input-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px
}

.react-popover-container--small .react-popover-input-row .input-text {
    font-size: 14px;
    height: 28px;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.react-popover-container--small .react-popover-input-row .btn-icon {
    background-color: #eee;
    border-style: none;
    margin-left: 8px;
    height: 28px;
    max-width: 28px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.react-popover-container--small .react-popover-error {
    font-size: 12px;
    color: #e00000;
    padding: 5px;
    line-height: 15px
}

.media-wrapper {
    position: relative
}

.media-wrapper .carousel-indicators {
    left: 50%;
    z-index: 15;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.media-wrapper .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0;
    border: 1px solid #aaa;
    border-radius: 10px;
    cursor: pointer
}

.media-wrapper .carousel-indicators .active {
    background-color: #d7d5d2
}

.hbs-dev {
    background: rgba(255,255,255,.8);
    position: absolute;
    z-index: 1;
    color: red!important;
    padding: 0;
    line-height: 12px
}

.hbs-dev+:not(.hbs-dev) {
    outline: 1px solid red
}

.hbs-dev+.hbs-dev {
    margin-top: 12px
}

.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.panel-body:after,.panel-body:before,.row:after,.row:before {
    content: " ";
    display: table
}

.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.panel-body:after,.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.center-text {
    text-align: center
}

.left-text {
    text-align: left
}

.right-text {
    text-align: right
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.inline-block {
    display: inline-block!important
}

.align-left {
    left: 0;
    right: auto
}

.align-right {
    right: 0;
    left: auto
}

.relative {
    position: relative
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

@media (max-width: 575px) {
    .hidden-xxs {
        display:none!important
    }
}

@media (min-width: 576px) {
    .shown-xxs {
        display:none!important
    }
}

.hidden {
    display: none!important;
    visibility: hidden!important
}

.affix {
    position: fixed;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

@-ms-viewport {
    width: device-width
}

.visible-lg,.visible-md,.visible-sm,.visible-xs {
    display: none!important
}

.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none!important
}

@media (max-width: 767px) {
    .visible-xs {
        display:block!important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row!important
    }

    td.visible-xs,th.visible-xs {
        display: table-cell!important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display:block!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display:inline!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display:block!important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row!important
    }

    td.visible-sm,th.visible-sm {
        display: table-cell!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-block {
        display:block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline {
        display:inline!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 992px) and (max-width:1349px) {
    .visible-md {
        display:block!important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row!important
    }

    td.visible-md,th.visible-md {
        display: table-cell!important
    }
}

@media (min-width: 992px) and (max-width:1349px) {
    .visible-md-block {
        display:block!important
    }
}

@media (min-width: 992px) and (max-width:1349px) {
    .visible-md-inline {
        display:inline!important
    }
}

@media (min-width: 992px) and (max-width:1349px) {
    .visible-md-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 1350px) {
    .visible-lg {
        display:block!important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row!important
    }

    td.visible-lg,th.visible-lg {
        display: table-cell!important
    }
}

@media (min-width: 1350px) {
    .visible-lg-block {
        display:block!important
    }
}

@media (min-width: 1350px) {
    .visible-lg-inline {
        display:inline!important
    }
}

@media (min-width: 1350px) {
    .visible-lg-inline-block {
        display:inline-block!important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display:none!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:none!important
    }
}

@media (min-width: 992px) and (max-width:1349px) {
    .hidden-md {
        display:none!important
    }
}

@media (min-width: 1350px) {
    .hidden-lg {
        display:none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row!important
    }

    td.visible-print,th.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
}

@media print {
    .hidden-print {
        display: none!important
    }
}

@font-face {
    font-family: wp-web-icons;
    src: url(../../font/wp-web-icons.eot?v=8e2o9v);
    src: url(../../font/wp-web-icons.eot?v=8e2o9v#iefix) format("embedded-opentype"),
         url(../../font/wp-web-icons.woff?v=8e2o9v) format("woff"),
         url(../../font/wp-web-icons.ttf?v=8e2o9v) format("truetype"),
         url(../../font/wp-web-icons.svg?v=8e2o9v#wp-web-icons) format("svg");
    font-weight: 400;
    font-style: normal
}

.left-icon .fa,.left-icon img,.left-icon svg {
    margin-right: 4px
}

.right-icon .fa,.right-icon img,.right-icon svg {
    margin-left: 4px
}

.fa {
    font-family: wp-web-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa.fa-xl {
    font-size: 1.5em;
    line-height: .75em;
    vertical-align: -15%
}

.fa.fa-2x {
    font-size: 2em
}

.fa.fa-3x {
    font-size: 3em
}

.fa.fa-4x {
    font-size: 4em
}

.fa.fa-5x {
    font-size: 5em
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-spin {
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-spin-fix-position {
    -webkit-transform-origin: 35% 50%;
    transform-origin: 35% 50%;
    vertical-align: inherit
}

.fa-wp-base-1 {
    color: #ff6122
}

.fa-wp-base-1-dark {
    color: #e64809
}

.fa-wp-base-1-60 {
    color: #a93e19
}

.fa-wp-base-2 {
    color: #00b2b2
}

.fa-wp-base-2-dark {
    color: #099
}

.fa-wp-neutral-1 {
    color: #222
}

.fa-wp-neutral-2 {
    color: #6f6f6f
}

.fa-wp-neutral-3 {
    color: #eee
}

.fa-wp-neutral-5 {
    color: #fff
}

.fa-wp-error-1 {
    color: #ff3f12
}

.fa-wp-success {
    color: #00b2b2
}

.fa-wp-lighterror {
    color: #faada1
}

.fa-wp-errorbackground {
    color: #ff6d55
}

.fa-wp-warning-01 {
    color: #ffc922
}

.fa-wp-lightteal {
    color: #c3d8dc
}

.fa-wp-lighterteal {
    color: #eaf0f4
}

.fa-wp-redbrown {
    color: #df6400
}

.fa-orange {
    color: #f89b33
}

.fa-ds-base-2-60 {
    color: #3b19a9
}

.fa-ds-neutral-100 {
    color: #121212
}

.fa-ds-neutral-60-solid {
    color: #b3b3b3
}

.fa-double-image:before {
    content: "\e65e"
}

.fa-single-image:before {
    content: "\e65f"
}

.fa-pin:before {
    content: "\f08d"
}

.fa-mobile:before {
    content: "\f10b"
}

.fa-mobile-phone:before {
    content: "\f10b"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-group:before {
    content: "\f0c0"
}

.fa-users:before {
    content: "\f0c0"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-dedicate:before {
    content: "\e65b"
}

.fa-ic_reading_list:before {
    content: "\e65c"
}

.fa-story:before {
    content: "\e65d"
}

.fa-view:before {
    content: "\e600"
}

.fa-vote:before {
    content: "\e601"
}

.fa-vote-alt:before {
    content: "\e602"
}

.fa-comment:before {
    content: "\e603"
}

.fa-mention:before {
    content: "\e604"
}

.fa-flag:before {
    content: "\e605"
}

.fa-user:before {
    content: "\e606"
}

.fa-follow:before {
    content: "\e607"
}

.fa-following:before {
    content: "\e608"
}

.fa-following-request:before {
    content: "\e609"
}

.fa-menu:before {
    content: "\e60a"
}

.fa-more:before {
    content: "\e60b"
}

.fa-caret:before {
    content: "\e60c"
}

.fa-settings:before {
    content: "\e60d"
}

.fa-trash:before {
    content: "\e60e"
}

.fa-list:before {
    content: "\e60f"
}

.fa-list-add:before {
    content: "\e610"
}

.fa-plus:before {
    content: "\e611"
}

.fa-minus:before {
    content: "\e612"
}

.fa-check:before {
    content: "\e613"
}

.fa-remove:before {
    content: "\e614"
}

.fa-up:before {
    content: "\e615"
}

.fa-down:before {
    content: "\e616"
}

.fa-left:before {
    content: "\e617"
}

.fa-right:before {
    content: "\e618"
}

.fa-up-small:before {
    content: "\e619"
}

.fa-down-small:before {
    content: "\e61a"
}

.fa-left-small:before {
    content: "\e61b"
}

.fa-right-small:before {
    content: "\e61c"
}

.fa-refresh:before {
    content: "\e61d"
}

.fa-search:before {
    content: "\e61e"
}

.fa-circle-empty:before {
    content: "\e61f"
}

.fa-loading:before {
    content: "\e620"
}

.fa-circle-filled:before {
    content: "\e621"
}

.fa-remove-alt:before {
    content: "\e622"
}

.fa-warning:before {
    content: "\e623"
}

.fa-info:before {
    content: "\e624"
}

.fa-alert:before {
    content: "\e625"
}

.fa-inbox:before {
    content: "\e626"
}

.fa-facebook:before {
    content: "\e627"
}

.fa-tumblr:before {
    content: "\e628"
}

.fa-twitter:before {
    content: "\e629"
}

.fa-pinterest:before {
    content: "\e62a"
}

.fa-instagram:before {
    content: "\e62c"
}

.fa-facebook-square:before {
    content: "\e62d"
}

.fa-tumblr-square:before {
    content: "\e62e"
}

.fa-twitter-square:before {
    content: "\e62f"
}

.fa-pinterest-square:before {
    content: "\e630"
}

.fa-share:before {
    content: "\e632"
}

.fa-link:before {
    content: "\e633"
}

.fa-attach:before {
    content: "\e634"
}

.fa-code:before {
    content: "\e635"
}

.fa-badge-blank:before {
    content: "\e636"
}

.fa-badge-heart:before {
    content: "\e639"
}

.fa-badge-promoted:before {
    content: "\e63a"
}

.fa-badge-rating:before {
    content: "\e63b"
}

.fa-badge-cc:before {
    content: "\e63c"
}

.fa-copyright:before {
    content: "\e63d"
}

.fa-public-domain:before {
    content: "\e63e"
}

.fa-creative-commons:before {
    content: "\e63f"
}

.fa-website:before {
    content: "\e640"
}

.fa-buy:before {
    content: "\e641"
}

.fa-ranking:before {
    content: "\e642"
}

.fa-location:before {
    content: "\e643"
}

.fa-image:before {
    content: "\e644"
}

.fa-video:before {
    content: "\e645"
}

.fa-camera:before {
    content: "\e646"
}

.fa-lock:before {
    content: "\e647"
}

.fa-unlock:before {
    content: "\e648"
}

.fa-mute:before {
    content: "\e649"
}

.fa-unmute:before {
    content: "\e64a"
}

.fa-clock:before {
    content: "\e64b"
}

.fa-reading-list:before {
    content: "\e64c"
}

.fa-categories:before {
    content: "\e64d"
}

.fa-library:before {
    content: "\e64e"
}

.fa-stats:before {
    content: "\e64f"
}

.fa-archive:before {
    content: "\e650"
}

.fa-edit:before {
    content: "\e651"
}

.fa-centered:before {
    content: "\e652"
}

.fa-justified:before {
    content: "\e653"
}

.fa-left-aligned:before {
    content: "\e654"
}

.fa-right-aligned:before {
    content: "\e655"
}

.fa-bold:before {
    content: "\e656"
}

.fa-italic:before {
    content: "\e657"
}

.fa-format:before {
    content: "\e658"
}

.fa-undo:before {
    content: "\e659"
}

.fa-redo:before {
    content: "\e65a"
}

.fa-comment-count:before {
    content: "\61"
}

.fa-home:before {
    content: "\62"
}

.fa-image-warning:before {
    content: "\63"
}

[dir=rtl] img.fa-left,[dir=rtl] img.fa-left-small,[dir=rtl] img.fa-right,[dir=rtl] img.fa-right-small {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH;
    -ms-filter: FlipH
}

[dir=rtl] .fa-left:before {
    content: "\e618"
}

[dir=rtl] .fa-right:before {
    content: "\e617"
}

[dir=rtl] .fa-left-small:before {
    content: "\e61c"
}

[dir=rtl] .fa-right-small:before {
    content: "\e61b"
}

.social-share-links a {
    display: inline-block;
    border-radius: 50%;
    height: 36px;
    width: 36px;
    background: #ff6122;
    margin-right: 3px;
    text-align: center
}

.social-share-links a:hover {
    text-decoration: none
}

.social-share-links a .fa {
    position: relative;
    top: 8px
}

.social-share-links .share-twitter {
    background-color: #55acee
}

.social-share-links .share-facebook {
    background-color: #3b5998
}

.social-share-links .share-pinterest {
    background-color: #bd081c
}

.social-share-links .share-tumblr {
    background-color: #35465c
}

.SocialSharing {
    display: inline-block;
    vertical-align: bottom;
    right: 0;
    bottom: 0
}

.SocialSharing>.button-group,.SocialSharing>a {
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    background: #e7e7e5;
    vertical-align: top;
    margin: 0 5px 5px 0
}

.SocialSharing>.button-group span,.SocialSharing>a span {
    position: relative;
    top: 9px
}

.SocialSharing>.button-group:hover,.SocialSharing>a:hover {
    text-decoration: none
}

.SocialSharing>.button-group.more,.SocialSharing>a.more {
    margin-left: 0
}

.SocialSharing>.button-group.more .btn,.SocialSharing>a.more .btn {
    padding-left: 8px
}

.SocialSharing>.share-twitter {
    background-color: #55acee
}

.SocialSharing>.share-facebook {
    background-color: #3b5998
}

.SocialSharing>.share-pinterest {
    background-color: #bd081c
}

.SocialSharing>.share-tumblr {
    background-color: #35465c
}

.SocialSharing>.share-embed {
    background-color: #6f6f6f
}

.SocialSharing>.share-post-to-profile {
    background-color: #ff6122
}

.SocialSharing>.share-email {
    background-color: #6f6f6f
}

.SocialSharing li a .fa {
    top: 2px;
    right: 4px
}

.works-ad-unit {
    margin: 76px 0;
    float: right
}

.ad-unit {
    margin: 10px 0
}

.advertisement {
    margin: 0 auto
}

.sticky-ad-container {
    position: relative
}

#story-reading #parts-container-new .header-advertisement {
    margin-bottom: 12px
}

@media (max-width: 768px) {
    #story-reading #parts-container-new .reading-widget.comments-ad-unit {
        margin-top:30px
    }
}

@media (min-width: 992px) {
    #story-reading #parts-container-new .comments.right-rail {
        -ms-flex-item-align:stretch;
        align-self: stretch;
        height: auto
    }

    #story-reading #parts-container-new .reading-widget.comments-ad-unit {
        position: sticky;
        top: 139px
    }

    #story-reading #parts-container-new .reading-widget.comments-ad-unit .readinglong_comments,#story-reading #parts-container-new .reading-widget.comments-ad-unit .readinglong_comments_loggedout {
        margin-top: -344px
    }

    #story-reading #parts-container-new .reading-widget.comments-ad-unit .readingshort_comments,#story-reading #parts-container-new .reading-widget.comments-ad-unit .readingshort_comments_loggedout {
        margin-top: -134px
    }

    #story-reading #parts-container-new .reading-widget.comments-ad-unit .readingshort_comments.longer-micro-part,#story-reading #parts-container-new .reading-widget.comments-ad-unit .readingshort_comments_loggedout.longer-micro-part {
        margin-top: -334px
    }
}

#story-landing .ad-unit.leaderboard .ad-label {
    text-align: center;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0
}

.loading,.loading-bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.loading {
    background: url(/img/desktop-web/preload.gif);
    opacity: .3;
    background-position: center center;
    background-repeat: no-repeat
}

.loading-bg {
    background: #6f6f6f;
    opacity: 1
}

.full-screen-fade {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.5)
}

.full-screen {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #6f6f6f;
    background-size: cover
}

.hidden-desktop {
    display: none!important
}

.faded {
    opacity: 0!important
}

.reading-list {
    margin-bottom: 12px
}

.reading-list:after,.reading-list:before {
    content: " ";
    display: table
}

.reading-list:after {
    clear: both
}

.reading-list:after,.reading-list:before {
    content: " ";
    display: table
}

.reading-list:after {
    clear: both
}

.reading-list .cover {
    float: left;
    margin-right: 12px
}

@media (max-width: 767px) {
    .reading-list .cover {
        margin-left:10px
    }
}

.reading-list .content {
    height: 78px;
    overflow: auto
}

.reading-list h6 {
    margin: 18px 0 0 0
}

div.show-more img.fallback {
    vertical-align: middle;
    margin-top: -3px;
    top: 0
}

.meta>span {
    padding: 0 20px 0 0
}

.meta .fa {
    padding-right: 3px
}

.meta .fa.fallback {
    vertical-align: middle;
    margin-top: -3px
}

.rankings {
    font-size: 14px;
    line-height: 18px;
    color: #6f6f6f
}

.rankings .rank {
    padding: 0 20px 0 0;
    font-weight: 600
}

label {
    font-weight: 400;
    color: #6f6f6f
}

.rating {
    display: inline-block;
    height: 12px;
    margin-right: 8px;
    position: relative;
    top: 1px
}

#header-container {
    height: 54px
}

#header-container .triangle {
    z-index: 1060
}

#header-container #header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1030;
    display: table;
    width: 100%;
    height: 54px;
    padding: 0;
    line-height: 54px;
    color: #222;
    background-color: #fff;
    border-bottom: 1px solid #eee
}

#header-container #header>nav {
    display: table-cell;
    width: 1%;
    white-space: nowrap
}

#header-container #header>nav>ul {
    float: left;
    margin-bottom: 0;
    padding: 0 0 0 12px
}

#header-container #header>nav>ul>li {
    padding: 0
}

#header-container #header>nav>ul>li#header-item-logo a {
    display: inline-block;
    width: 126px;
    height: 54px;
    vertical-align: middle;
    background: url(/img/logos/wp-logo-orange.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: 13px
}

#header-container #header>nav>ul>li#header-item-logo a:hover {
    background-color: transparent
}

#header-container #header>nav>ul>li#header-item-logo a:active {
    background-color: transparent
}

#header-container #header>nav>ul>li.button-group {
    position: relative
}

#header-container #header>nav>ul>li>a,#header-container #header>nav>ul>li>button {
    display: block;
    padding: 0 12px;
    color: #222;
    font-size: 16px;
    font-weight: 600
}

#header-container #header>nav>ul>li .write-button {
    position: relative;
    z-index: 1000;
    background-color: inherit
}

#header-container #header .show-notice #header {
    margin-top: 60px
}

#header-container #header .wp-logo {
    height: 27px;
    width: auto
}

#header-container #header #discover-dropdown .dropdown-menu {
    width: 750px;
    color: #222
}

#header-container #header #discover-dropdown .dropdown-menu .discover-categories a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#header-container #header #discover-dropdown .dropdown-menu .discover-categories a:hover {
    text-decoration: none;
    font-weight: 700
}

#header-container #header #discover-dropdown .dropdown-menu.new-curation {
    padding: 0
}

#header-container #header #discover-dropdown .dropdown-menu.new-curation li.title {
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 14px;
    white-space: normal
}

#header-container #header #discover-dropdown .dropdown-menu.new-curation .wattpad-picks {
    background-color: #eee;
    height: 387px;
    border: 1px solid transparent;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

#header-container #header #discover-dropdown .dropdown-menu.new-curation .wattpad-picks a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#header-container #header #discover-dropdown .dropdown-menu.new-curation .wattpad-picks a:hover {
    text-decoration: none;
    font-weight: 700
}

#header-container #header #discover-dropdown .dropdown-menu.logged-in #main-browse-navigate {
    padding: 8px 12px 0
}

#header-container #header #discover-dropdown .dropdown-menu.logged-in .wattpad-picks {
    height: 428px
}

#header-container #header .dropdown-menu a {
    word-wrap: break-word
}

@media (max-width: 991px) {
    #header-container #header #discover-dropdown {
        position:static
    }

    #header-container #header #discover-dropdown .dropdown-menu {
        width: 100%;
        min-width: 400px
    }

    #header-container #header #discover-dropdown .triangle {
        left: 205px
    }
}

#header-container #header #header-item-search {
    float: left;
    display: table-cell;
    width: 100%;
    position: relative
}

#header-container #header #header-item-search form {
    position: relative;
    padding: 0 32px;
    max-width: 640px;
    margin-left: 30px
}

#header-container #header #header-item-search form input::-webkit-input-placeholder {
    color: #222;
    font-size: 16px;
    -webkit-transition: color 133ms ease;
    transition: color 133ms ease
}

#header-container #header #header-item-search form input:-moz-placeholder {
    color: #222;
    font-size: 16px;
    -webkit-transition: color 133ms ease;
    -moz-transition: color 133ms ease;
    transition: color 133ms ease
}

#header-container #header #header-item-search form input::-moz-placeholder {
    color: #222;
    font-size: 16px;
    -webkit-transition: color 133ms ease;
    -moz-transition: color 133ms ease;
    transition: color 133ms ease
}

#header-container #header #header-item-search form input:-ms-input-placeholder {
    color: #222;
    font-size: 16px;
    -webkit-transition: color 133ms ease;
    -ms-transition: color 133ms ease;
    transition: color 133ms ease
}

#header-container #header #header-item-search form button {
    position: absolute;
    top: 10px;
    left: 0;
    margin: 0;
    cursor: pointer;
    border: none;
    background: 0 0;
    padding: 7px 10px;
    -webkit-transition: color .1s ease;
    transition: color .1s ease
}

#header-container #header #header-item-search form button .fa {
    display: block
}

#header-container #header #header-item-search form button:focus,#header-container #header #header-item-search form button:hover {
    outline: 0
}

#header-container #header #header-item-search form button:focus .fa,#header-container #header #header-item-search form button:hover .fa {
    color: #cd4008
}

#header-container #header #header-item-search form button:active .fa {
    color: #b53907
}

#header-container #header #header-item-search form input {
    width: 100%;
    color: #626262;
    background-color: #fff;
    border: none;
    line-height: 24px;
    font-size: 16px;
    padding: 5px 36px 5px 10px;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    cursor: inherit;
    pointer-events: inherit;
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    position: relative
}

#header-container #header #header-item-search form input::-webkit-input-placeholder {
    font-weight: 600
}

#header-container #header #header-item-search form input::-moz-placeholder {
    font-weight: 600
}

#header-container #header #header-item-search form input:-ms-input-placeholder {
    font-weight: 600
}

#header-container #header #header-item-search form input::-ms-input-placeholder {
    font-weight: 600
}

#header-container #header #header-item-search form input::placeholder {
    font-weight: 600
}

#header-container #header #header-item-search form input:focus {
    outline: 0
}

#header-container #header #header-item-search .dropdown-menu {
    right: 32px;
    left: 32px;
    max-width: 576px
}

@media (max-width: 1080px) {
    #header-container #header #header-item-search .dropdown-menu {
        left:18px;
        right: 18px
    }
}

@media (max-width: 860px) {
    #header-container #header #header-item-search .dropdown-menu {
        left:0;
        right: 0
    }
}

@media (max-width: 770px) {
    #header-container #header #header-item-search .dropdown-menu {
        left:-20px;
        right: -20px
    }
}

@media (max-width: 640px) {
    #header-container #header #header-item-search .dropdown-menu {
        left:-32px;
        right: -32px
    }
}

#header-container #header #go-premium-button {
    display: table-cell;
    width: 1%;
    vertical-align: top
}

#header-container #header #go-premium-button a {
    margin-top: 0;
    font-size: 16px;
    vertical-align: baseline
}

#header-container #header .try-premium .zap-icon {
    position: absolute;
    left: 24px
}

#header-container #header .try-premium .button-copy {
    margin-left: 26px
}

#header-container #header #login-menu,#header-container #header #profile-dropdown {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    padding-right: 12px
}

#header-container #header #login-menu a,#header-container #header #login-menu button,#header-container #header #profile-dropdown a,#header-container #header #profile-dropdown button {
    position: relative;
    color: #222;
    font-size: 16px
}

#header-container #header #login-menu .avatar,#header-container #header #profile-dropdown .avatar {
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 6px;
    background-color: transparent
}

#header-container #header #login-menu .username,#header-container #header #profile-dropdown .username {
    font-weight: 600
}

#header-container #header #login-menu .notification-badge,#header-container #header #profile-dropdown .notification-badge {
    position: absolute;
    z-index: 2;
    top: 10px;
    left: -2px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #e94a2c
}

#header-container #header #login-menu .on-logout,#header-container #header #profile-dropdown .on-logout {
    cursor: pointer
}

#header-container #header #login-menu>a,#header-container #header #login-menu>button,#header-container #header #profile-dropdown>a,#header-container #header #profile-dropdown>button,#header-container #header>nav>ul>li>a,#header-container #header>nav>ul>li>button {
    display: block;
    color: #222;
    font-size: 16px;
    font-weight: 600;
    padding: 0 12px;
    -webkit-transition: background-color .1s ease;
    transition: background-color .1s ease;
    border: none;
    background-color: inherit
}

#header-container #header #login-menu>a:active,#header-container #header #login-menu>a:focus,#header-container #header #login-menu>a:hover,#header-container #header #login-menu>a:link,#header-container #header #login-menu>a:visited,#header-container #header #login-menu>button:active,#header-container #header #login-menu>button:focus,#header-container #header #login-menu>button:hover,#header-container #header #login-menu>button:link,#header-container #header #login-menu>button:visited,#header-container #header #profile-dropdown>a:active,#header-container #header #profile-dropdown>a:focus,#header-container #header #profile-dropdown>a:hover,#header-container #header #profile-dropdown>a:link,#header-container #header #profile-dropdown>a:visited,#header-container #header #profile-dropdown>button:active,#header-container #header #profile-dropdown>button:focus,#header-container #header #profile-dropdown>button:hover,#header-container #header #profile-dropdown>button:link,#header-container #header #profile-dropdown>button:visited,#header-container #header>nav>ul>li>a:active,#header-container #header>nav>ul>li>a:focus,#header-container #header>nav>ul>li>a:hover,#header-container #header>nav>ul>li>a:link,#header-container #header>nav>ul>li>a:visited,#header-container #header>nav>ul>li>button:active,#header-container #header>nav>ul>li>button:focus,#header-container #header>nav>ul>li>button:hover,#header-container #header>nav>ul>li>button:link,#header-container #header>nav>ul>li>button:visited {
    text-decoration: none
}

#header-container #header #login-menu>a {
    display: inline-block;
    font-size: 16px
}

#header-container #header .badge {
    background-color: #e94a2c;
    position: absolute;
    top: 1px;
    right: 0
}

#header-container #header .dropdown-menu,#header-container #header .triangle {
    top: 90%
}

#header-container #header .dropdown-menu-right {
    right: 12px
}

@media (max-width: 991px) {
    #header-container #header #login-menu>a {
        padding-right:9px
    }

    #header-container #header #profile-dropdown {
        padding-right: 9px
    }

    #header-container #header #profile-dropdown>button {
        padding: 0 9px
    }

    #header-container #header #profile-dropdown .notification {
        left: 5px
    }

    #header-container #header>nav>ul {
        padding: 0 0 0 9px
    }

    #header-container #header>nav>ul>li button,#header-container #header>nav>ul>li>a {
        padding: 0 9px
    }

    #header-container #header .dropdown-menu-right {
        right: 9px
    }
}

@media (min-width: 1350px) {
    #header-container #header #profile-dropdown {
        padding-right:18px
    }

    #header-container #header #profile-dropdown>button {
        padding: 0 20px
    }

    #header-container #header #profile-dropdown .notification {
        left: 14px
    }

    #header-container #header>nav>ul {
        padding: 0 0 0 18px
    }

    #header-container #header>nav>ul>li button,#header-container #header>nav>ul>li>a {
        padding: 0 18px
    }

    #header-container #header .dropdown-menu-right {
        right: 18px
    }
}

#footer-container {
    position: relative;
    width: 100%;
    padding: 21px 0;
    background-color: #fff;
    text-align: center
}

#footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

#footer-container.authentication-login-footer {
    bottom: 50px;
    background: 0 0!important
}

.footer-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin: 0 40px 8px;
    list-style-type: none
}

.footer-list li {
    display: block;
    margin-left: 16px
}

.footer-list li:first-child {
    margin-left: 0
}

.footer-list li {
    color: #6f6f6f;
    font-size: 13px
}

.footer-list li a {
    color: #222;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: greyscale
}

.footer-list.legal li a {
    color: #6f6f6f
}

.sub-navigation {
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.sub-navigation .navigation-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sub-navigation nav {
    font-size: 0
}

.sub-navigation nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.sub-navigation nav li {
    display: inline-block;
    font-size: 16px
}

.sub-navigation nav li a {
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 52px;
    padding: 0 15px;
    border-bottom: 3px solid transparent;
    color: #222;
    font-size: 20px;
    line-height: 54px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

@media (max-width: 991px) {
    .sub-navigation nav li a {
        font-size:18px;
        padding: 0 8px
    }
}

.sub-navigation nav li a:hover {
    text-decoration: none;
    background: 0 0;
    font-weight: 600
}

.sub-navigation nav li a:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.sub-navigation nav li.active a {
    font-weight: 600;
    border-bottom-color: #ff6122
}

.sub-navigation .actions {
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub-navigation .actions .button-group,.sub-navigation .actions>* {
    margin: 0 8px
}

.sub-navigation .actions .dropdown-toggle {
    margin: 0
}

.sub-navigation .actions img.fallback {
    vertical-align: middle;
    margin-top: -6px
}

.sub-navigation .actions .user-balance {
    font-size: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub-navigation .dropdown-menu,.sub-navigation .triangle {
    top: 73%;
    -webkit-transition: all 360ms ease-out;
    transition: all 360ms ease-out
}

.sub-navigation .open>.dropdown-menu,.sub-navigation .open>.triangle {
    top: 83%;
    -webkit-transition: all 134ms ease-in;
    transition: all 134ms ease-in
}

.sub-navigation .dropdown-menu .fa {
    position: relative;
    top: 2px;
    right: 6px;
    font-size: 16px;
    opacity: .5
}

.sub-navigation .dropdown-menu .fa.fallback {
    vertical-align: middle;
    margin-top: -3px;
    top: 0
}

@media (max-width: 767px) {
    .sub-navigation a.btn .fa,.sub-navigation button .fa {
        padding-right:0
    }
}

.user-card {
    position: relative;
    background: #fff;
    height: 282px;
    margin: 0 0 24px;
    overflow: hidden;
    border-radius: 5px;
    border-bottom: 1px solid #eee;
    -webkit-box-shadow: 0 2px 5px rgba(120,120,120,.25);
    box-shadow: 0 2px 5px rgba(120,120,120,.25)
}

.user-card .btn-remove {
    position: absolute;
    top: 7px;
    right: 1px;
    padding: 0;
    opacity: .65
}

.user-card .btn-remove:hover {
    opacity: 1
}

.user-card .avatar.avatar-lg {
    position: absolute;
    height: 84px;
    width: 84px;
    top: 36px;
    left: 50%;
    margin-left: -42px;
    -webkit-box-shadow: 0 1px 2px 1px rgba(65,65,65,.36);
    box-shadow: 0 1px 2px 1px rgba(65,65,65,.36)
}

.user-card .content {
    text-align: center;
    padding: 18px;
    height: 126px
}

.user-card .content h5 {
    display: block;
    margin-top: 6px;
    margin-bottom: 0;
    font-weight: 600;
    max-height: 24px;
    overflow: hidden
}

.user-card .content small {
    display: block;
    position: relative;
    left: -2px;
    line-height: 18px;
    color: #6f6f6f;
    max-height: 18px;
    overflow: hidden
}

.user-card .content a,.user-card .content button {
    margin-top: 12px
}

.user-card footer {
    height: 52px;
    background: #f0fbfb;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    text-align: center;
    margin-top: 6px
}

.user-card footer>span {
    display: block;
    margin: 0 12px;
    max-height: 37px;
    overflow: hidden;
    color: #099;
    line-height: 18px
}

.user-card footer>div {
    display: inline-block;
    margin: 6px 0;
    width: 29%
}

.user-card footer h5 {
    display: block;
    margin: 3px 0 0;
    font-size: 18px;
    line-height: 18px;
    color: #6f6f6f
}

.user-card footer .x-small {
    display: block;
    color: #6f6f6f;
    font-size: 12px;
    letter-spacing: .2px
}

.user-card footer a {
    color: #099;
    font-weight: 600;
    text-decoration: none
}

.user-card footer a:hover {
    text-decoration: underline;
    color: #099
}

#announcements-container {
    height: auto
}

#announcements {
    position: relative;
    width: 80%;
    left: 10%;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
    font-weight: 400;
    z-index: 1029;
    background-color: #eee
}

#announcements:not(.new-announcements)>div {
    padding: 12px 24px
}

#announcements.new-announcements {
    width: 100%;
    background-color: #fafafa;
    left: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: inherit
}

#announcements.new-announcements .announcement {
    font-size: 14px;
    line-height: 18px;
    padding: 5px
}

#announcements.new-announcements .announcement>* {
    display: inline-block;
    vertical-align: middle
}

#announcements.new-announcements .announcement a {
    cursor: pointer
}

#announcements.new-announcements .announcement .default {
    width: 100%
}

#announcements.new-announcements .announcement .message {
    color: #222;
    padding: 16px 0 16px 16px
}

#announcements.new-announcements .announcement .message a {
    color: #222
}

#announcements.new-announcements .announcement div.on-dismiss {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 11px
}

#announcements.new-announcements .announcement div.on-dismiss .fa {
    line-height: 22px
}

@media (max-width: 991px) {
    #announcements.new-announcements .announcement div.on-dismiss {
        right:14px
    }
}

@media (min-width: 1350px) {
    #announcements.new-announcements .announcement div.on-dismiss {
        right:34px
    }
}

#announcements.new-announcements .verify-email {
    min-width: 320px
}

#announcements.new-announcements .verify-email a:hover {
    text-decoration: none
}

#announcements.new-announcements .verify-email .learn-more {
    color: #e64809;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0
}

@media screen and (max-width: 991px) {
    #announcements.new-announcements .verify-email .controls {
        margin-bottom:16px;
        height: 35px
    }
}

@media screen and (min-width: 992px) {
    #announcements.new-announcements .verify-email .controls {
        margin-top:6px;
        height: 35px;
        margin-bottom: 9px
    }

    #announcements.new-announcements .verify-email .controls .alignment {
        float: right
    }
}

#announcements:not(.new-announcements) .announcement {
    position: relative;
    min-height: 54px
}

#announcements:not(.new-announcements) .announcement .message {
    margin: 3px 10px 3px 10px
}

#announcements:not(.new-announcements) .announcement .controls {
    position: absolute;
    top: 12px;
    right: 0
}

#announcements:not(.new-announcements) .announcement a {
    margin-right: 15px
}

#announcements:not(.new-announcements) .announcement a.learn-more {
    float: none;
    margin-left: 16px
}

#announcements:not(.new-announcements) .announcement>.survey-banner {
    text-align: center
}

#announcements:not(.new-announcements) .announcement.beta .on-joinbeta,#announcements:not(.new-announcements) .announcement.beta .on-verify,#announcements:not(.new-announcements) .announcement.verify-email .on-joinbeta,#announcements:not(.new-announcements) .announcement.verify-email .on-verify {
    color: #fff;
    background-color: #ff6122;
    border-color: #ff6122
}

#announcements:not(.new-announcements) .announcement.beta .on-joinbeta:hover,#announcements:not(.new-announcements) .announcement.beta .on-verify:hover,#announcements:not(.new-announcements) .announcement.verify-email .on-joinbeta:hover,#announcements:not(.new-announcements) .announcement.verify-email .on-verify:hover {
    color: #fff;
    background-color: #ff5613;
    border-color: #ff5613
}

#announcements:not(.new-announcements) .announcement.beta .on-joinbeta.active,#announcements:not(.new-announcements) .announcement.beta .on-joinbeta:active,#announcements:not(.new-announcements) .announcement.beta .on-verify.active,#announcements:not(.new-announcements) .announcement.beta .on-verify:active,#announcements:not(.new-announcements) .announcement.verify-email .on-joinbeta.active,#announcements:not(.new-announcements) .announcement.verify-email .on-joinbeta:active,#announcements:not(.new-announcements) .announcement.verify-email .on-verify.active,#announcements:not(.new-announcements) .announcement.verify-email .on-verify:active {
    color: #fff;
    background-color: #ff4b03;
    border-color: #ff4b03
}

#announcements:not(.new-announcements) .announcement.beta .on-joinbeta.active,#announcements:not(.new-announcements) .announcement.beta .on-joinbeta:active,#announcements:not(.new-announcements) .announcement.beta .on-verify.active,#announcements:not(.new-announcements) .announcement.beta .on-verify:active,#announcements:not(.new-announcements) .announcement.verify-email .on-joinbeta.active,#announcements:not(.new-announcements) .announcement.verify-email .on-joinbeta:active,#announcements:not(.new-announcements) .announcement.verify-email .on-verify.active,#announcements:not(.new-announcements) .announcement.verify-email .on-verify:active,.open>.dropdown-toggle#announcements:not(.new-announcements) .announcement.beta .on-joinbeta,.open>.dropdown-toggle#announcements:not(.new-announcements) .announcement.beta .on-verify,.open>.dropdown-toggle#announcements:not(.new-announcements) .announcement.verify-email .on-joinbeta,.open>.dropdown-toggle#announcements:not(.new-announcements) .announcement.verify-email .on-verify {
    background-image: none
}

#announcements:not(.new-announcements) .announcement.beta .on-joinbeta.disabled,#announcements:not(.new-announcements) .announcement.beta .on-joinbeta.disabled.active,#announcements:not(.new-announcements) .announcement.beta .on-joinbeta.disabled:active,#announcements:not(.new-announcements) .announcement.beta .on-joinbeta.disabled:hover,#announcements:not(.new-announcements) .announcement.beta .on-joinbeta[disabled],#announcements:not(.new-announcements) .announcement.beta .on-joinbeta[disabled].active,#announcements:not(.new-announcements) .announcement.beta .on-joinbeta[disabled]:active,#announcements:not(.new-announcements) .announcement.beta .on-joinbeta[disabled]:hover,#announcements:not(.new-announcements) .announcement.beta .on-verify.disabled,#announcements:not(.new-announcements) .announcement.beta .on-verify.disabled.active,#announcements:not(.new-announcements) .announcement.beta .on-verify.disabled:active,#announcements:not(.new-announcements) .announcement.beta .on-verify.disabled:hover,#announcements:not(.new-announcements) .announcement.beta .on-verify[disabled],#announcements:not(.new-announcements) .announcement.beta .on-verify[disabled].active,#announcements:not(.new-announcements) .announcement.beta .on-verify[disabled]:active,#announcements:not(.new-announcements) .announcement.beta .on-verify[disabled]:hover,#announcements:not(.new-announcements) .announcement.verify-email .on-joinbeta.disabled,#announcements:not(.new-announcements) .announcement.verify-email .on-joinbeta.disabled.active,#announcements:not(.new-announcements) .announcement.verify-email .on-joinbeta.disabled:active,#announcements:not(.new-announcements) .announcement.verify-email .on-joinbeta.disabled:hover,#announcements:not(.new-announcements) .announcement.verify-email .on-joinbeta[disabled],#announcements:not(.new-announcements) .announcement.verify-email .on-joinbeta[disabled].active,#announcements:not(.new-announcements) .announcement.verify-email .on-joinbeta[disabled]:active,#announcements:not(.new-announcements) .announcement.verify-email .on-joinbeta[disabled]:hover,#announcements:not(.new-announcements) .announcement.verify-email .on-verify.disabled,#announcements:not(.new-announcements) .announcement.verify-email .on-verify.disabled.active,#announcements:not(.new-announcements) .announcement.verify-email .on-verify.disabled:active,#announcements:not(.new-announcements) .announcement.verify-email .on-verify.disabled:hover,#announcements:not(.new-announcements) .announcement.verify-email .on-verify[disabled],#announcements:not(.new-announcements) .announcement.verify-email .on-verify[disabled].active,#announcements:not(.new-announcements) .announcement.verify-email .on-verify[disabled]:active,#announcements:not(.new-announcements) .announcement.verify-email .on-verify[disabled]:hover,fieldset[disabled] #announcements:not(.new-announcements) .announcement.beta .on-joinbeta,fieldset[disabled] #announcements:not(.new-announcements) .announcement.beta .on-joinbeta.active,fieldset[disabled] #announcements:not(.new-announcements) .announcement.beta .on-joinbeta:active,fieldset[disabled] #announcements:not(.new-announcements) .announcement.beta .on-joinbeta:hover,fieldset[disabled] #announcements:not(.new-announcements) .announcement.beta .on-verify,fieldset[disabled] #announcements:not(.new-announcements) .announcement.beta .on-verify.active,fieldset[disabled] #announcements:not(.new-announcements) .announcement.beta .on-verify:active,fieldset[disabled] #announcements:not(.new-announcements) .announcement.beta .on-verify:hover,fieldset[disabled] #announcements:not(.new-announcements) .announcement.verify-email .on-joinbeta,fieldset[disabled] #announcements:not(.new-announcements) .announcement.verify-email .on-joinbeta.active,fieldset[disabled] #announcements:not(.new-announcements) .announcement.verify-email .on-joinbeta:active,fieldset[disabled] #announcements:not(.new-announcements) .announcement.verify-email .on-joinbeta:hover,fieldset[disabled] #announcements:not(.new-announcements) .announcement.verify-email .on-verify,fieldset[disabled] #announcements:not(.new-announcements) .announcement.verify-email .on-verify.active,fieldset[disabled] #announcements:not(.new-announcements) .announcement.verify-email .on-verify:active,fieldset[disabled] #announcements:not(.new-announcements) .announcement.verify-email .on-verify:hover {
    background-color: #ff6122;
    border-color: #ff6122
}

#announcements:not(.new-announcements) .announcement.beta .on-joinbeta .badge,#announcements:not(.new-announcements) .announcement.beta .on-verify .badge,#announcements:not(.new-announcements) .announcement.verify-email .on-joinbeta .badge,#announcements:not(.new-announcements) .announcement.verify-email .on-verify .badge {
    color: #ff6122;
    background-color: #fff
}

#announcements:not(.new-announcements) .announcement.survey a {
    display: inline-block
}

#announcements:not(.new-announcements) .announcement.survey a .message {
    margin: auto
}

.change-email,.please-verify,.sent-email {
    padding: 0
}

.change-email .close-modal,.please-verify .close-modal,.sent-email .close-modal {
    position: absolute;
    padding: 4px 12px;
    top: 2px;
    right: 1px;
    cursor: pointer
}

.change-email .close-modal .fa-remove,.please-verify .close-modal .fa-remove,.sent-email .close-modal .fa-remove {
    font-size: 12px!important
}

.change-email h2,.please-verify h2,.sent-email h2 {
    text-align: center;
    font-weight: 600;
    line-height: 48px;
    margin-top: 6px
}

.change-email .controls,.please-verify .controls,.sent-email .controls {
    margin-top: 20px;
    margin-bottom: 12px
}

.change-email .controls .col-xs-6,.please-verify .controls .col-xs-6,.sent-email .controls .col-xs-6 {
    padding: 0
}

.change-email .fa-wp-lighterror,.please-verify .fa-wp-lighterror,.sent-email .fa-wp-lighterror {
    padding-right: 6px
}

.change-email .control-label {
    color: #6f6f6f
}

.change-email input {
    border-radius: 5px;
    border: solid 2px #ccc
}

.change-email .tooltip-arrow {
    left: 78%!important
}

.change-email .form-control-feedback {
    top: -4px!important
}

.sent-email .controls {
    text-align: center
}

.please-verify ul,.sent-email ul {
    list-style: none;
    padding: 0;
    margin-top: 20px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 266px
}

.please-verify ul span,.sent-email ul span {
    padding-right: 5px
}

.email-verified-success {
    background-color: #00b2b2
}

.email-verified-success .message {
    padding-left: 24px;
    color: #fff
}

@media screen and (max-width: 991px) {
    .email-verified-success .message {
        margin-right:40px
    }
}

.email-verified-success .controls {
    cursor: pointer;
    position: absolute;
    top: 24px;
    right: 24px
}

#announcements-container+.shadow-verify {
    position: relative;
    visibility: hidden;
    top: 4px
}

.shadow-verify+#app-container #funbar-container {
    height: 60px
}

.shadow-verify+#app-container #story-reading {
    margin-top: 4px
}

.shadow-verify+#app-container #funbar {
    top: auto
}

#announcements .announcement.spielbergo {
    height: 70px;
    min-width: 800px;
    padding: 15px;
    text-align: center;
    background-color: #00b2b2;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.3)
}

#announcements .announcement.spielbergo div.on-dismiss {
    top: 25px;
    right: initial;
    left: 20px;
    text-align: left
}

#announcements .announcement.spielbergo .message {
    padding: 0
}

#announcements .announcement.spielbergo .message>* {
    vertical-align: middle
}

#announcements .announcement.spielbergo .message .text {
    display: inline-block
}

#announcements .announcement.spielbergo .message .text .title {
    margin-left: 15px;
    font-size: 22px;
    font-weight: 700
}

#announcements .announcement.spielbergo .message .text .subtitle {
    font-size: 20px
}

#announcements .announcement.spielbergo a {
    margin-left: 15px;
    padding: 10px 20px;
    border-radius: 5px;
    border: solid 2px #222;
    color: #222;
    font-size: 18px;
    font-weight: 600
}

#announcements .announcement.spielbergo a:focus,#announcements .announcement.spielbergo a:hover {
    text-decoration: none
}

#announcements .announcement.writers-portal-announcement {
    -webkit-box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1)
}

#announcements .announcement.writers-portal-announcement .message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 30px
}

#announcements .announcement.writers-portal-announcement .message button {
    margin-left: 15px
}

#announcements .announcement.writers-portal-announcement .on-dismiss {
    top: 20px!important
}

#announcements .announcement.downtime .text {
    padding-bottom: 8px
}

#announcements .announcement.downtime .btn-white {
    color: #222
}

#embed-modal .embed-code {
    background-color: #eee;
    border-radius: 5px;
    padding: 5px 10px;
    width: 500px
}

#generic-modal .modal-dialog.embed {
    width: 548px
}

.dropdown-menu.story-admin-dropdown {
    width: 430px;
    left: 50%;
    margin-left: -215px;
    padding: 12px
}

.dropdown-menu.story-admin-dropdown .author-info {
    padding: 6px 6px 12px
}

.dropdown-menu.story-admin-dropdown .author-info .author-info-text {
    display: block;
    line-height: 24px;
    margin-left: 60px
}

.dropdown-menu.story-admin-dropdown ul.lists-menu {
    padding: 0 6px;
    line-height: 42px;
    margin: 0;
    list-style-type: none
}

.dropdown-menu.story-admin-dropdown ul.option-items {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style-type: none
}

.dropdown-menu.story-admin-dropdown ul.option-items li {
    float: left;
    margin-left: 20px
}

.dropdown-menu.story-admin-dropdown ul.option-items li:first-child {
    margin-left: 0
}

.dropdown-menu.story-admin-dropdown ul.option-items li+li:before {
    content: "\00b7";
    color: #eee;
    font-size: 30px;
    position: absolute;
    margin-top: -1px;
    margin-left: -12px
}

.dropdown-menu.story-admin-dropdown li.story-admin-dropdown-row {
    width: 100%;
    padding: 3px 0;
    border-top: 1px solid #eee;
    position: relative
}

.dropdown-menu.story-admin-dropdown li.story-admin-dropdown-row.category-row,.dropdown-menu.story-admin-dropdown li.story-admin-dropdown-row.language-row,.dropdown-menu.story-admin-dropdown li.story-admin-dropdown-row.visibility-row {
    min-height: 60px
}

.dropdown-menu.story-admin-dropdown li.story-admin-dropdown-row.category-row .row-name,.dropdown-menu.story-admin-dropdown li.story-admin-dropdown-row.language-row .row-name,.dropdown-menu.story-admin-dropdown li.story-admin-dropdown-row.visibility-row .row-name {
    display: block;
    margin-top: 6px
}

.dropdown-menu.story-admin-dropdown li.story-admin-dropdown-row.category-row .response-status,.dropdown-menu.story-admin-dropdown li.story-admin-dropdown-row.language-row .response-status,.dropdown-menu.story-admin-dropdown li.story-admin-dropdown-row.visibility-row .response-status {
    margin-top: -36px;
    position: absolute;
    right: 36px
}

.dropdown-menu.story-admin-dropdown li.story-admin-dropdown-row.error-row .alert {
    margin: 0
}

.dropdown-menu.story-admin-dropdown li.story-admin-dropdown-row.total-reads-row .row-name {
    width: 83px;
    display: inline-block;
    line-height: initial
}

.dropdown-menu.story-admin-dropdown li.story-admin-dropdown-row.admin-notes .row-controls {
    position: initial
}

.dropdown-menu.story-admin-dropdown li.story-admin-dropdown-row .row-controls {
    width: 295px;
    position: absolute;
    top: 3px;
    left: 86px
}

.dropdown-menu.story-admin-dropdown li.story-admin-dropdown-row .row-controls select {
    display: block;
    width: 100%;
    margin-top: 9px
}

.dropdown-menu.story-admin-dropdown li.story-admin-dropdown-row .row-controls input {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    height: 0;
    width: 0
}

#funbar {
    position: fixed;
    top: 54px;
    width: 100%;
    height: 60px;
    z-index: 1020;
    padding: 6px 30px;
    background-color: #fff;
    border-bottom: 2px solid #eee
}

#funbar .preview-alert {
    display: inline-block;
    position: relative;
    top: 3px;
    text-align: center;
    line-height: 42px;
    margin-left: 12px;
    font-weight: 600
}

@media (max-width: 1349px) {
    #funbar {
        padding:6px 10px 6px 20px
    }
}

@media (max-width: 991px) {
    #funbar {
        padding:6px 2px 6px 14px
    }
}

#funbar-story {
    float: left;
    position: relative;
    top: -6px;
    border-right: 1px solid #fff
}

#funbar-story .btn-toc {
    margin: 0;
    height: 60px;
    padding-left: 0;
    padding-right: 45px;
    padding-bottom: 10px;
    min-width: 300px;
    text-align: left;
    background: 0 0;
    border-right: 1px solid #eee;
    border-radius: 0
}

#funbar-story .btn-toc:hover {
    background: #eee
}

#funbar-story .btn-toc:hover .fa-down {
    color: #222
}

#funbar-story .btn-toc:focus {
    border: none
}

#funbar-story .cover,#funbar-story .info {
    display: inline-block;
    vertical-align: middle
}

#funbar-story .info {
    padding-left: 10px;
    text-align: left
}

#funbar-story .info .title {
    display: block;
    font-size: 16px;
    line-height: 18px;
    margin: 0;
    font-weight: 600;
    color: #222;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 340px
}

@media (max-width: 767px) {
    #funbar-story .info .title {
        max-width:180px
    }
}

#funbar-story .info .author {
    font-size: 13px;
    line-height: 15px;
    margin: 0;
    font-weight: 400;
    color: #6f6f6f
}

#funbar-story .deleted-tag,#funbar-story .draft-tag {
    padding-left: 3px
}

#funbar-story .fa-down {
    right: 18px;
    top: 28px;
    position: absolute
}

#funbar-story #funbar-part-details {
    min-width: 350px;
    max-width: 400px
}

#funbar-story .dropdown-menu {
    left: 0;
    right: 1px;
    top: 55px;
    margin: 0;
    padding: 0;
    border: none;
    border-top: 1px solid #eee;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25);
    box-shadow: 0 2px 4px rgba(0,0,0,.25)
}

#funbar-story .dropdown-menu .toc-header {
    overflow: hidden;
    background: #fff
}

#funbar-story .dropdown-menu .toc-header h6 {
    margin: 12px 12px 0;
    font-size: 15px
}

#funbar-story .dropdown-menu .toc-header h6>a {
    color: #222
}

#funbar-story .dropdown-menu .toc-header small {
    display: block;
    color: #6f6f6f;
    padding-bottom: 6px;
    font-size: 13px
}

#funbar-story .dropdown-menu>ul {
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    max-height: 425px;
    list-style-type: none;
    -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,.06);
    box-shadow: inset 0 2px 3px rgba(0,0,0,.06)
}

#funbar-story .dropdown-menu>ul li {
    margin: 0;
    border-top: 1px solid #eee
}

#funbar-story .dropdown-menu>ul li a {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 600;
    color: #222;
    height: auto;
    margin: 0;
    padding: 9px 20px 12px 12px;
    line-height: 18px;
    white-space: inherit;
    background-color: #fafafa
}

#funbar-story .dropdown-menu>ul li a.blocked {
    background-color: #fff
}

#funbar-story .dropdown-menu>ul li a.blocked .part-title {
    width: calc(100% - 18px)
}

#funbar-story .dropdown-menu>ul li a:hover {
    text-decoration: none;
    background-color: #eee
}

#funbar-story .dropdown-menu>ul li.active a {
    color: #ff6122;
    border-left: 4px solid #ff6122;
    -webkit-box-shadow: inset 0 0 9px rgba(0,0,0,.04);
    box-shadow: inset 0 0 9px rgba(0,0,0,.04)
}

#funbar-story .dropdown-menu>ul li.active a:hover {
    -webkit-box-shadow: inset 0 0 9px rgba(0,0,0,.06);
    box-shadow: inset 0 0 9px rgba(0,0,0,.06)
}

#funbar-story .dropdown-menu>ul li .part-title {
    width: 100%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis
}

#funbar-story .dropdown-menu>ul li .is-bonus-part {
    background: #f6f2ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

#funbar-story .dropdown-menu>ul li .is-bonus-part.blocked {
    background: #f6f2ff
}

#funbar-story .dropdown-menu>ul li .is-bonus-part .part-title .bonus-type {
    font-size: 12px;
    font-weight: 600;
    color: #3b19a9
}

#funbar-story .dropdown-menu>ul li .part-meta {
    font-weight: 400
}

#funbar-story .dropdown-menu>ul li .is-scheduled {
    background: var(--ds-base-3-20)
}

#funbar-story .dropdown-menu>ul li .is-scheduled .scheduled-date {
    font-weight: var(--font-weight-bold);
    color: var(--ds-base-3-60)
}

#funbar-controls {
    float: right;
    line-height: 42px
}

#funbar-controls>.btn,#funbar-controls>.button-group {
    vertical-align: middle
}

#funbar-controls>.btn:before,#funbar-controls>.button-group:before {
    display: inline-block;
    height: 49px;
    vertical-align: middle;
    content: "";
    border-right: 1px solid #fff;
    border-left: 1px solid #eee
}

#funbar-controls>.btn:first-child:before,#funbar-controls>.button-group:first-child:before {
    display: none
}

#funbar-controls .wallet-container {
    margin-right: 5px
}

#funbar-controls .btn-link {
    font-weight: 600;
    font-size: 16px
}

#funbar-controls .btn-link .fa {
    padding-right: 6px
}

#funbar-controls .btn-link .fa-lock {
    top: -1px;
    padding-right: 0
}

#funbar-controls .btn-link .fa-menu {
    top: 1px
}

#funbar-controls .btn-link .fa-vote {
    top: 0
}

#funbar-controls .btn-link .fa-check {
    top: 1px
}

#funbar-controls .btn-link .fa-edit {
    top: 4px
}

@media (max-width: 991px) {
    #funbar-controls .btn-link span.fa {
        font-size:24px!important
    }

    #funbar-controls .btn-link img.fa {
        height: 24px!important;
        width: 24px!important
    }

    #funbar-controls .btn-link .fa {
        padding-right: 0
    }

    #funbar-controls .btn-link .fa-lock {
        top: 3px
    }

    #funbar-controls .btn-link .fa-menu {
        top: 5px
    }

    #funbar-controls .btn-link .fa-vote {
        top: 4px
    }

    #funbar-controls .btn-link .fa-check {
        top: 5px
    }
}

#funbar-controls .on-write a {
    color: inherit
}

#funbar-controls a:hover {
    text-decoration: none
}

@media (max-width: 991px) {
    #funbar-controls .dropdown-menu.add-to-library {
        left:0
    }
}

#funbar-controls .btn-story-lists {
    padding: 5px 12px
}

#funbar-controls .btn-story-lists .fa {
    top: 0;
    padding: 0
}

#funbar-controls .tooltip .tooltip-inner {
    width: 400px;
    background-color: #00b2b2
}

#funbar-controls .tooltip .tooltip-arrow {
    border-bottom-color: #00b2b2
}

#funbar-controls .writer-button-group .component-wrapper {
    display: inline-block
}

#funbar-controls .writer-button-group .publish-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    border-radius: 20px;
    background-color: #1c6f65;
    color: #fff
}

#funbar-controls .writer-button-group .on-write a {
    color: inherit
}

#funbar-reading-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

#funbar-reading-progress #progressbar {
    float: left;
    width: .5%;
    background-color: #00b2b2;
    height: 5px;
    -webkit-transition: width .2s ease-in;
    transition: width .2s ease-in
}

#funbar-reading-progress #progresstooltip {
    float: left;
    width: 0
}

#funbar-reading-progress .tooltip .tooltip-arrow {
    border-bottom-color: #00b2b2
}

#funbar-reading-progress .tooltip .tooltip-inner {
    background-color: #00b2b2
}

.intl-tel-input {
    position: relative;
    display: inline-block
}

.intl-tel-input * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.intl-tel-input .hide {
    display: none
}

.intl-tel-input .v-hide {
    visibility: hidden
}

.intl-tel-input input,.intl-tel-input input[type=tel],.intl-tel-input input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0!important;
    margin-bottom: 0!important;
    padding-left: 48px;
    margin-left: 0;
    -webkit-transition: background-color .1s ease-out;
    transition: background-color .1s ease-out
}

.intl-tel-input input.iti-invalid-key {
    -webkit-transition: background-color 0;
    transition: background-color 0;
    background-color: #ffc7c7
}

.intl-tel-input .flag-dropdown {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 1px
}

.intl-tel-input .flag-dropdown:hover {
    cursor: pointer
}

.intl-tel-input .flag-dropdown:hover .selected-flag {
    background-color: rgba(0,0,0,.05)
}

.intl-tel-input input[disabled]+.flag-dropdown:hover,.intl-tel-input input[readonly]+.flag-dropdown:hover {
    cursor: default
}

.intl-tel-input input[disabled]+.flag-dropdown:hover .selected-flag,.intl-tel-input input[readonly]+.flag-dropdown:hover .selected-flag {
    background-color: transparent
}

.intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 42px;
    height: 100%;
    padding: 0 0 0 8px
}

.intl-tel-input .selected-flag .iti-flag {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.intl-tel-input .selected-flag .arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 4px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.intl-tel-input .selected-flag .arrow.up {
    border-top: none;
    border-bottom: 4px solid #555
}

.intl-tel-input .country-list {
    list-style: none;
    position: absolute;
    z-index: 2;
    padding: 0;
    margin: 0 0 0 -1px;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.2);
    box-shadow: 1px 1px 4px rgba(0,0,0,.2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll
}

.intl-tel-input .country-list .flag {
    display: inline-block;
    width: 20px
}

@media (max-width: 500px) {
    .intl-tel-input .country-list {
        white-space:normal
    }
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.intl-tel-input .country-list .country {
    padding: 5px 10px
}

.intl-tel-input .country-list .country .dial-code {
    color: #999
}

.intl-tel-input .country-list .country.highlight {
    background-color: rgba(0,0,0,.05)
}

.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code,.intl-tel-input .country-list .flag {
    vertical-align: middle
}

.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .flag {
    margin-right: 6px
}

.intl-tel-input select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 42px;
    height: 100%;
    opacity: 0
}

.iti-flag {
    width: 20px
}

.iti-flag.be {
    width: 18px
}

.iti-flag.ch {
    width: 15px
}

.iti-flag.mc {
    width: 19px
}

.iti-flag.ne {
    width: 18px
}

.iti-flag.np {
    width: 13px
}

.iti-flag.va {
    width: 15px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-size:5630px 15px
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0 0
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0
}

.iti-flag.cy {
    height: 14px;
    background-position: -1225px 0
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0
}

.iti-flag {
    width: 20px;
    height: 15px;
    -webkit-box-shadow: 0 0 1px 0 #888;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(../img/flags.png);
    background-color: #dbdbdb;
    background-position: 100% 100%
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-image:url(../img/flags@2x.png)
    }
}

.iti-flag.np {
    background-color: transparent
}

.intl-tel-input {
    display: table-cell
}

.iti-flag {
    background-image: url(/img/intl-tel-input/flags.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-image:url(/img/intl-tel-input/flags@2x.png)
    }
}

#get-app-modal h3 {
    line-height: 24px
}

#get-app-modal #phonenumber::-moz-placeholder {
    color: #6f6f6f;
    opacity: 1
}

#get-app-modal #phonenumber:-ms-input-placeholder {
    color: #6f6f6f
}

#get-app-modal #phonenumber::-webkit-input-placeholder {
    color: #6f6f6f
}

#get-app-modal #phonenumber input::-webkit-input-placeholder {
    color: #6f6f6f;
    font-size: 16px;
    -webkit-transition: color 133ms ease;
    transition: color 133ms ease
}

#get-app-modal #phonenumber input:-moz-placeholder {
    color: #6f6f6f;
    font-size: 16px;
    -webkit-transition: color 133ms ease;
    -moz-transition: color 133ms ease;
    transition: color 133ms ease
}

#get-app-modal #phonenumber input::-moz-placeholder {
    color: #6f6f6f;
    font-size: 16px;
    -webkit-transition: color 133ms ease;
    -moz-transition: color 133ms ease;
    transition: color 133ms ease
}

#get-app-modal #phonenumber input:-ms-input-placeholder {
    color: #6f6f6f;
    font-size: 16px;
    -webkit-transition: color 133ms ease;
    -ms-transition: color 133ms ease;
    transition: color 133ms ease
}

#get-app-modal .feetext {
    margin-top: -.5em
}

#get-app-modal .download-link {
    margin-top: 1em
}

#get-app-modal .on-send-app-link {
    width: 125px;
    margin-top: 0;
    padding: 6px 40px
}

#get-app-modal .on-send-app-link.sent .hidden-if-sent {
    display: none
}

#get-app-modal .on-send-app-link.sent .shown-if-sent {
    display: inline
}

#get-app-modal .on-send-app-link .shown-if-sent {
    display: none
}

.revision-list-items {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0
}

.revision-list-items li {
    margin-left: 18px;
    margin-right: 18px;
    text-align: left;
    cursor: pointer;
    line-height: 50px;
    border-bottom: 1px solid #eee
}

.revision-list-items li:last-child {
    border-bottom: none
}

.revision-list-items li:hover {
    background-color: #eee
}

.revision-list-items li.selected {
    font-weight: 700;
    background-color: #eee
}

.profile-followers-following-modal .modal-dialog {
    width: 600px
}

@media (max-width: 600px) {
    .profile-followers-following-modal .modal-dialog {
        width:560px
    }
}

.profile-followers-following-modal .modal-header {
    text-align: center
}

.profile-followers-following-modal .modal-header .modal-title {
    font-size: 32px;
    line-height: 36px;
    font-weight: 600;
    margin-top: 10px
}

.profile-followers-following-modal .modal-header .close {
    position: absolute;
    top: 20px;
    right: 24px
}

.profile-followers-following-modal #user-row-items {
    margin: 0
}

.profile-followers-following-modal #user-row-items .col-xs-12 {
    height: 60px
}

.profile-followers-following-modal #user-row-items .user-data {
    padding-left: 15px;
    height: 42px;
    width: 90%;
    overflow: hidden
}

.profile-followers-following-modal #user-row-items .user-data .fullname {
    font-size: 16px;
    white-space: nowrap;
    text-decoration: none
}

.profile-followers-following-modal #user-row-items .user-data .fullname .username {
    font-size: 13px;
    color: #6f6f6f
}

.profile-followers-following-modal #user-row-items .user-data ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #6f6f6f;
    line-height: 12px
}

.profile-followers-following-modal #user-row-items .user-data ul li {
    display: inline-block
}

.profile-followers-following-modal #user-row-items .user-data ul li+li:before {
    content: "\00b7";
    font-size: 24px;
    line-height: 1px;
    position: relative;
    top: 4px;
    padding-right: 2px
}

.profile-followers-following-modal #user-row-items .follow {
    position: absolute;
    right: 0
}

.profile-followers-following-modal #user-row-items .follow a,.profile-followers-following-modal #user-row-items .follow button {
    min-width: 120px;
    height: 36px;
    padding: 5px 10px;
    text-align: center
}

.profile-followers-following-modal #user-row-items .follow a span.fa,.profile-followers-following-modal #user-row-items .follow button span.fa {
    top: 2px;
    padding: 0 7px
}

.profile-followers-following-modal #user-row-items .follow a {
    margin: 0;
    line-height: 21px
}

.profile-followers-following-modal #user-row-items .follow a span.fa {
    top: 1px
}

.profile-followers-following-modal #user-row-items .follow button.on-remove-follower {
    min-width: auto;
    margin-right: 0;
    padding: 5px;
    opacity: .65
}

.profile-followers-following-modal #user-row-items .follow button.on-remove-follower:hover {
    opacity: 1
}

.post-publish-modal .modal-body {
    border-top: 1px solid #eee
}

.post-publish-modal .modal-dialog {
    max-width: 600px;
    min-width: 500px
}

.post-publish-modal .title {
    margin-top: 0
}

.post-publish-modal p {
    margin-bottom: 0
}

.post-publish-modal .info {
    border-bottom: 1px solid #eee;
    padding: 0 0 3% 0;
    margin-bottom: 3%
}

.post-publish-modal .message-wrapper {
    padding: 5px 0
}

.post-publish-modal .message-wrapper .broadcast-message {
    padding: 6px 9px;
    border-radius: 5px;
    border: 1px solid #eee;
    width: calc(100% - 78px)
}

.post-publish-modal .message-wrapper .on-post-message {
    margin-top: 0;
    height: 36px;
    position: relative;
    top: 0
}

.post-publish-modal .message-info {
    font-size: 15px;
    padding: 5px 0
}

.post-publish-modal .message-info .fa {
    margin-right: 6px;
    position: relative;
    top: 2px
}

.post-publish-modal .message-info .fa-check {
    border: 3px solid #00b2b2;
    border-radius: 50%;
    padding: 2px 3px
}

.post-publish-modal .btn-link {
    padding: 0;
    margin: 0
}

.post-publish-modal .tag {
    font-weight: 600
}

.post-publish-modal .social-share-links {
    margin: 3% 0
}

.subscription-modal .modal-body {
    padding: 0
}

.subscription-modal .modal-dialog {
    width: 77%
}

.subscription-modal .modal-content {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px
}

.subscription-modal .modal-header {
    position: absolute;
    right: 0;
    z-index: 1
}

.subscription-modal .modal-footer {
    text-align: center;
    background: #fff
}

.subscription-modal #subscribe-cta {
    background-color: #099;
    background-image: url(/img/premium-modal/wordwall1.jpg);
    padding: 20px 20% 43px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

.subscription-modal #subscribe-cta .title {
    font-size: 36px;
    line-height: 39px;
    padding: 10px
}

.subscription-modal #subscribe-cta .strong {
    display: inline
}

.subscription-modal #how-to-subscribe {
    margin-top: -23px;
    padding: 0 5%
}

.subscription-modal #how-to-subscribe .step-circle {
    background-color: #00b2b2;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    margin: auto
}

.subscription-modal #how-to-subscribe .step-circle p {
    padding-top: 8px;
    color: #fff;
    font-size: 30px;
    text-align: center
}

.subscription-modal #how-to-subscribe .step-instruction {
    padding: 10px 0;
    font-size: 14px;
    line-height: 17px;
    width: 80%;
    margin: auto
}

.subscription-modal #how-to-subscribe .instructions-images {
    text-align: center
}

.subscription-modal #how-to-subscribe .instructions-images img {
    width: 150px;
    height: 306px
}

.subscription-purchaser {
    position: relative;
    margin-top: 54px;
    min-height: 800px
}

.subscription-purchaser:after,.subscription-purchaser:before {
    content: " ";
    display: table
}

.subscription-purchaser:after {
    clear: both
}

.subscription-purchaser:after,.subscription-purchaser:before {
    content: " ";
    display: table
}

.subscription-purchaser:after {
    clear: both
}

.subscription-purchaser .float-label-container {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    height: 50px;
    width: 100%;
    margin-right: 10px;
    font-size: 18px
}

.subscription-purchaser .float-label-container .float-input,.subscription-purchaser .float-label-container input {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: 0 0;
    outline: 0;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #6f6f6f;
    border-radius: 0
}

.subscription-purchaser .float-label-container .float-label,.subscription-purchaser .float-label-container label {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.25,.8,.25,1);
    transition: -webkit-transform .4s cubic-bezier(.25,.8,.25,1);
    transition: transform .4s cubic-bezier(.25,.8,.25,1);
    transition: transform .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    cursor: text;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.subscription-purchaser .float-label-container .float-input.focus+.float-label,.subscription-purchaser .float-label-container .float-input:focus+.float-label,.subscription-purchaser .float-label-container .float-input:not(.empty)+.float-label,.subscription-purchaser .float-label-container input:focus+label,.subscription-purchaser .float-label-container input:not(.empty)+label {
    -webkit-transform: scale(.7) translateY(-20px);
    transform: scale(.7) translateY(-20px)
}

.subscription-purchaser .float-label-container .float-input.focus,.subscription-purchaser .float-label-container .float-input:focus,.subscription-purchaser .float-label-container input:focus {
    border-color: #ff6122
}

.subscription-purchaser .float-label-container .float-input.focus+.float-label,.subscription-purchaser .float-label-container .float-input:focus+.float-label,.subscription-purchaser .float-label-container input:focus+label {
    color: #ff6122
}

.subscription-purchaser .float-label-container .float-input.invalid,.subscription-purchaser .float-label-container input.hasBlurred:invalid {
    border-color: #d0021b;
    color: #d0021b
}

.subscription-purchaser .float-label-container .invalid.float-input+.float-label,.subscription-purchaser .float-label-container input.hasBlurred:invalid+label {
    color: #d0021b
}

.subscription-purchaser .float-label-container input::-webkit-input-placeholder {
    color: transparent!important
}

.subscription-purchaser .float-label-container input::-moz-placeholder {
    color: transparent!important
}

.subscription-purchaser .float-label-container input:-ms-input-placeholder {
    color: transparent!important
}

.subscription-purchaser .float-label-container input::-ms-input-placeholder {
    color: transparent!important
}

.subscription-purchaser .float-label-container input::placeholder {
    color: transparent!important
}

.subscription-purchaser .float-label-container .float-input.focus::-webkit-input-placeholder,.subscription-purchaser .float-label-container input:focus::-webkit-input-placeholder {
    color: #ded8cf!important
}

.subscription-purchaser .float-label-container .float-input.focus::-moz-placeholder,.subscription-purchaser .float-label-container input:focus::-moz-placeholder {
    color: #ded8cf!important
}

.subscription-purchaser .float-label-container .float-input.focus:-ms-input-placeholder,.subscription-purchaser .float-label-container input:focus:-ms-input-placeholder {
    color: #ded8cf!important
}

.subscription-purchaser .float-label-container .float-input.focus::-ms-input-placeholder,.subscription-purchaser .float-label-container input:focus::-ms-input-placeholder {
    color: #ded8cf!important
}

.subscription-purchaser .float-label-container .float-input.focus::placeholder,.subscription-purchaser .float-label-container input:focus::placeholder {
    color: #ded8cf!important
}

.subscription-purchaser .float-label-container.cardNumber,.subscription-purchaser .float-label-container.city,.subscription-purchaser .float-label-container.country,.subscription-purchaser .float-label-container.state {
    width: calc(33% - 10px)
}

.subscription-purchaser .float-label-container.cardCvc,.subscription-purchaser .float-label-container.cardExpiry {
    width: calc(15% - 10px)
}

.subscription-purchaser .float-label-container.postalCode {
    width: calc(25% - 10px)
}

.subscription-purchaser .float-label-container.address-container,.subscription-purchaser .float-label-container.email-container,.subscription-purchaser .float-label-container.name-container {
    width: calc(50% - 10px)
}

.subscription-purchaser .float-label-container.promo-code-container {
    width: calc(65% - 10px)
}

.subscription-purchaser .plan-cart {
    width: 33%;
    top: 0;
    right: 0;
    position: absolute
}

.subscription-purchaser .plan-cart.open {
    bottom: -10px
}

.subscription-purchaser .processing-purchase {
    margin-top: 25vh
}

.subscription-purchaser .purchase-confirmation {
    width: 85%;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 50px
}

.subscription-purchaser .payment-form {
    margin: 0 70px;
    width: calc(67% - (2 * 70px))
}

.subscription-purchaser .orange-link {
    color: #ff6122;
    text-decoration: underline;
    margin: 0 5px
}

.plan-summary {
    border: solid 1px #eee
}

.plan-summary .plan-summary-body {
    background-color: #fff;
    padding: 15px 20px
}

.plan-summary .plan-summary-body hr {
    margin-left: -20px;
    margin-right: -20px
}

.plan-summary .plan-summary-body h3 {
    margin: 15px 0 30px 10px
}

.plan-summary .plan-summary-body .selected-plan {
    margin-bottom: 10px
}

.plan-summary .plan-summary-body .selected-plan .plan-logo {
    width: 64px;
    height: 64px;
    text-align: center;
    border-radius: 4px;
    background: linear-gradient(137deg,#445e78,#1e2a36);
    display: inline-block;
    float: left;
    margin-right: 10px
}

.plan-summary .plan-summary-body .selected-plan .plan-logo img {
    margin-top: 25.5px
}

.plan-summary .plan-summary-body .selected-plan .plan-name,.plan-summary .plan-summary-body .selected-plan .plan-pricing {
    font-size: 16px;
    line-height: normal
}

.plan-summary .plan-summary-body .selected-plan .plan-billing {
    color: #6f6f6f;
    margin-top: 7px;
    font-size: 12px;
    line-height: normal
}

.plan-summary .promo-code {
    margin: 120px 0;
    text-align: center
}

.plan-summary .promo-code .apply-promo {
    width: 20%;
    display: inline-block
}

.plan-summary .footer {
    padding-top: 30px;
    height: 120px;
    background-color: #445e78;
    width: 100%
}

.plan-summary .footer .footer-content {
    text-align: center
}

.plan-summary .footer .footer-content img {
    display: block;
    margin: auto
}

.plan-summary .footer .footer-content .more-offers {
    font-size: 14px;
    margin-top: 12px;
    color: #fff;
    text-decoration: underline;
    background: 0 0;
    border: none;
    outline: 0
}

.plan-selector {
    color: #fff;
    background-image: linear-gradient(156deg,#445e78,#1e2a36);
    padding: 40px 30px;
    text-align: center;
    font-size: 16px;
    height: 100%
}

.plan-selector .selector-top {
    margin-bottom: 35px
}

.plan-selector .selector-top .close-icon {
    float: right
}

.plan-selector .cta-details {
    margin: 0 auto 30px
}

.plan-selector .selectable-plan {
    border-radius: 5px;
    margin: 10px;
    height: 90px;
    text-align: left;
    font-size: 20px;
    background: -webkit-gradient(linear,left top,right top,color-stop(49.8%,#5e82a5),color-stop(49.8%,#fff),color-stop(50.2%,#58799a));
    background: linear-gradient(90deg,#5e82a5 49.8%,#fff 49.8%,#58799a 50.2%)
}

.plan-selector .selectable-plan.selected {
    background: -webkit-gradient(linear,left top,right top,color-stop(49.8%,#729eca),color-stop(49.8%,#fff),color-stop(50.2%,#668cb2));
    background: linear-gradient(90deg,#729eca 49.8%,#fff 49.8%,#668cb2 50.2%)
}

.plan-selector .selectable-plan,.plan-selector .selectable-plan label {
    cursor: pointer
}

.plan-selector .plan-price,.plan-selector .plan-select {
    width: 50%;
    display: inline-block;
    height: 100%;
    display: table;
    padding-left: 10px
}

.plan-selector .table-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.plan-selector .table-cell * {
    vertical-align: middle
}

.plan-selector .plan-select .select-button {
    margin-right: 10px;
    display: inline-block
}

.plan-selector .plan-select input[type=radio] {
    display: none
}

.plan-selector .plan-select label {
    display: inline-block;
    background-color: #445e78;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.2);
    box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.2);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0;
    text-align: center
}

.plan-selector .plan-select label .fa-check {
    visibility: hidden;
    vertical-align: middle
}

.plan-selector .plan-select input[type=radio]:checked+label {
    background-color: #ff6122
}

.plan-selector .plan-select input[type=radio]:checked+label .fa-check {
    visibility: visible
}

.plan-selector .plan-price {
    position: relative
}

.plan-selector .plan-price .billing-period-details {
    font-size: 12px;
    line-height: normal;
    color: #222
}

.plan-selector .plan-price .plan-tag {
    background-color: #00b2b2;
    font-size: 10px;
    line-height: normal;
    border-radius: 5px;
    padding: 2px 10px;
    position: absolute;
    top: 3px;
    right: 3px
}

.invoice-calculation {
    line-height: normal
}

.invoice-calculation .total {
    font-size: 20px
}

.invoice-calculation .name {
    float: left;
    color: #6f6f6f
}

.invoice-calculation .amount {
    float: right
}

.invoice-calculation .promotion-details .remove-promotion {
    color: #ff6122;
    padding: 0 5px;
    text-decoration: underline;
    background: 0 0;
    outline: 0;
    border: none
}

.invoice-calculation .promotion-details .close-box {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    background-color: #ff6122;
    border-radius: 2px;
    margin-right: 5px;
    width: 16px;
    height: 16px
}

.invoice-calculation .promotion-details .close-box .fa {
    position: absolute;
    top: 3px;
    right: 3px
}

.payment-form h4 {
    color: #222
}

.payment-form .payment-form-header {
    font-size: 24px
}

.payment-form .payment-form-header hr {
    margin: 20px -33px 0
}

.payment-form .or-enter-details {
    border-top: 1px solid #ded8cf;
    text-align: center;
    margin: 25px 0
}

.payment-form .or-enter-details legend {
    color: #6f6f6f;
    font-size: 14px;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
    margin: 0
}

.payment-form .payment-error {
    margin: 0 -33px 35px
}

.payment-form .billing-information {
    margin-top: 40px;
    margin-bottom: 25px
}

.payment-form .payment-form-footer {
    text-align: center
}

.checkout-get-help {
    text-align: center;
    margin-top: 15px;
    font-size: 12px
}

.checkout-get-help .help-link {
    text-align: center
}

.processing-purchase {
    text-align: center;
    color: #6f6f6f
}

.processing-purchase .loading-spinner {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 7px solid #ded8cf;
    border-left: 7px solid #ff6122;
    margin-bottom: 40px
}

.processing-purchase .processing-message {
    font-size: 18px;
    margin-bottom: 6px
}

.processing-purchase .refresh-warning {
    font-size: 12px
}

.processing-purchase .main-content {
    margin-bottom: 25vh
}

.order-details .order-title .details {
    color: #222;
    font-size: 24px
}

.order-details .order-title .order-date {
    margin-right: 40px
}

.order-details .order-description {
    color: #6f6f6f
}

.order-details .order-description .plan-description {
    margin-bottom: 5px;
    font-size: 18px
}

.order-details .order-description .billing-period {
    font-size: 12px
}

.order-details .order-description .billing-period img {
    margin-right: 5px
}

.order-details .order-description .price {
    margin-top: 10px;
    font-size: 20px
}

.purchase-details {
    float: left
}

.purchase-details hr {
    margin: 5px 0
}

.purchase-details .purchase-name {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px
}

.purchase-details .next-payment,.purchase-details .username {
    color: #6f6f6f
}

.purchase-confirmation .panel-body {
    padding: 40px 45px
}

.purchase-confirmation .print-page {
    text-align: right;
    font-size: 14px
}

.purchase-confirmation .purchase-thanks {
    margin-bottom: 85px
}

.purchase-confirmation .purchase-thanks .purchase-check {
    background: linear-gradient(-45deg,#009a9a 50%,#00b2b2 50%);
    border-radius: 50%;
    width: 67px;
    height: 67px;
    margin-right: 25px
}

.purchase-confirmation .purchase-thanks .purchase-check .fa-check {
    position: relative;
    top: 19.5px;
    left: 19.5px
}

.purchase-confirmation .purchase-thanks .purchase-check,.purchase-confirmation .purchase-thanks .thanks-text {
    display: inline-block;
    vertical-align: middle
}

.purchase-confirmation .purchase-thanks .thanks-text h3 {
    margin: 0
}

.purchase-confirmation .invoice-calculation {
    width: 33%;
    float: right
}

.purchase-confirmation .billing-info p {
    text-transform: uppercase;
    font-size: 14px;
    line-height: normal;
    margin: 0;
    color: #6f6f6f
}

.purchase-confirmation .confirmation-bottom {
    margin-top: 50px;
    text-align: center
}

.purchase-confirmation .confirmation-bottom .btn {
    padding: 10px 20px;
    font-size: 20px;
    margin-bottom: 40px
}

.purchase-confirmation .confirmation-bottom .premium-links {
    font-size: 12px;
    margin-left: 20px
}

.purchase-confirmation .confirmation-bottom .premium-links a {
    margin: 0 5px
}

.route-managePayment .modal-dialog {
    margin-top: 275px
}

.manage-payment {
    margin-top: 84px!important;
    position: relative;
    color: #6f6f6f;
    font-size: 14px
}

.manage-payment .orange-link {
    color: #ff6122;
    text-decoration: underline;
    margin: 0 5px
}

.manage-payment hr {
    margin: 0 -33px
}

.manage-payment hr.thick-divider {
    border-top: 4px solid #ded8cf;
    opacity: .5
}

.manage-payment .manage-title {
    color: #222
}

.manage-payment .management-tab {
    display: inline-block;
    margin-right: 50px;
    font-size: 18px;
    cursor: pointer;
    position: relative
}

.manage-payment .management-tab .tab-text {
    margin-bottom: 5px
}

.manage-payment .management-tab.active {
    color: #ff6122;
    border-bottom: 4px solid #ff6122;
    font-weight: 600
}

.manage-payment .management-tab.disabled {
    color: #eee;
    pointer-events: none
}

.manage-payment .management-tab.warn:not(.disabled):before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #d0021b;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: -12px
}

.manage-payment .unsubscribed-cta {
    position: relative;
    margin-top: 20px;
    margin-bottom: 40px
}

.unsubscribed-cta {
    line-height: normal
}

.unsubscribed-cta .unsubscribed-status {
    padding-top: 25px
}

.unsubscribed-cta .unsubscribed-status .premium-logo-circle {
    margin-right: 10px
}

.unsubscribed-cta .unsubscribed-status .currently-using {
    margin-top: 10px
}

.unsubscribed-cta .unsubscribed-status .currently-using .free-version {
    font-size: 18px
}

.unsubscribed-cta .cta {
    padding-left: 30px;
    padding-bottom: 10px;
    border-left: 1px solid #ded8cf
}

.unsubscribed-cta .cta .unlock-experience {
    padding-right: 20px;
    width: calc(100% - 180px)
}

.unsubscribed-cta .cta .unlock-experience h2 {
    margin-top: 10px
}

.unsubscribed-cta .cta .btn.upgrade-now {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 180px;
    margin: 50px 0 0
}

.current-plan-tab .plan-info {
    margin-bottom: 30px
}

.current-plan-tab .available-plans {
    margin-top: 45px
}

.current-plan-tab .plan-info .plan-header {
    margin: 20px 0
}

.current-plan-tab .plan-info .plan-description .plan-icon,.current-plan-tab .plan-info .plan-description .plan-name,.current-plan-tab .plan-info .plan-description .plan-status {
    float: left
}

.current-plan-tab .plan-info .plan-description .plan-icon {
    margin-right: 15px
}

.current-plan-tab .plan-info .plan-description .plan-name {
    margin-top: 5px
}

.current-plan-tab .plan-info .plan-description .plan-status {
    margin-left: 25px;
    margin-top: 20px
}

.current-plan-tab .plan-info .plan-title {
    color: #222;
    font-size: 18px;
    line-height: 30px
}

.current-plan-tab .plan-info .plan-status .fa {
    margin-right: 5px
}

.current-plan-tab .plan-info .plan-details .details-box {
    background-color: #eee;
    border-radius: 4px;
    padding: 12px
}

.current-plan-tab .plan-info .plan-details .billing-details {
    width: 50%
}

.current-plan-tab .plan-info .plan-details .billing-details .next-charge-date {
    color: #222
}

.current-plan-tab .plan-info .plan-details button.cancel-payment {
    color: #ff6122;
    margin-top: 10px;
    background-color: inherit;
    padding: 5px 10px
}

.current-plan-tab .plan-info .plan-details button.cancel-payment .fa {
    top: 3px
}

.premium-logo-circle {
    background: linear-gradient(119deg,#445e78,#1e2a36);
    border-radius: 50%;
    height: 64px;
    width: 64px;
    color: #fff;
    font-size: 9px;
    line-height: normal;
    text-align: center
}

.premium-logo-circle.inactive-logo {
    background: #c6c0bd
}

.premium-logo-circle img {
    margin-top: 18px
}

.available-plans .btn.toggle-show-plans .fa {
    margin-left: 10px;
    padding: 0
}

.available-plans .cta-choose-plan {
    margin-top: 20px
}

.available-plans .available-plan-container:not(:last-child) {
    border-bottom: 1px dashed #c6c0bd
}

.available-plans .available-plan {
    padding: 20px 0
}

.available-plans .available-plan .available-plan-details,.available-plans .available-plan .premium-logo-circle,.available-plans .available-plan .switch-plan {
    display: inline-block
}

.available-plans .available-plan .available-plan-details {
    margin-left: 20px;
    font-size: 18px
}

.available-plans .available-plan .available-plan-details .plan-name {
    margin-bottom: 5px
}

.available-plans .available-plan .available-plan-details .billing-details * {
    vertical-align: middle
}

.available-plans .available-plan .available-plan-details .billing-details .period-details {
    font-size: 12px
}

.available-plans .available-plan .available-plan-details .billing-details .period-details .divider {
    height: 18px;
    display: inline-block;
    margin: 0 5px;
    border: solid .5px #ded8cf
}

.available-plans .available-plan button.switch-plan {
    float: right;
    margin-top: 10px;
    color: #ff6122
}

.manage-payment .credit-card-form {
    margin-top: 40px;
    margin-bottom: 25px
}

.manage-payment .credit-card-form:after,.manage-payment .credit-card-form:before {
    content: " ";
    display: table
}

.manage-payment .credit-card-form:after {
    clear: both
}

.manage-payment .credit-card-form:after,.manage-payment .credit-card-form:before {
    content: " ";
    display: table
}

.manage-payment .credit-card-form:after {
    clear: both
}

.manage-payment .credit-card-form .float-label-container {
    margin-right: 10px
}

.manage-payment .credit-card-form .float-label-container.city,.manage-payment .credit-card-form .float-label-container.country,.manage-payment .credit-card-form .float-label-container.state {
    width: calc(50% - 10px)
}

.manage-payment .credit-card-form .float-label-container.cardNumber {
    width: calc(50% - 10px)
}

.manage-payment .credit-card-form .float-label-container.cardExpiry {
    width: calc(30% - 10px)
}

.manage-payment .credit-card-form .float-label-container.cardCvc {
    width: calc(15% - 10px)
}

.manage-payment .credit-card-form .float-label-container.postalCode {
    width: calc(40% - 10px)
}

.manage-payment .credit-card-form .float-label-container.address-container,.manage-payment .credit-card-form .float-label-container.email-container,.manage-payment .credit-card-form .float-label-container.name-container {
    width: calc(85% - 10px)
}

.manage-payment .credit-card-form .payment-error {
    margin: 0 -33px
}

.manage-payment .credit-card-form .billing-information,.manage-payment .credit-card-form .payment-details {
    width: 50%;
    float: left
}

.manage-payment .credit-card-form .billing-information {
    padding-right: 5%;
    border-right: 1px solid #ded8cf
}

.manage-payment .credit-card-form .payment-details {
    padding-left: 5%
}

.card-expired-error {
    margin-top: 15px;
    color: #d0021b
}

.card-expired-error .fa-warning {
    color: #d0021b!important;
    margin-right: 7px;
    vertical-align: middle
}

.card-expired-error .expired-message {
    display: inline;
    font-size: 14px;
    line-height: normal
}

.card-expired-error a {
    color: #d0021b;
    text-decoration: underline
}

.credit-card-form .float-label-container {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    height: 50px;
    width: 100%;
    font-size: 18px
}

.credit-card-form .float-label-container .float-input,.credit-card-form .float-label-container input {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: 0 0;
    outline: 0;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #6f6f6f;
    border-radius: 0
}

.credit-card-form .float-label-container .float-label,.credit-card-form .float-label-container label {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.25,.8,.25,1);
    transition: -webkit-transform .4s cubic-bezier(.25,.8,.25,1);
    transition: transform .4s cubic-bezier(.25,.8,.25,1);
    transition: transform .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    cursor: text;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.credit-card-form .float-label-container .float-input.focus+.float-label,.credit-card-form .float-label-container .float-input:focus+.float-label,.credit-card-form .float-label-container .float-input:not(.empty)+.float-label,.credit-card-form .float-label-container input:focus+label,.credit-card-form .float-label-container input:not(.empty)+label {
    -webkit-transform: scale(.7) translateY(-20px);
    transform: scale(.7) translateY(-20px)
}

.credit-card-form .float-label-container .float-input.focus,.credit-card-form .float-label-container .float-input:focus,.credit-card-form .float-label-container input:focus {
    border-color: #ff6122
}

.credit-card-form .float-label-container .float-input.focus+.float-label,.credit-card-form .float-label-container .float-input:focus+.float-label,.credit-card-form .float-label-container input:focus+label {
    color: #ff6122
}

.credit-card-form .float-label-container .float-input.invalid,.credit-card-form .float-label-container input.hasBlurred:invalid {
    border-color: #d0021b;
    color: #d0021b
}

.credit-card-form .float-label-container .invalid.float-input+.float-label,.credit-card-form .float-label-container input.hasBlurred:invalid+label {
    color: #d0021b
}

.credit-card-form .float-label-container input::-webkit-input-placeholder {
    color: transparent!important
}

.credit-card-form .float-label-container input::-moz-placeholder {
    color: transparent!important
}

.credit-card-form .float-label-container input:-ms-input-placeholder {
    color: transparent!important
}

.credit-card-form .float-label-container input::-ms-input-placeholder {
    color: transparent!important
}

.credit-card-form .float-label-container input::placeholder {
    color: transparent!important
}

.credit-card-form .float-label-container .float-input.focus::-webkit-input-placeholder,.credit-card-form .float-label-container input:focus::-webkit-input-placeholder {
    color: #ded8cf!important
}

.credit-card-form .float-label-container .float-input.focus::-moz-placeholder,.credit-card-form .float-label-container input:focus::-moz-placeholder {
    color: #ded8cf!important
}

.credit-card-form .float-label-container .float-input.focus:-ms-input-placeholder,.credit-card-form .float-label-container input:focus:-ms-input-placeholder {
    color: #ded8cf!important
}

.credit-card-form .float-label-container .float-input.focus::-ms-input-placeholder,.credit-card-form .float-label-container input:focus::-ms-input-placeholder {
    color: #ded8cf!important
}

.credit-card-form .float-label-container .float-input.focus::placeholder,.credit-card-form .float-label-container input:focus::placeholder {
    color: #ded8cf!important
}

.credit-card-form h4 {
    color: #222
}

.credit-card-form .edit-buttons {
    margin-top: 6px;
    margin-left: 15px
}

.credit-card-form .edit-buttons .btn {
    padding: 5px 10px
}

.credit-card-form .edit-buttons .cancel {
    color: #ff6122;
    text-decoration: underline
}

.credit-card-form .billing-information .divider {
    height: 36px;
    display: inline-block;
    margin-right: 25px;
    border: solid .5px #ded8cf
}

.credit-card-form .billing-information .payment-logos img {
    vertical-align: top;
    margin-left: 20px;
    height: 32px
}

.credit-card-form .email-details {
    font-size: 10px;
    color: #6f6f6f;
    display: inline-block;
    line-height: normal
}

.credit-card-form .email-details .fa {
    margin-right: 4px;
    position: relative;
    top: 2px
}

.credit-card-form .country select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.credit-card-form .country .fa-caret {
    position: absolute;
    right: 0;
    bottom: 8px;
    pointer-events: none
}

.credit-card-form .remember-billing {
    margin: 15px 0;
    color: #6f6f6f;
    font-size: 14px
}

.credit-card-form .remember-billing input {
    opacity: 0;
    position: absolute
}

.credit-card-form .remember-billing label {
    vertical-align: middle;
    margin-right: 10px;
    text-align: center;
    background-color: #ff6122;
    border-radius: 2px;
    width: 20px;
    height: 20px
}

.credit-card-form .remember-billing label .fa-check {
    visibility: hidden
}

.credit-card-form .remember-billing input:checked+label .fa-check {
    visibility: visible
}

.credit-card-form .tooltip-arrow {
    left: 25%!important;
    border-bottom-color: #d0021b!important
}

.credit-card-form .tooltip>.tooltip-inner {
    background-color: #d0021b;
    padding: 8px
}

.credit-card-form .tooltip>.tooltip-inner .fa {
    left: 12px;
    position: absolute;
    top: 50%;
    margin-top: -8.5px
}

.credit-card-form .icon-container {
    display: inline-block;
    width: 25px;
    margin-right: 10px;
    float: left
}

.credit-card-form .error-message {
    float: right;
    width: calc(100% - 35px)
}

.credit-card-form .pay {
    margin: 40px 0;
    text-align: center
}

.credit-card-form .pay button {
    width: 30%
}

.credit-card-form .payment-error {
    font-size: 14px;
    background-color: #ffeeec
}

.credit-card-form .payment-error * {
    display: inline-block;
    vertical-align: middle
}

.credit-card-form .payment-error .error-rectangle {
    width: 75px;
    height: 52px;
    background-color: #d0021b;
    text-align: center
}

.credit-card-form .payment-error .error-triangle {
    width: 0;
    height: 0;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
    border-left: 20px solid #d0021b;
    margin-right: 10px
}

.credit-card-form .payment-error .fa-warning {
    margin-top: 15.5px
}

.modal .cancel-subscription {
    color: #6f6f6f;
    text-align: center
}

.modal .cancel-subscription .fa-remove {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px
}

.modal .cancel-subscription .cta {
    width: 80%;
    margin: 40px auto 20px
}

.modal .cancel-subscription .cta h3 {
    min-height: 60px
}

.modal .cancel-subscription .cta .cancel-date {
    font-weight: 600;
    color: #222
}

.modal .cancel-subscription .cancel-actions {
    width: 90%;
    margin: auto
}

.modal .cancel-subscription .cancel-actions .on-cancel-subscription {
    float: left
}

.modal .cancel-subscription .cancel-actions .dismiss-cancel {
    float: right;
    margin-top: 5px;
    color: #ff6122;
    text-decoration: underline
}

.modal .cancel-subscription .cancel-actions .close-cancel-modal {
    width: 25%
}

#WPNavbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 52px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#WPNavbar #header-item-logo {
    margin-right: 40px
}

@media (max-width: 991px) {
    #WPNavbar #header-item-logo {
        margin-right:60px
    }
}

#WPNavbar a {
    font-weight: 600;
    padding-right: 25px;
    color: #222
}

@media (max-width: 991px) {
    #WPNavbar a {
        margin-right:15px
    }
}

#WPNavbar .dropdown.visible .dropdown-menu {
    visibility: visible;
    opacity: 1
}

#WPNavbar .dropdown#discover-dropdown .dropdown-menu {
    width: 740px
}

#WPNavbar .dropdown#language-dropdown .dropdown-menu {
    width: 740px
}

#WPNavbar .dropdown#language-dropdown .dropdown-menu::before {
    right: 20px;
    left: auto
}

#WPNavbar .dropdown .dropdown-menu {
    padding: 0
}

#WPNavbar .dropdown .dropdown-menu::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -5px;
    left: 20px
}

#WPNavbar .dropdown .dropdown-menu li.title {
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 14px
}

#WPNavbar .dropdown .dropdown-menu .wattpad-picks {
    background-color: #eee;
    border: 1px solid transparent;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    position: absolute;
    right: 0;
    height: 100%
}

#WPNavbar .dropdown .dropdown-menu .wattpad-picks a,#WPNavbar .dropdown .dropdown-menu .wattpad-picks li {
    color: #004445
}

#WPNavbar .dropdown .dropdown-menu .wattpad-picks a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#WPNavbar #header-item-search {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#WPNavbar #header-item-search button {
    background: 0 0;
    border: none;
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0
}

#WPNavbar #header-item-search input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 4px;
    outline: 0;
    border: none;
    color: #222
}

#WPNavbar #header-item-search input::-webkit-input-placeholder {
    font-weight: 600;
    color: #222
}

#WPNavbar #header-item-search input::-moz-placeholder {
    font-weight: 600;
    color: #222
}

#WPNavbar #header-item-search input:-ms-input-placeholder {
    font-weight: 600;
    color: #222
}

#WPNavbar #header-item-search input::-ms-input-placeholder {
    font-weight: 600;
    color: #222
}

#WPNavbar #header-item-search input::placeholder {
    font-weight: 600;
    color: #222
}

#WPNavbar #authentication {
    position: absolute;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#WPNavbar #authentication button {
    background-color: #fff;
    color: #222;
    font-size: 16px
}

.canva-btn {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    border: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    background: inherit;
    height: 30px;
    width: 100%
}

.canva-btn-i {
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-right: 4px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='2' y='2' width='28' height='28'%3E%3Cpath d='M16 29.3334C23.3638 29.3334 29.3333 23.3638 29.3333 16C29.3333 8.63622 23.3638 2.66669 16 2.66669C8.63619 2.66669 2.66666 8.63622 2.66666 16C2.66666 23.3638 8.63619 29.3334 16 29.3334Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.33331 1.33337H30.6666V30.6667H1.33331V1.33337Z' fill='%2300C4CC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.4773 18.628C21.4479 18.498 21.3762 18.3814 21.2734 18.2965C21.1706 18.2115 21.0426 18.1631 20.9093 18.1587C20.8021 18.1551 20.696 18.182 20.6035 18.2363C20.511 18.2906 20.4358 18.37 20.3866 18.4654C20.3306 18.5507 20.28 18.6374 20.232 18.7187C20.1965 18.7797 20.16 18.8402 20.1226 18.9C19.496 19.8867 19.0026 20.324 17.8333 20.936C17.3078 21.2065 16.7269 21.352 16.136 21.3614C14.416 21.3614 13.416 19.8387 13.0826 18.5347C12.496 16.2254 13.4693 13.352 14.736 11.708C15.4546 10.7734 16.2573 10.2347 16.9386 10.232C17.1224 10.2379 17.3021 10.2874 17.463 10.3765C17.6239 10.4655 17.7613 10.5915 17.864 10.744C18.2213 11.3187 18.3373 11.8027 17.9306 12.712C17.8729 12.8495 17.8671 13.0032 17.9145 13.1446C17.9618 13.2859 18.0591 13.4052 18.188 13.48C18.528 13.6614 18.9466 13.4574 19.4013 12.8054C19.8813 12.1187 19.912 11.04 19.472 10.3494C18.9293 9.50005 17.8786 8.97205 16.7093 8.97205C15.893 8.97931 15.0946 9.21236 14.4026 9.64538C11.5226 11.4654 9.87196 15.668 10.724 19.012C11.028 20.2054 11.6973 21.284 12.5586 21.9747C12.8973 22.2414 14.112 23.112 15.5853 23.112H15.6026C17.088 23.1054 18.216 22.4747 18.9386 21.9987C19.728 21.4734 20.416 20.7507 21.0453 19.7894C21.0973 19.7107 21.148 19.6294 21.1973 19.5467L21.336 19.3214C21.4063 19.2219 21.4552 19.1089 21.4795 18.9896C21.5038 18.8702 21.5031 18.7471 21.4773 18.628ZM15.5853 22.8067V22.808V22.8067Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.modal-overlay,.modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    min-height: 100vh;
    z-index: 99999
}

.modal-popover {
    z-index: 100000
}

.modal-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-container {
    background: #fff;
    position: relative;
    min-height: 100px;
    max-height: 100vh;
    overflow-y: auto
}

.modal-container .modal-close-button {
    background: 0 0;
    border: none;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1
}

.modal-overlay {
    background: rgba(18,18,18,.64)
}

.comments-signup-modal {
    z-index: 1051!important
}

.feed-item-new>.panel-body {
    position: relative;
    padding: 9px
}

.feed-item-new a {
    color: #222
}

.feed-item-new a:hover {
    text-decoration: none
}

.feed-item-new .list-group.new-feed-messages {
    overflow: inherit;
    border: none
}

.feed-item-new .list-group.new-feed-messages .list-group-item {
    border: none
}

.feed-item-new p {
    margin: 6px 0 0;
    color: #6f6f6f;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: .1px
}

.feed-item-new p>a {
    color: #ff6122
}

.feed-item-new p>a:hover {
    text-decoration: underline
}

.feed-item-new h4 {
    color: #222;
    font-weight: 600;
    margin: 6px 0 0
}

.feed-item-new h5 {
    margin: 0;
    font-size: 14px
}

.feed-item-new small {
    color: #6f6f6f
}

.feed-item-new .meta {
    margin-top: 3px
}

.feed-item-new .content>small {
    display: block;
    font-size: 13px;
    line-height: 15px
}

.feed-item-new .meta>small {
    padding-right: 12px
}

.feed-item-new .cover {
    margin-right: 12px;
    -webkit-box-shadow: 0 2px 5px rgba(50,50,50,.28);
    box-shadow: 0 2px 5px rgba(50,50,50,.28)
}

.feed-item-new .offensive {
    display: block;
    color: #ff3f12
}

.feed-item-new .offensive .fa {
    position: relative;
    top: 1px;
    padding-right: 3px
}

.feed-item-new blockquote {
    color: #6f6f6f;
    font-size: 15px;
    line-height: 21px;
    text-indent: -20px;
    margin-bottom: 0;
    padding-left: 25px;
    quotes: "\201C" "\201D" "\2018" "\2019"
}

.feed-item-new blockquote:before {
    content: open-quote;
    color: #eee;
    font-size: 40px;
    line-height: 1px;
    vertical-align: -12px;
    margin-right: 2px
}

.feed-item-new blockquote:after {
    content: close-quote;
    color: #eee;
    font-size: 36px;
    line-height: 1px;
    vertical-align: -12px;
    margin-left: 3px
}

.feed-item-new>header {
    position: relative;
    padding: 9px 9px 8px 54px
}

.feed-item-new>header .avatar {
    position: absolute;
    top: 12px;
    left: 12px
}

.feed-item-new>header>h3 {
    display: block;
    margin: 3px 0 0;
    font-size: 14px;
    line-height: 15px
}

.feed-item-new>header time {
    display: block;
    line-height: 15px;
    font-size: 12px
}

.feed-item-new>header .from-name,.feed-item-new>header .timestamp {
    margin-left: 12px
}

.feed-item-new>header .from-name {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px
}

.feed-item-new>header .timestamp {
    font-size: 14px;
    line-height: 18px
}

.feed-item-new .panel-heading.message-heading {
    border-bottom: none;
    border-radius: 5px
}

.feed-item-new .panel-body.message.latest-replies {
    padding: 9px 9px 9px 12px
}

.feed-item-new .panel-body.message.latest-replies .avatar {
    display: inline-block;
    position: absolute
}

.feed-item-new .panel-body.message.latest-replies .message-wrapper {
    overflow-wrap: break-word;
    margin: 0 42px;
    line-height: 16px
}

.feed-item-new .panel-body.message.latest-replies .message-wrapper .from-name {
    color: #6f6f6f
}

.feed-item-new .panel-body.message.latest-replies .message-wrapper .body,.feed-item-new .panel-body.message.latest-replies .message-wrapper .from-name {
    display: inline
}

.feed-item-new .panel-body.message.latest-replies .message-wrapper .body pre,.feed-item-new .panel-body.message.latest-replies .message-wrapper .from-name pre {
    display: inline
}

.feed-item-new .panel-body.message.latest-replies .message-wrapper .timestamp {
    display: block
}

.feed-item-new .panel-body.message.latest-replies .button-group.dropdown {
    position: absolute;
    right: 18px;
    top: 6px
}

.feed-item-new .panel-body.message.latest-replies .extra-right {
    right: -19px;
    border-radius: 3px
}

.feed-item-new .dark-grey {
    color: #6f6f6f
}

.feed-item-new .panel-body.message {
    padding: 9px 18px
}

.feed-item-new .panel-body.message a:not(.username):not(.on-report):not(.on-delete):not(.on-mute):not(.on-unmute):not(.conduct-link):not(.safety-portal) {
    color: #ff6122
}

.feed-item-new .panel-body.message p {
    margin-top: 0
}

.feed-item-new .panel-body.message.new-message {
    padding: 9px 12px 12px 12px
}

.feed-item-new .panel-body.message.new-message pre {
    margin: 0;
    font-weight: 400
}

.feed-item-new .panel-body .panel {
    position: relative
}

.feed-item-new .panel-body .panel .list-group {
    margin: 0;
    border: none
}

.feed-item-new .panel-body .panel.dedication,.feed-item-new .panel-body .panel.list {
    padding: 0
}

.feed-item-new .panel-body .panel.follow {
    background-size: cover;
    color: #fff;
    padding: 12px 12px 12px 18px
}

.feed-item-new .panel-body .panel.follow .avatar {
    margin-right: 24px
}

.feed-item-new .panel-body .panel.follow header h4 {
    margin-top: 9px
}

.feed-item-new .panel-body .panel.follow small {
    font-size: 15px;
    margin-top: 3px;
    color: #fff
}

.feed-item-new .panel-body .panel.dedication header {
    position: relative;
    padding: 12px
}

.feed-item-new .panel-body .panel.dedication header:after,.feed-item-new .panel-body .panel.dedication header:before {
    content: " ";
    display: table
}

.feed-item-new .panel-body .panel.dedication header:after {
    clear: both
}

.feed-item-new .panel-body .panel.dedication header:after,.feed-item-new .panel-body .panel.dedication header:before {
    content: " ";
    display: table
}

.feed-item-new .panel-body .panel.dedication header:after {
    clear: both
}

.feed-item-new .panel-body .panel.dedication header .avatar {
    margin-right: 18px
}

.feed-item-new .panel-body .panel.dedication header h4 {
    margin-top: 9px
}

.feed-item-new .panel-body .panel.dedication header small {
    display: block;
    color: #fff
}

.feed-item-new .panel-body .panel.list {
    border-top-right-radius: 3px
}

.feed-item-new .panel-body .panel.list .panel-heading {
    display: block;
    border-bottom: none
}

.feed-item-new .panel-body .panel.list .panel-heading h4 {
    margin: 9px 0 0;
    font-size: 21px;
    line-height: 21px
}

.feed-item-new .panel-body .panel.list .panel-heading small {
    color: #fff
}

.feed-item-new .panel-body .panel.comment,.feed-item-new .panel-body .panel.vote {
    background: #fff
}

.feed-item-new .panel-body .panel.comment .cover,.feed-item-new .panel-body .panel.vote .cover {
    width: 64px;
    height: 100px
}

.feed-item-new .panel-body .panel.comment h4,.feed-item-new .panel-body .panel.vote h4 {
    font-size: 16px;
    line-height: 18px;
    margin: 6px 30px 3px 0
}

.feed-item-new .panel-body .panel.comment {
    padding: 0
}

.feed-item-new .panel-body .panel.comment .header {
    display: block;
    padding: 9px;
    border-bottom: 1px solid #eee
}

.feed-item-new .panel-body .panel.vote .meta {
    display: inline-block
}

.feed-item-new .panel-body .panel.vote .meta .fa {
    position: relative;
    top: 1px
}

.feed-item-new .panel-body .panel.story .content {
    margin-left: 135px
}

.feed-item-new .panel-body .panel.story .meta {
    margin-left: 0
}

.feed-item-new .panel-body .panel .panel-heading {
    padding: 12px;
    background-size: cover;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.25)
}

.feed-item-new li.list-group-item {
    position: relative
}

.feed-item-new li.list-group-item .avatar {
    margin-right: 18px
}

.feed-item-new li.list-group-item h4,.feed-item-new li.list-group-item h5 {
    font-size: 16px;
    line-height: 18px
}

.feed-item-new li.list-group-item .content {
    margin-left: 54px
}

.feed-item-new li.list-group-item .meta {
    margin-left: 54px
}

.feed-item-new li.list-group-item.single-item h4,.feed-item-new li.list-group-item.single-item h5 {
    margin: 6px 0 3px;
    line-height: 18px
}

.feed-item-new li.list-group-item.single-item .cover {
    width: 64px;
    height: 100px
}

.feed-item-new .replies-list .list-group {
    margin: 0
}

.feed-item-new .replies-list .list-group .list-group-item {
    background: #fff
}

.feed-item-new .replies-list .list-group .list-group-item .beautify-url {
    padding: 10px 0;
    background: 0 0
}

.feed-item-new .replies-list .list-group .list-group-item .beautify-url p {
    overflow: hidden
}

.feed-item-new .replies-list .list-group .list-group-item .beautify-url h4 {
    font-size: 24px
}

.feed-item-new .replies-list .list-group .list-group-item a.avatar {
    float: left;
    margin: 9px;
    padding: 0
}

.feed-item-new .replies-list .list-group .list-group-item a.avatar.avatar-xs2 {
    margin-top: 6px;
    position: absolute;
    left: 12px
}

.feed-item-new .replies-list .list-group .list-group-item .content {
    margin: 0 18px 0 54px;
    max-height: 202px;
    overflow: hidden
}

.feed-item-new .replies-list .list-group .list-group-item .content h4 {
    color: #6f6f6f;
    line-height: 110%;
    max-height: 58px;
    overflow: hidden;
    padding-bottom: 5px;
    margin: 0
}

.feed-item-new .replies-list .list-group .list-group-item .content h4 strong {
    padding-right: 3px;
    font-weight: 600
}

.feed-item-new .replies-list .list-group .list-group-item .content h4 time {
    padding-left: 3px;
    font-weight: 400
}

.feed-item-new .replies-list ul.menu {
    padding: 0;
    list-style-type: none;
    margin-bottom: 6px
}

.feed-item-new .replies-list ul.menu li {
    display: inline-block
}

.feed-item-new .replies-list ul.menu li+li:before {
    content: "\00b7";
    color: #6f6f6f;
    font-size: 30px;
    line-height: 1px;
    position: relative;
    top: 7px;
    padding: 0 6px 0 3px
}

.panel-body.message.reply-new.latest-replies {
    background-color: #fff
}

.panel-body.message.reply-new.latest-replies a.avatar {
    margin: 0
}

.panel-body.message.reply-new.latest-replies .message-wrapper .timestamp {
    display: inline-block
}

.panel-body.message.reply-new.latest-replies .reply-meta {
    color: #6f6f6f;
    margin-top: 0
}

.panel-body.message.reply-new.latest-replies .reply-meta .bullet {
    padding: 0 3px
}

.panel-body.message.reply-new.latest-replies .reply-meta .reply-wrapper {
    display: inline-block;
    font-size: 14px
}

#reading-list main .panel-heading,#results-people .panel-heading,#results-stories .panel-heading {
    padding-left: 18px;
    background: #fff;
    border-bottom: none
}

#reading-list main .panel-heading h4,#results-people .panel-heading h4,#results-stories .panel-heading h4 {
    color: #6f6f6f;
    font-size: 16px;
    line-height: 18px;
    margin: 8px 0 0;
    text-transform: uppercase
}

#reading-list main .panel .list-group,#results-people .panel .list-group,#results-stories .panel .list-group {
    margin: 0;
    border-radius: 0;
    border: none
}

#reading-list main .panel .list-group .list-group-item,#results-people .panel .list-group .list-group-item,#results-stories .panel .list-group .list-group-item {
    border: none
}

#reading-list main li>a:not(.tag-item):not(.story-card):not(.stats-label):not(.icon-container):not(.profile-card),#reading-list main li>div:not(.tag-item):not(.story-card):not(.stats-label):not(.icon-container):not(.profile-card),#results-people li>a:not(.tag-item):not(.story-card):not(.stats-label):not(.icon-container):not(.profile-card),#results-people li>div:not(.tag-item):not(.story-card):not(.stats-label):not(.icon-container):not(.profile-card),#results-stories li>a:not(.tag-item):not(.story-card):not(.stats-label):not(.icon-container):not(.profile-card),#results-stories li>div:not(.tag-item):not(.story-card):not(.stats-label):not(.icon-container):not(.profile-card) {
    text-decoration: none;
    background: #fff
}

#reading-list main li>a h5,#reading-list main li>div h5,#results-people li>a h5,#results-people li>div h5,#results-stories li>a h5,#results-stories li>div h5 {
    color: #222;
    font-weight: 600
}

#reading-list main li>a:hover:not(.tag-item):not(.story-card):not(.stats-label):not(.icon-container),#results-people li>a:hover:not(.tag-item):not(.story-card):not(.stats-label):not(.icon-container),#results-stories li>a:hover:not(.tag-item):not(.story-card):not(.stats-label):not(.icon-container) {
    text-decoration: none;
    background: #fafafa
}

#reading-list main .panel,#results-stories .panel {
    overflow: visible
}

#reading-list main .panel-heading,#results-stories .panel-heading {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

#reading-list main .panel-heading .button-group,#results-stories .panel-heading .button-group {
    position: absolute;
    padding: 12px;
    top: 5px;
    right: 9px
}

#reading-list main .panel-heading .button-group .triangle,#results-stories .panel-heading .button-group .triangle {
    border-color: transparent transparent #f3f3f3 transparent;
    top: 89%
}

#reading-list main .panel-heading .button-group .dropdown-menu,#results-stories .panel-heading .button-group .dropdown-menu {
    background: #f3f3f3;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    top: 92%;
    margin: 0;
    border: none
}

#reading-list main .panel-heading .button-group .dropdown-menu li a,#results-stories .panel-heading .button-group .dropdown-menu li a {
    height: auto;
    padding: 6px 33px 6px 9px;
    position: relative;
    color: #6f6f6f;
    background: #f3f3f3
}

#reading-list main .panel-heading .button-group .dropdown-menu li a.active,#results-stories .panel-heading .button-group .dropdown-menu li a.active {
    color: #6f6f6f;
    background: #ebebeb
}

#reading-list main .panel-heading .button-group .dropdown-menu li a .fa,#results-stories .panel-heading .button-group .dropdown-menu li a .fa {
    position: absolute;
    right: 9px;
    top: 7px
}

#reading-list main .list-group li>a .cover,#reading-list main .list-group li>div .cover,#results-stories .list-group li>a .cover,#results-stories .list-group li>div .cover {
    width: 80px;
    height: 125px;
    margin-right: 12px
}

#reading-list main .list-group li>a .meta,#reading-list main .list-group li>div .meta,#results-stories .list-group li>a .meta,#results-stories .list-group li>div .meta {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#reading-list main .list-group li>a .meta small,#reading-list main .list-group li>div .meta small,#results-stories .list-group li>a .meta small,#results-stories .list-group li>div .meta small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: #eee
}

#reading-list main .list-group li>a .meta .fa,#reading-list main .list-group li>div .meta .fa,#results-stories .list-group li>a .meta .fa,#results-stories .list-group li>div .meta .fa {
    padding-right: 3px;
    position: relative
}

#reading-list main .list-group li>a .content,#reading-list main .list-group li>div .content,#results-stories .list-group li>a .content,#results-stories .list-group li>div .content {
    margin-left: 92px
}

#reading-list main .list-group li>a .content h5,#reading-list main .list-group li>div .content h5,#results-stories .list-group li>a .content h5,#results-stories .list-group li>div .content h5 {
    margin: 0
}

#reading-list main .list-group li>a .content .paid-indicator,#reading-list main .list-group li>div .content .paid-indicator,#results-stories .list-group li>a .content .paid-indicator,#results-stories .list-group li>div .content .paid-indicator {
    margin-bottom: 6px
}

#reading-list main .list-group li>a .content .story-title-heading,#reading-list main .list-group li>div .content .story-title-heading,#results-stories .list-group li>a .content .story-title-heading,#results-stories .list-group li>div .content .story-title-heading {
    margin-bottom: 6px;
    margin-top: 0
}

#reading-list main .list-group li>a .content small,#reading-list main .list-group li>div .content small,#results-stories .list-group li>a .content small,#results-stories .list-group li>div .content small {
    font-size: 12px;
    line-height: 18px;
    color: #6f6f6f
}

#reading-list main .list-group li>a .content small.tag,#reading-list main .list-group li>div .content small.tag,#results-stories .list-group li>a .content small.tag,#results-stories .list-group li>div .content small.tag {
    font-size: 13px;
    line-height: 18px;
    color: #6f6f6f;
    padding: 0 8px
}

#reading-list main .list-group li>a .content p,#reading-list main .list-group li>div .content p,#results-stories .list-group li>a .content p,#results-stories .list-group li>div .content p {
    font-size: 15px;
    line-height: 21px;
    margin-top: 6px;
    color: #6f6f6f;
    margin-bottom: 6px
}

#reading-list main .list-group li>a .content ul.story-details,#reading-list main .list-group li>div .content ul.story-details,#results-stories .list-group li>a .content ul.story-details,#results-stories .list-group li>div .content ul.story-details {
    list-style-type: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 3px
}

#reading-list main .list-group li>a .content ul.story-details li,#reading-list main .list-group li>div .content ul.story-details li,#results-stories .list-group li>a .content ul.story-details li,#results-stories .list-group li>div .content ul.story-details li {
    display: inline-block;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px
}

#reading-list main .list-group li>a .content ul.story-details li+li:before,#reading-list main .list-group li>div .content ul.story-details li+li:before,#results-stories .list-group li>a .content ul.story-details li+li:before,#results-stories .list-group li>div .content ul.story-details li+li:before {
    content: "\00b7";
    color: #6f6f6f;
    font-size: 30px;
    position: relative;
    top: 6px;
    padding: 0 6px 0 3px;
    line-height: 1px
}

#reading-list main footer,#results-people footer,#results-stories footer {
    padding: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

#reading-list main footer button,#results-people footer button,#results-stories footer button {
    padding: 15px
}

#reading-list main .list-group-item {
    min-height: 130px;
    padding: 3px;
    background: #fff
}

.avatar {
    border-radius: 50%;
    display: block;
    background-color: #eee
}

.avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.avatar.border {
    border: 1px solid #fff;
    background: #eee;
    -webkit-box-shadow: 0 0 5px rgba(0,0,3,.15);
    box-shadow: 0 0 5px rgba(0,0,3,.15)
}

.avatar.border img {
    padding: 1px
}

.avatar.border-lg {
    border: 2px solid #fff
}

.avatar.shadow {
    -webkit-box-shadow: 0 1px 5px rgba(0,0,3,.3);
    box-shadow: 0 1px 5px rgba(0,0,3,.3)
}

.avatar.avatar-xs {
    width: 24px;
    height: 24px
}

.avatar.avatar-xs2 {
    width: 30px;
    height: 30px
}

.avatar.avatar-sm {
    width: 32px;
    height: 32px
}

.avatar.avatar-sm2 {
    width: 36px;
    height: 36px
}

.avatar.avatar-sm3 {
    width: 42px;
    height: 42px
}

.avatar.avatar-md {
    width: 48px;
    height: 48px
}

.avatar.avatar-lg {
    width: 72px;
    height: 72px
}

.avatar.avatar-profile {
    width: 96px;
    height: 96px
}

.avatar.avatar-xl {
    width: 132px;
    height: 132px
}

.avatar.avatar-logo {
    padding: 3px;
    background-color: #ff6122
}

.avatar.avatar-logo img {
    background-color: #ff6122
}

.avatar.avatar-square {
    border-radius: 0
}

.user-event {
    background: #fff;
    -webkit-box-shadow: 0 1px 4px 0 #eee;
    box-shadow: 0 1px 4px 0 #eee;
    margin: 12px 0;
    padding: 12px
}

.user-event.self {
    border-left: 4px solid #ff6122
}

.user-event.external {
    border-left: 4px solid #eee
}

.user-event blockquote {
    margin-left: 10px
}

.user-event header {
    line-height: 18px;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    min-height: 32px
}

.user-event header>a.avatar {
    position: absolute;
    top: 2px;
    left: 0
}

.user-event header>div {
    margin-left: 44px;
    margin-right: 59px
}

.user-event header>time {
    position: absolute;
    top: 0;
    right: 0
}

.user-event .story-meta {
    position: relative;
    min-height: 150px
}

.user-event .story-meta>a.cover {
    position: absolute;
    top: 0;
    left: 0
}

.user-event .story-meta>a.cover img {
    -webkit-box-shadow: 0 2px 3px 0 #6f6f6f;
    box-shadow: 0 2px 3px 0 #6f6f6f;
    border-bottom: 1px solid #6f6f6f
}

.user-event .story-meta>div {
    margin-left: 108px
}

.user-event .story-meta>div>div.meta>span {
    margin-right: 12px
}

.user-event .story-meta button {
    margin-right: 6px
}

.user-event .user-meta {
    position: relative;
    min-height: 72px
}

.user-event .user-meta>a.avatar {
    position: absolute;
    top: 0;
    left: 0
}

.user-event .user-meta>div {
    margin-left: 84px
}

.user-event .user-meta button {
    margin-right: 6px
}

.user-event .title {
    font-size: 16px;
    line-height: 24px
}

.user-event .subtitle {
    font-size: 14px;
    line-height: 24px;
    color: #eee
}

.user-event .reply {
    margin-left: 10px
}

.user-event div.warning {
    margin-top: 12px
}

.user-event .message-replies {
    margin-right: -12px;
    margin-left: -12px
}

.user-event .message-replies>.show-more {
    margin: 12px
}

.user-event .message-replies>.collection>.user-event {
    margin: 0;
    background: #eee
}

.user-event .message-replies>.collection>.user-event header,.user-event .message-replies>.collection>.user-event>pre {
    margin-left: 12px
}

.user-event .message-replies-box .message-new .triangle {
    display: none
}

#deep-link-message>.user-event {
    padding: 12px;
    border-radius: 12px;
    background-color: #c3d8dc;
    border-left: none
}

.vhcenter {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none
}

.no-item {
    padding: 15px
}

.page-rip:after {
    content: "";
    width: 100%;
    height: 20px;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(#eee 0,transparent 0),linear-gradient(135deg,#fff 33.33%,transparent 33.33%) 0 0,#eee linear-gradient(45deg,#fff 33.33%,#eee 33.33%) 0 0;
    background: -moz-linear-gradient(#eee 0,transparent 0),-moz-linear-gradient(135deg,#fff 33.33%,transparent 33.33%) 0 0,#eee -moz-linear-gradient(45deg,#fff 33.33%,#eee 33.33%) 0 0;
    background-repeat: repeat-x;
    background-size: 0 100%,18px 36px,18px 36px;
    background-position: center
}

.page-rip:before {
    content: "";
    width: 100%;
    height: 20px;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(#fff 0,transparent 0),linear-gradient(135deg,#eee 33.33%,transparent 33.33%) 0 0,#eee linear-gradient(45deg,#eee 33.33%,#fff 33.33%) 0 0;
    background: -moz-linear-gradient(#fff 0,transparent 0),-moz-linear-gradient(135deg,#eee 33.33%,transparent 33.33%) 0 0,#eee -moz-linear-gradient(45deg,#eee 33.33%,#fff 33.33%) 0 0;
    background-repeat: repeat-x;
    background-size: 0 100%,18px 36px,18px 36px;
    background-position: center
}

.push-container {
    margin-top: 56px
}

.wp-panel {
    margin-bottom: 24px;
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    padding: 18px;
    border: none
}

.wp-panel>.list-group {
    margin-bottom: 0
}

.wp-panel>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.wp-panel>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

.wp-panel>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.wp-panel>.panel-collapse>.table,.wp-panel>.table,.wp-panel>.table-responsive>.table {
    margin-bottom: 0
}

.wp-panel>.table-responsive:first-child>.table:first-child,.wp-panel>.table:first-child {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

.wp-panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.wp-panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.wp-panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.wp-panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.wp-panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.wp-panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.wp-panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.wp-panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 2px
}

.wp-panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.wp-panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.wp-panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.wp-panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.wp-panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.wp-panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.wp-panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.wp-panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 2px
}

.wp-panel>.table-responsive:last-child>.table:last-child,.wp-panel>.table:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.wp-panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.wp-panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.wp-panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.wp-panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.wp-panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.wp-panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.wp-panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.wp-panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 2px
}

.wp-panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.wp-panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.wp-panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.wp-panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.wp-panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.wp-panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.wp-panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.wp-panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 2px
}

.wp-panel>.panel-body+.table,.wp-panel>.panel-body+.table-responsive {
    border-top: 1px solid #ddd
}

.wp-panel>.table>tbody:first-child>tr:first-child td,.wp-panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.wp-panel>.table-bordered,.wp-panel>.table-responsive>.table-bordered {
    border: 0
}

.wp-panel>.table-bordered>tbody>tr>td:first-child,.wp-panel>.table-bordered>tbody>tr>th:first-child,.wp-panel>.table-bordered>tfoot>tr>td:first-child,.wp-panel>.table-bordered>tfoot>tr>th:first-child,.wp-panel>.table-bordered>thead>tr>td:first-child,.wp-panel>.table-bordered>thead>tr>th:first-child,.wp-panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.wp-panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.wp-panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.wp-panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.wp-panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.wp-panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.wp-panel>.table-bordered>tbody>tr>td:last-child,.wp-panel>.table-bordered>tbody>tr>th:last-child,.wp-panel>.table-bordered>tfoot>tr>td:last-child,.wp-panel>.table-bordered>tfoot>tr>th:last-child,.wp-panel>.table-bordered>thead>tr>td:last-child,.wp-panel>.table-bordered>thead>tr>th:last-child,.wp-panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.wp-panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.wp-panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.wp-panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.wp-panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.wp-panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.wp-panel>.table-bordered>tbody>tr:first-child>td,.wp-panel>.table-bordered>tbody>tr:first-child>th,.wp-panel>.table-bordered>thead>tr:first-child>td,.wp-panel>.table-bordered>thead>tr:first-child>th,.wp-panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.wp-panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.wp-panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.wp-panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.wp-panel>.table-bordered>tbody>tr:last-child>td,.wp-panel>.table-bordered>tbody>tr:last-child>th,.wp-panel>.table-bordered>tfoot>tr:last-child>td,.wp-panel>.table-bordered>tfoot>tr:last-child>th,.wp-panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.wp-panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.wp-panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.wp-panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.wp-panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.wp-panel.panel-transparent {
    background-color: transparent
}

.wp-panel.panel-transparent .panel-heading {
    background-color: #fff;
    background-color: rgba(255,255,255,.85);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.wp-panel.panel-transparent .panel-body {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.wp-panel.panel-transparent .panel-body:first-child {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.wp-panel.panel-transparent .panel-body:last-child {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.wp-panel.panel-transparent .panel-body>hr {
    border-top-color: #ccc
}

.wp-panel.panel-transparent .panel-footer {
    background-color: rgba(220,220,220,.85);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.wp-panel.panel-basic {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom: 1px solid #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}

.wp-panel.panel-basic .panel-heading {
    padding: 18px 18px 0
}

.wp-panel.panel-basic .panel-heading>.panel-title {
    color: #6f6f6f;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 0
}

.wp-panel.panel-basic .panel-body {
    padding: 18px
}

.wp-panel.panel-shadow {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 6px .05px rgba(0,0,0,.2);
    box-shadow: 0 1px 6px .05px rgba(0,0,0,.2)
}

.wp-panel.panel-shadow .panel-heading {
    padding: 18px 18px 0
}

.wp-panel.panel-shadow .panel-heading>.panel-title {
    color: #6f6f6f;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 0
}

.wp-panel.panel-shadow .panel-body {
    padding: 18px
}

.wp-panel.panel-reading {
    padding: 18px;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 5px -1px rgba(0,0,0,.165);
    box-shadow: 0 2px 5px -1px rgba(0,0,0,.165)
}

.wp-panel.panel-reading pre {
    margin: 0;
    font-size: 18px;
    line-height: 30px;
    color: #222;
    white-space: inherit
}

@media (min-width: 992px) {
    .wp-panel.panel-reading pre {
        min-height:255px
    }
}

.wp-panel.notification:active,.wp-panel.notification:focus,.wp-panel.notification:hover {
    background-color: #eee
}

.wp-panel.feed-item-new {
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 5px rgba(120,120,120,.25);
    box-shadow: 0 2px 5px rgba(120,120,120,.25);
    border: none;
    overflow: hidden
}

.wp-panel.feed-item-new .panel-heading {
    border-bottom: 1px solid #eee;
    background-color: #fff;
    min-height: 54px;
    padding-right: 48px
}

.wp-panel.feed-item-new .panel-heading .button-group {
    position: absolute;
    top: 11px;
    right: 18px
}

.wp-panel.feed-item-new .panel-heading .button-group .triangle {
    top: 88%
}

.wp-panel.feed-item-new .panel-heading .button-group .dropdown-menu {
    top: 88%;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.133);
    box-shadow: 0 1px 6px rgba(0,0,0,.133)
}

.wp-panel.feed-item-new .panel-body {
    background-color: #fff
}

.wp-panel.feed-item-new .panel-body .panel {
    background: #fff;
    display: block;
    padding: 9px;
    margin: 0;
    border-radius: 3px;
    color: #6f6f6f;
    border: 1px solid #eee;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    border-top-right-radius: 0
}

.wp-panel.feed-item-new .panel-body .panel:after,.wp-panel.feed-item-new .panel-body .panel:before {
    content: " ";
    display: table
}

.wp-panel.feed-item-new .panel-body .panel:after {
    clear: both
}

.wp-panel.feed-item-new .panel-body .panel:after,.wp-panel.feed-item-new .panel-body .panel:before {
    content: " ";
    display: table
}

.wp-panel.feed-item-new .panel-body .panel:after {
    clear: both
}

.wp-panel.feed-item-new .panel-body .panel .ul {
    margin: 0;
    border: 0
}

.wp-panel.feed-item-new .panel-body>a {
    color: #6f6f6f;
    background: #fff
}

.wp-panel.feed-item-new .panel-body>a:hover {
    text-decoration: none
}

.wp-panel.feed-item-new .list-group {
    margin: 9px;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #eee
}

.wp-panel.feed-item-new .list-group .list-group-item {
    background: #eee;
    padding: 0;
    position: relative;
    border-left: none;
    border-right: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-color: #eee
}

.wp-panel.feed-item-new .list-group .list-group-item>a,.wp-panel.feed-item-new .list-group .list-group-item>div.item-content {
    padding: 9px;
    display: block;
    background-color: #fff;
    -webkit-transition: background-color 180ms ease;
    transition: background-color 180ms ease
}

.wp-panel.feed-item-new .list-group .list-group-item>a:after,.wp-panel.feed-item-new .list-group .list-group-item>a:before,.wp-panel.feed-item-new .list-group .list-group-item>div.item-content:after,.wp-panel.feed-item-new .list-group .list-group-item>div.item-content:before {
    content: " ";
    display: table
}

.wp-panel.feed-item-new .list-group .list-group-item>a:after,.wp-panel.feed-item-new .list-group .list-group-item>div.item-content:after {
    clear: both
}

.wp-panel.feed-item-new .list-group .list-group-item>a:after,.wp-panel.feed-item-new .list-group .list-group-item>a:before,.wp-panel.feed-item-new .list-group .list-group-item>div.item-content:after,.wp-panel.feed-item-new .list-group .list-group-item>div.item-content:before {
    content: " ";
    display: table
}

.wp-panel.feed-item-new .list-group .list-group-item>a:after,.wp-panel.feed-item-new .list-group .list-group-item>div.item-content:after {
    clear: both
}

.wp-panel.feed-item-new .panel-footer {
    min-height: 36px;
    background: #fff;
    margin-bottom: 1px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 0 15px;
    border-top: 1px solid #eee
}

.wp-panel.feed-item-new .panel-footer.message-new,.wp-panel.feed-item-new .panel-footer.new-message,.wp-panel.feed-item-new .panel-footer.new-post {
    background: #eee;
    border: none;
    padding: 0
}

.wp-panel.feed-item-new .panel-footer.message-new .triangle,.wp-panel.feed-item-new .panel-footer.new-message .triangle,.wp-panel.feed-item-new .panel-footer.new-post .triangle {
    left: 3px
}

.wp-panel .wp-hero {
    margin-left: -18px;
    margin-right: -18px;
    text-align: center;
    overflow: auto
}

.wp-panel .wp-hero:first-child {
    margin-top: -18px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.wp-panel .wp-hero h1:first-child,.wp-panel .wp-hero h2:first-child,.wp-panel .wp-hero h3:first-child,.wp-panel .wp-hero h4:first-child,.wp-panel .wp-hero h5:first-child,.wp-panel .wp-hero h6:first-child {
    margin-top: 0
}

.wp-panel .wp-hero.vcenter:before {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-left: -4px
}

.wp-panel .wp-hero.vcenter>div {
    display: inline-block;
    margin: auto;
    vertical-align: middle
}

.deleted-tag {
    color: #faada1
}

.draft-tag {
    color: #c3d8dc
}

.cover {
    display: block;
    background-color: #eee
}

.cover img {
    width: 100%;
    height: 100%
}

.cover.cover-xxs {
    width: 28px;
    height: 43px
}

.cover.cover-xxs.list {
    width: 36px
}

.cover.cover-xs {
    width: 50px;
    height: 78px
}

.cover.cover-xs.list {
    width: 58px
}

.cover.cover-sm-works {
    width: 80px;
    height: 125px
}

.cover.cover-sm-works.list {
    width: 96px
}

.cover.cover-sm {
    width: 96px;
    height: 150px
}

.cover.cover-sm.list {
    width: 112px
}

.cover.cover-md {
    width: 123px;
    height: 192px
}

.cover.cover-md.list {
    width: 144px
}

.cover.cover-home {
    width: 142px;
    height: 221px
}

.cover.cover-md-list {
    width: 142px;
    height: 221px
}

.cover.cover-lg {
    width: 180px;
    height: 281px
}

.cover.cover-lg.list {
    width: 212px
}

.cover.cover-xlg {
    width: 195px;
    height: 304px
}

.cover.cover-xxlg {
    width: 256px;
    height: 400px
}

.cover.shadow {
    -webkit-box-shadow: 0 2px 3px 0 #eee;
    box-shadow: 0 2px 3px 0 #eee;
    border-bottom: 1px solid #eee
}

.background {
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: #6f6f6f;
    background-position: center center;
    background-repeat: repeat;
    background-size: cover
}

.background.text-left {
    text-align: left
}

.background.text-right {
    text-align: right
}

.background.background-sm {
    height: 102px
}

.background.background-md {
    height: 144px
}

.background.background-lg {
    padding-top: 54px
}

.background.background-lg>.sub-navigation {
    margin-top: 36px
}

.background.background-lg h3,.background.background-lg h5 {
    position: relative;
    z-index: 2;
    text-shadow: 0 0 5px rgba(0,0,0,.75)
}

.background.background-lg h3 {
    margin-top: 18px;
    margin-bottom: 6px
}

.background.background-lg p {
    margin-top: 6px
}

.drag-item-placeholder {
    border-bottom: 1px solid #eee;
    background-color: #eee
}

.active-drag {
    position: absolute!important;
    z-index: 5;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    -webkit-box-shadow: 0 0 50px #6f6f6f;
    box-shadow: 0 0 50px #6f6f6f
}

.drag-handle {
    margin: 0 24px;
    cursor: row-resize;
    display: inline-block
}

.drag-handle .fa {
    font-size: 28px
}

@media (max-width: 767px) {
    .drag-handle {
        margin:0 10px
    }
}

.new-message-new {
    padding-bottom: 0
}

.message-new,.new-post {
    position: relative;
    margin: 0;
    width: 100%;
    padding: 12px
}

.message-new .avatar.avatar-md,.new-post .avatar.avatar-md {
    position: absolute;
    left: 12px;
    height: 42px;
    width: 42px
}

.message-new .avatar.avatar-xs2,.new-post .avatar.avatar-xs2 {
    position: absolute;
    left: 12px;
    height: 30px;
    width: 30px
}

.message-new .message,.new-post .message {
    margin-left: 54px;
    position: relative
}

.message-new .message textarea,.new-post .message textarea {
    resize: vertical;
    height: 42px;
    padding: 10px 15px;
    color: #6f6f6f;
    line-height: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 250ms cubic-bezier(.845,.17,.75,.75);
    transition: all 250ms cubic-bezier(.845,.17,.75,.75)
}

.message-new .message textarea.active,.new-post .message textarea.active {
    height: 84px
}

.message-new .message textarea:focus,.new-post .message textarea:focus {
    border-color: #e1e1e1;
    color: #6f6f6f;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.1);
    box-shadow: 0 0 2px rgba(0,0,0,.1)
}

.message-new .message .new-textarea,.new-post .message .new-textarea {
    border-radius: 5px
}

.message-new .message .post-ui .broadcast-checkbox-label,.new-post .message .post-ui .broadcast-checkbox-label {
    font-size: 14px;
    color: #6f6f6f;
    margin: 0 5px
}

.message-new .message .post-ui .broadcast-info,.new-post .message .post-ui .broadcast-info {
    position: relative;
    top: 1px
}

.message-new .message .count-error,.new-post .message .count-error {
    color: #ff3f12
}

@media (max-width: 360px) {
    .message-new .message textarea,.new-post .message textarea {
        font-size:14px;
        padding: 1px 3px
    }
}

.message-new .new-message-view,.new-post .new-message-view {
    margin-left: 48px
}

.message-new .new-message-view .post-ui>div.broadcast,.new-post .new-message-view .post-ui>div.broadcast {
    display: inline-block;
    left: 0;
    bottom: 0
}

.message-new .post-ui,.new-post .post-ui {
    height: 40px
}

.message-new .post-ui .post-counter,.new-post .post-ui .post-counter {
    padding: 6px 1%;
    font-size: 13px;
    color: #6f6f6f
}

.message-new .post-ui button,.new-post .post-ui button {
    margin-top: 5px
}

.message-new .warning,.new-post .warning {
    padding-top: 5px;
    font-size: 13px;
    color: #6f6f6f
}

.story-details {
    padding: 18px
}

.story-details>div {
    padding: 6px 0;
    position: relative
}

.story-details>div>span:first-child {
    position: absolute;
    top: 8px;
    left: 0
}

.story-details>div img+div+span,.story-details>div img+span,.story-details>div span+div+span,.story-details>div>span+span {
    display: block;
    margin-left: 40px;
    color: #6f6f6f;
    font-weight: 400
}

.story-details>div>a {
    padding: 0;
    margin-left: 40px;
    font-weight: 400;
    color: #099
}

.story-details>div>a:focus,.story-details>div>a:hover {
    color: #00b2b2
}

.story-details .tag-ranking {
    overflow: hidden
}

.story-details .tag-ranking .tag-ranking-medal {
    float: left
}

.story-details .tag-ranking span {
    display: inline-block;
    margin-left: 18px
}

.story-details .tag-ranking span b {
    font-weight: 600
}

.story-details .tag-ranking a {
    margin: 0 0 0 18px;
    padding: 4px 9px;
    border: solid 1px #00b2b2;
    border-radius: 4px;
    color: #00b2b2;
    font-size: 14px;
    white-space: nowrap
}

.comment-marker {
    position: absolute;
    bottom: -10px;
    right: 5px;
    padding: 0 3px 3px 3px
}

@media (max-width: 768px) {
    .comment-marker {
        right:0
    }
}

.comment-marker.hide-marker {
    visibility: hidden
}

.comment-marker .num-comment {
    position: absolute;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    left: 50%;
    top: -5px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

@media (max-width: 450px) {
    .comment-marker .num-comment {
        top:-2px
    }
}

.comment-marker:hover {
    cursor: pointer;
    opacity: .5
}

#story-reading p[data-p-id]:active .hide-marker,#story-reading p[data-p-id]:focus .hide-marker,#story-reading p[data-p-id]:hover .hide-marker {
    visibility: visible!important
}

.library-item {
    position: relative;
    min-height: 120px;
    display: inline-block;
    color: #6f6f6f;
    margin-bottom: 18px;
    width: 100%
}

.library-item .cover {
    position: absolute;
    top: 0;
    left: 18px;
    width: 77px;
    height: 120px;
    -webkit-box-shadow: 0 1px 2px 0 #6f6f6f;
    box-shadow: 0 1px 2px 0 #6f6f6f
}

.library-item .content {
    margin-left: 113px;
    margin-right: 18px;
    color: #6f6f6f
}

.library-item .content h3 {
    max-height: 63px;
    font-size: 18px;
    line-height: 21px;
    padding-bottom: 1px;
    overflow: hidden;
    margin: 3px 0 0;
    font-weight: 400
}

.library-item .content small {
    display: block;
    margin-top: 3px;
    color: #6f6f6f
}

.library-item .content .x-small {
    opacity: 0;
    font-size: 13px;
    line-height: 15px;
    color: #6f6f6f;
    -webkit-transition: opacity 320ms ease-in;
    transition: opacity 320ms ease-in
}

.library-item .content .reading-progress {
    position: relative;
    width: 100%;
    height: 3px;
    margin: 6px 0;
    background: #eee
}

.library-item .content .reading-progress .pct-read {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: #00b2b2
}

.library-item:hover {
    text-decoration: none;
    color: #6f6f6f
}

.library-item:hover .content .x-small {
    opacity: 1;
    -webkit-transition: opacity 160ms ease-in;
    transition: opacity 160ms ease-in
}

@media (min-width: 768px) and (max-width:991px) {
    .library-item {
        min-height:96px
    }

    .library-item .cover {
        height: 96px;
        width: 62px
    }

    .library-item .content {
        margin-left: 92px
    }

    .library-item .content h3 {
        font-size: 16px;
        line-height: 18px;
        max-height: 54px
    }

    .library-item .content small {
        font-size: 13px
    }
}

.browse-story-item {
    position: relative;
    display: inline-block;
    margin: 26px 0 0 20px;
    vertical-align: top;
    font-size: 16px;
    width: 447px;
    overflow: hidden
}

.browse-story-item:nth-child(even) {
    margin-right: 0
}

.browse-story-item .cover {
    width: 142px;
    float: left;
    height: auto
}

.browse-story-item .cover-module-large {
    width: 407px;
    height: 222px
}

.browse-story-item .content {
    width: 295px;
    float: left;
    margin-left: 10px
}

.browse-story-item .story-rank {
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.browse-story-item .story-rank span {
    padding: 3px 8px;
    background-color: #ff6122
}

.browse-story-item .ranking {
    display: inline;
    font-weight: 600;
    vertical-align: text-bottom;
    background-color: #eee;
    color: #fff;
    border-radius: 3px;
    padding-left: 6px;
    padding-right: 6px
}

.browse-story-item .title {
    font-weight: 600;
    color: #222;
    font-size: 18px;
    line-height: 24px;
    height: 24px;
    overflow: hidden
}

.browse-story-item .title.meta {
    display: inline
}

.browse-story-item .username {
    color: #6f6f6f;
    font-size: 15px;
    height: 18px;
    line-height: 18px;
    overflow: hidden
}

.browse-story-item .story-status {
    float: left;
    font-size: 14px
}

.browse-story-item .story-status .label {
    margin-right: 5px
}

.browse-story-item .meta {
    display: block;
    margin-bottom: 3px
}

.browse-story-item .category {
    color: #6f6f6f;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 0
}

.browse-story-item .description {
    font-size: 15px
}

.browse-story-item .component-wrapper {
    margin-top: 5px
}

@media (max-width: 768px) {
    .browse-story-item {
        max-height:200px;
        max-width: 340px;
        overflow: hidden
    }

    .browse-story-item .username {
        font-size: 14px
    }

    .browse-story-item .description {
        font-size: 12px;
        line-height: 14px
    }

    .browse-story-item .cover {
        width: 92px
    }

    .browse-story-item .meta {
        font-size: 12px
    }

    .browse-story-item .content {
        width: 238px
    }

    .browse-story-item .title.meta {
        display: inline-block;
        margin: 0;
        height: 18px;
        width: 240px;
        line-height: 16px;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.library-story-item {
    position: relative;
    display: inline-block;
    width: 16%;
    margin: 30px 2% 6px;
    vertical-align: top;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media (min-width: 991px) {
    .library-story-item:nth-child(1),.library-story-item:nth-child(2),.library-story-item:nth-child(3),.library-story-item:nth-child(4),.library-story-item:nth-child(5),.library-story-item:nth-child(6) {
        -webkit-box-ordinal-group:0;
        -ms-flex-order: -1;
        order: -1
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .library-story-item {
        width:21%
    }

    .library-story-item:nth-child(1),.library-story-item:nth-child(2),.library-story-item:nth-child(3),.library-story-item:nth-child(4),.library-story-item:nth-child(5) {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

@media (min-width: 600px) and (max-width:767px) {
    .library-story-item {
        width:28.7%;
        margin-left: 2.3%;
        margin-right: 2.3%
    }

    .library-story-item:nth-child(1),.library-story-item:nth-child(2),.library-story-item:nth-child(3),.library-story-item:nth-child(4) {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

@media (max-width: 599px) {
    .library-story-item {
        width:42%;
        margin-left: 4%;
        margin-right: 4%
    }

    .library-story-item:nth-child(1),.library-story-item:nth-child(2),.library-story-item:nth-child(3) {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.library-story-item .cover {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 0 14px 2px rgba(34,34,34,.08),0 0 10px 1px rgba(34,34,34,.1);
    box-shadow: 0 0 14px 2px rgba(34,34,34,.08),0 0 10px 1px rgba(34,34,34,.1);
    margin-bottom: 9px;
    border-radius: 4px
}

.library-story-item .cover img {
    border-radius: 4px
}

.library-story-item .content {
    position: relative
}

.library-story-item .content strong {
    display: block;
    font-weight: 600;
    color: #222;
    margin-right: 38px;
    line-height: 18px;
    margin-bottom: 0
}

.library-story-item .content small {
    display: block;
    color: #6f6f6f;
    margin-right: 38px;
    line-height: 18px;
    margin-bottom: 6px
}

.library-story-item .content small,.library-story-item .content strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.library-story-item .content .meta .label {
    padding: .2em .6em .3em
}

.library-story-item .content .avatar {
    position: absolute;
    top: 0;
    right: 0
}

.library-story-item .percentage-read {
    display: block;
    width: 100%;
    height: 5px;
    background-color: #eee;
    position: relative;
    margin-bottom: 12px
}

.library-story-item .percentage-position {
    display: block;
    height: 5px;
    background-color: #ff6122;
    position: absolute;
    top: 0
}

.library-story-item.library-list .cover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent
}

.library-story-item.library-list .content strong {
    text-overflow: initial;
    white-space: normal;
    margin: 9px 0 0;
    font-size: 14px
}

.library-story-item.library-list .content small {
    margin: 0;
    font-size: 13px
}

.library-story-item .reading-list-dropdown {
    position: relative
}

.library-story-item .story-overlay [data-toggle=tooltip],.reading-list .story-overlay [data-toggle=tooltip] {
    cursor: pointer
}

.library-story-item .story-overlay .overlay-bg,.reading-list .story-overlay .overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #222;
    opacity: .7;
    z-index: 1;
    border-radius: 4px
}

.library-story-item .story-overlay .overlay-container,.reading-list .story-overlay .overlay-container {
    position: absolute;
    top: 24px;
    left: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
    padding: 10%
}

.library-story-item .story-overlay .overlay-container .btn,.reading-list .story-overlay .overlay-container .btn {
    margin-bottom: 12px
}

.library-story-item .story-overlay .quick-controls,.reading-list .story-overlay .quick-controls {
    position: relative;
    width: 100%;
    z-index: 3
}

.library-story-item .story-overlay .quick-controls>button,.reading-list .story-overlay .quick-controls>button {
    padding: 12px;
    float: right
}

.library-story-item .story-overlay .quick-controls>button .fa,.reading-list .story-overlay .quick-controls>button .fa {
    padding: 0
}

@media (min-width: 1400px) {
    .library-story-item .story-overlay .quick-controls,.reading-list .story-overlay .quick-controls {
        margin-bottom:30%
    }
}

#reading-list-tab .reading-list-item-row {
    max-height: 136px;
    height: auto
}

#reading-list-tab .reading-list-item {
    position: relative;
    padding: 12px 0;
    margin: 0;
    cursor: pointer;
    border-top: 1px solid #eee
}

#reading-list-tab .reading-list-item .story-wrapper {
    width: calc(95% - 28px - 24px - 24px - 35px)
}

@media (max-width: 767px) {
    #reading-list-tab .reading-list-item .story-wrapper {
        width:calc(95% - 28px - 10px - 10px - 35px)
    }
}

#reading-list-tab .reading-list-item .cover {
    width: 68px;
    height: auto;
    display: inline-block
}

@media (max-width: 767px) {
    #reading-list-tab .reading-list-item .cover {
        width:35px
    }
}

#reading-list-tab .reading-list-item .story-title {
    margin: 0;
    font-size: 18px;
    line-height: 100%
}

#reading-list-tab .reading-list-item .story-title a {
    color: #222
}

@media (max-width: 767px) {
    #reading-list-tab .reading-list-item .story-title {
        font-size:15px
    }
}

#reading-list-tab .reading-list-item .story-info {
    width: calc(95% - 28px - 24px);
    padding-left: 2%;
    vertical-align: top;
    color: #6f6f6f
}

@media (max-width: 767px) {
    #reading-list-tab .reading-list-item .story-info {
        vertical-align:middle;
        width: calc(95% - 28px - 10px)
    }
}

#reading-list-tab .reading-list-item .story-info small {
    font-size: 15px
}

@media (max-width: 767px) {
    #reading-list-tab .reading-list-item .story-info small {
        font-size:12px
    }
}

#reading-list-tab .dropdown {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 20%;
    margin: 0 24px
}

@media (max-width: 767px) {
    #reading-list-tab .dropdown {
        margin:0 10px 0 0
    }
}

#reading-list-tab .dropdown .text {
    color: #fff;
    padding-left: 11%
}

#reading-list-tab .dropdown .btn {
    padding: 10px 14px
}

@media (max-width: 767px) {
    #reading-list-tab .dropdown .btn {
        padding:5px 8px
    }
}

#reading-list-tab .dropdown .dropdown-menu .fa {
    padding-right: 5px
}

#reading-list-tab .dropdown .dropdown-menu .disabled {
    cursor: not-allowed;
    color: #6f6f6f!important
}

#reading-list-tab .taglist {
    max-height: 42px;
    line-height: 18px;
    overflow: hidden
}

#reading-list-tab .taglist .tag {
    float: left;
    padding-right: 5px;
    font-size: 14px;
    font-size: 15px;
    font-weight: 400
}

#reading-list-tab .taglist .tag:nth-child(n+11) {
    display: none
}

@media (max-width: 767px) {
    #reading-list-tab .taglist .tag {
        font-size:12px
    }

    #reading-list-tab .taglist .tag:nth-child(n+7) {
        display: none
    }
}

@media (max-width: 400px) {
    #reading-list-tab .taglist .tag:nth-child(n+4) {
        display:none
    }
}

.premium-picks-banner {
    border: 1px solid var(--ds-neutral-40-solid);
    border-radius: 16px;
    padding: 20px 24px;
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px
}

.premium-picks-banner:hover {
    text-decoration: none
}

.premium-picks-banner .premium-picks-image-container .premium-picks-image {
    max-height: 60px
}

.premium-picks-banner .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.premium-picks-banner .content .heading {
    font-weight: var(--font-weight-bold);
    font-size: 18px;
    color: var(--ds-neutral-100);
    line-height: 24px;
    padding: 0;
    margin: 0 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.premium-picks-banner .content .access-expires-pill {
    background-color: var(--ds-base-2-20);
    border-radius: 35px;
    font-weight: var(--font-weight-bold);
    font-size: 12px;
    line-height: 16px;
    color: var(--ds-neutral-100);
    white-space: nowrap;
    padding: 4px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.premium-picks-banner .content .description {
    font-size: 14px;
    color: var(--ds-neutral-80-solid)
}

@media (max-width: 575px) {
    .premium-picks-banner {
        border-radius:4px;
        padding: 28px 0 28px 16px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .premium-picks-banner .premium-picks-image-container {
        max-width: 40%;
        overflow: hidden
    }

    .premium-picks-banner .premium-picks-image-container .premium-picks-image {
        max-height: 84px
    }

    .premium-picks-banner .content {
        width: 188px
    }

    .premium-picks-banner .content .heading {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 12px
    }

    .premium-picks-banner .content .description {
        display: none
    }

    .premium-picks-banner .right-arrow {
        display: none
    }
}

.discover-reading_lists_with_users-mobile .reading-list {
    margin: 0 -3%
}

.discover-reading_lists_with_users-mobile .story-grid-panel {
    position: relative;
    display: inline-block;
    width: 42%;
    margin: 0 1%;
    vertical-align: top;
    margin-left: 4%;
    margin-right: 4%
}

.discover-reading_lists_with_users-mobile .story-grid-panel.grid-1 .cover {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 2px 5px rgba(50,50,50,.28);
    box-shadow: 0 2px 5px rgba(50,50,50,.28)
}

.discover-reading_lists_with_users-desktop .reading-list-grid {
    margin: 0 -1%
}

@media (max-width: 1349px) {
    .discover-reading_lists_with_users-desktop .reading-list-grid {
        margin:0
    }

    .discover-reading_lists_with_users-desktop .reading-list-grid .reading-list-grid-panel:last-child {
        display: none
    }
}

@media (max-width: 767px) {
    .discover-reading_lists_with_users-desktop .reading-list-grid {
        margin:0
    }

    .discover-reading_lists_with_users-desktop .reading-list-grid .reading-list-grid-panel+.reading-list-grid-panel {
        display: none
    }
}

.discover-reading_lists_with_users-desktop .reading-list-grid-panel {
    position: relative;
    display: inline-block;
    width: 31.33333%;
    margin: 0 1%;
    vertical-align: top
}

@media (max-width: 1349px) {
    .discover-reading_lists_with_users-desktop .reading-list-grid-panel {
        width:40%;
        margin: 0 5%
    }
}

@media (max-width: 991px) {
    .discover-reading_lists_with_users-desktop .reading-list-grid-panel {
        width:48%;
        margin: 0 1%
    }
}

@media (max-width: 767px) {
    .discover-reading_lists_with_users-desktop .reading-list-grid-panel {
        width:50%;
        margin: 0 25%
    }
}

.discover-stories-mobile .story-grid {
    margin: 0 -3%
}

.discover-stories-mobile .story-grid-panel {
    position: relative;
    display: inline-block;
    width: 42%;
    margin: 0 1%;
    vertical-align: top;
    margin-left: 4%;
    margin-right: 4%
}

.discover-stories-mobile .story-grid-panel.grid-1 .cover {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 2px 5px rgba(50,50,50,.28);
    box-shadow: 0 2px 5px rgba(50,50,50,.28)
}

.discover-stories-mobile .story-grid-panel.grid-4 {
    margin: 0;
    width: 25%
}

@media (max-width: 991px) {
    .discover-stories-mobile .story-grid-panel.grid-4 {
        width:33.3%
    }
}

.discover-stories-mobile .story-grid-panel.grid-4 .cover {
    display: inline-block;
    width: 44%;
    height: auto;
    -webkit-box-shadow: 0 2px 5px rgba(50,50,50,.28);
    box-shadow: 0 2px 5px rgba(50,50,50,.28);
    margin: 0 3% 13px
}

@media (min-width: 992px) and (max-width:1349px) {
    .discover-stories-mobile .story-grid-panel.grid-4 .cover {
        margin-bottom:10px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .discover-stories-mobile .story-grid-panel.grid-4 .cover {
        margin-bottom:16px
    }
}

@media (max-width: 767px) {
    .discover-stories-mobile .story-grid-panel.grid-4 .cover {
        margin-bottom:12px
    }
}

.discover-stories-mobile .story-overlay .overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #222;
    opacity: .7;
    z-index: 1
}

.discover-stories-mobile .story-overlay .quick-controls {
    position: relative;
    width: 100%;
    z-index: 3
}

.discover-stories-mobile .story-overlay .quick-controls>button {
    padding: 12px;
    float: right
}

.discover-stories-mobile .story-overlay .quick-controls>button .fa {
    padding: 0
}

@media (min-width: 1400px) {
    .discover-stories-mobile .story-overlay .quick-controls {
        margin-bottom:30%
    }
}

.discover-stories-mobile .story-overlay>button {
    display: block;
    position: relative;
    width: 84%;
    margin: 0 auto 15px;
    border-radius: 4px;
    background: 0 0;
    z-index: 2;
    font-size: 13px;
    line-height: 15px;
    padding: 6px 0;
    letter-spacing: -.2px
}

.discover-stories-mobile .story-overlay>button:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.discover-stories-desktop .story-grid {
    margin: 0 -1%
}

@media (min-width: 600px) and (max-width:991px) {
    .discover-stories-desktop .story-grid .story-grid-panel.grid-1+.story-grid-panel.grid-1 {
        display:none
    }

    .discover-stories-desktop .story-grid .story-grid-panel.grid-4+.story-grid-panel.grid-4 {
        display: none
    }

    .discover-stories-desktop .story-grid .story-grid-panel.grid-1:first-child+.story-grid-panel.grid-1+.story-grid-panel.grid-1 {
        display: inline-block
    }

    .discover-stories-desktop .story-grid .story-grid-panel.grid-1:first-child+.story-grid-panel.grid-1+.story-grid-panel.grid-1+.story-grid-panel.grid-1 {
        display: inline-block
    }
}

.discover-stories-desktop .story-grid-panel {
    position: relative;
    display: inline-block;
    width: 23%;
    margin: 0 1%;
    vertical-align: top
}

@media (max-width: 991px) {
    .discover-stories-desktop .story-grid-panel {
        width:31.3%
    }
}

@media (max-width: 599px) {
    .discover-stories-desktop .story-grid-panel {
        width:42%;
        margin-left: 4%;
        margin-right: 4%
    }
}

.discover-stories-desktop .story-grid-panel.grid-1 .cover {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 2px 5px rgba(50,50,50,.28);
    box-shadow: 0 2px 5px rgba(50,50,50,.28)
}

.discover-stories-desktop .story-grid-panel.grid-4 {
    margin: 0;
    width: 25%
}

@media (max-width: 991px) {
    .discover-stories-desktop .story-grid-panel.grid-4 {
        width:33.3%
    }
}

.discover-stories-desktop .story-grid-panel.grid-4 .cover {
    display: inline-block;
    width: 44%;
    height: auto;
    -webkit-box-shadow: 0 2px 5px rgba(50,50,50,.28);
    box-shadow: 0 2px 5px rgba(50,50,50,.28);
    margin: 0 3% 13px
}

@media (min-width: 992px) and (max-width:1349px) {
    .discover-stories-desktop .story-grid-panel.grid-4 .cover {
        margin-bottom:10px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .discover-stories-desktop .story-grid-panel.grid-4 .cover {
        margin-bottom:16px
    }
}

@media (max-width: 767px) {
    .discover-stories-desktop .story-grid-panel.grid-4 .cover {
        margin-bottom:12px
    }
}

.discover-stories-desktop .story-grid-panel .story-overlay .overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #222;
    opacity: .7;
    z-index: 1
}

.discover-stories-desktop .story-grid-panel .story-overlay .quick-controls {
    position: relative;
    width: 100%;
    z-index: 3
}

.discover-stories-desktop .story-grid-panel .story-overlay .quick-controls>button {
    padding: 12px;
    float: right
}

.discover-stories-desktop .story-grid-panel .story-overlay .quick-controls>button .fa {
    padding: 0
}

@media (min-width: 1400px) {
    .discover-stories-desktop .story-grid-panel .story-overlay .quick-controls {
        margin-bottom:30%
    }
}

.discover-stories-desktop .story-grid-panel .story-overlay>button {
    display: block;
    position: relative;
    width: 84%;
    margin: 0 auto 15px;
    border-radius: 4px;
    background: 0 0;
    z-index: 2;
    font-size: 14px;
    line-height: 15px;
    padding: 6px 0;
    letter-spacing: -.2px
}

.discover-stories-desktop .story-grid-panel .story-overlay>button:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width: 599px) {
    .discover-stories-desktop .story-grid-panel .story-overlay>button {
        font-size:13px
    }
}

.discover-stories-desktop .story-grid-panel .percentage-read {
    display: block;
    width: 100%;
    height: 5px;
    background-color: #eee;
    position: relative;
    margin-bottom: 12px
}

.discover-stories-desktop .story-grid-panel .percentage-position {
    display: block;
    height: 5px;
    background-color: #ff6122;
    position: absolute;
    top: 0
}

.story-grid-title+h3 {
    margin-top: -12px
}

.recommended-story {
    position: relative;
    display: inline-block;
    width: 22%;
    margin-left: 4%;
    vertical-align: top;
    margin-bottom: -5px;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@media (min-width: 768px) and (max-width:991px) {
    .recommended-story {
        width:30%;
        margin-left: 5%
    }
}

@media (max-width: 599px) {
    .recommended-story {
        width:46%;
        margin-left: 8%
    }
}

.recommended-story:first-child {
    margin-left: 0
}

@media (min-width: 768px) and (max-width:991px) {
    .recommended-story:first-child+.recommended-story+.recommended-story+.recommended-story {
        display:none
    }
}

@media (max-width: 599px) {
    .recommended-story:first-child+.recommended-story+.recommended-story {
        display:none
    }

    .recommended-story:first-child+.recommended-story+.recommended-story+.recommended-story {
        display: none
    }
}

.recommended-story .cover-container {
    position: relative
}

.recommended-story .cover {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 2px 5px rgba(50,50,50,.28);
    box-shadow: 0 2px 5px rgba(50,50,50,.28);
    margin-bottom: 18px
}

@media (min-width: 1350px) {
    .recommended-story .cover {
        width:94%;
        margin: 0 auto 18px
    }
}

.recommended-story .content {
    position: relative
}

.recommended-story .content strong {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #6f6f6f;
    margin-right: 38px;
    line-height: 18px;
    margin-bottom: 0
}

.recommended-story .content small {
    display: block;
    font-size: 13px;
    color: #6f6f6f;
    margin-right: 38px;
    line-height: 18px;
    margin-bottom: 6px
}

.recommended-story .content small,.recommended-story .content strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.recommended-story .content .meta {
    line-height: 12px
}

.recommended-story .content .meta>span {
    font-size: 13px;
    color: #6f6f6f;
    padding-right: 8px
}

.recommended-story .content .avatar {
    position: absolute;
    top: 0;
    right: 0
}

.recommended-story .story-overlay {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center
}

@media (min-width: 1350px) {
    .recommended-story .story-overlay {
        width:94%;
        margin: 0 3%
    }
}

.recommended-story .story-overlay .overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #222;
    opacity: .7;
    z-index: 1
}

.recommended-story .story-overlay .overlay-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
    padding: 10%
}

.recommended-story .story-overlay .overlay-container .btn {
    margin-top: 18px;
    margin-bottom: 18px
}

@media (min-width: 1350px) {
    .recommended-story .btn-triangle {
        right:3.25%
    }
}

.recommended-user {
    position: relative;
    width: 100%;
    vertical-align: top;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    background-color: #fff;
    border-top: 1px solid #eee;
    height: 78px
}

.recommended-user>a {
    display: inline-block;
    margin: 14px 12px
}

@media screen and (max-width: 390px) {
    .recommended-user>a {
        margin:14px 7px
    }
}

.recommended-user .content {
    display: inline-block;
    vertical-align: middle
}

.recommended-user .content a.name,.recommended-user .content a.name:hover {
    color: #6f6f6f
}

.recommended-user .content strong {
    display: block;
    font-weight: 600;
    color: #6f6f6f;
    margin-bottom: 0;
    line-height: 18px;
    max-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.recommended-user .content small {
    display: block;
    color: #6f6f6f;
    font-style: italic
}

@media screen and (min-width: 370px) and (max-width:390px) {
    .recommended-user .content {
        max-width:53%
    }
}

@media screen and (max-width: 369px) {
    .recommended-user .content {
        max-width:37%
    }
}

@media screen and (min-width: 391px) and (max-width:460px) {
    .recommended-user .content {
        max-width:55%
    }
}

.recommended-user .controls {
    display: inline-block;
    font-size: 13px;
    margin-top: 18px
}

.recommended-user .controls .btn .fa {
    padding-right: 0
}

@media (min-width: 768px) and (max-width:991px) {
    .recommended-user-card:first-child+.recommended-user-card+.recommended-user-card+.recommended-user-card {
        display:none
    }
}

@media (max-width: 767px) {
    .recommended-user-card:first-child+.recommended-user-card+.recommended-user-card {
        display:none
    }

    .recommended-user-card:first-child+.recommended-user-card+.recommended-user-card+.recommended-user-card {
        display: none
    }
}

.recommended-user-card footer {
    padding-top: 9px
}

.btn-triangle {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    width: 30px;
    height: 33px;
    background: 0 0;
    opacity: .72;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    margin: 0
}

.btn-triangle:hover {
    opacity: 1
}

.btn-triangle:focus {
    border: none;
    opacity: 1
}

.btn-triangle .toggle-triangle {
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    width: 0;
    margin: 0;
    -webkit-transition: opacity 220ms ease;
    transition: opacity 220ms ease;
    z-index: 2;
    border-style: solid;
    border-width: 0 45px 45px 0;
    border-radius: 0;
    border-color: transparent #d7d7d7 transparent transparent
}

.btn-triangle .toggle-triangle.active {
    border-color: transparent #009899 transparent transparent
}

.btn-triangle .toggle-shadow {
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    width: 0;
    margin: 0;
    z-index: 1;
    border-style: solid;
    border-width: 0 46px 46px 0;
    border-radius: 0;
    border-color: transparent #c7c7c7 transparent transparent
}

.btn-triangle .toggle-shadow.active {
    border-color: transparent #007f7f transparent transparent
}

.btn-triangle .fa {
    position: absolute;
    padding: 0;
    top: 14px;
    right: 4px;
    z-index: 3
}

.feed-item-new .panel-body>.btn-triangle {
    top: 10px;
    right: 10px
}

#preview-modal .browse-preview,#story-preview-modal .browse-preview {
    overflow: auto
}

#preview-modal .avatar,#story-preview-modal .avatar {
    width: 28px;
    height: 28px
}

#preview-modal .tag,#story-preview-modal .tag {
    font-weight: 600;
    font-size: 14px;
    border-radius: 16px
}

#preview-modal .label,#story-preview-modal .label {
    margin-right: 10px
}

#preview-modal .close,#story-preview-modal .close {
    background: 0 0;
    border: none;
    position: absolute;
    top: 9px;
    right: 12px
}

#preview-modal .close:focus,#story-preview-modal .close:focus {
    outline: 0
}

#preview-modal .modal-dialog,#story-preview-modal .modal-dialog {
    width: auto;
    max-width: 560px
}

#preview-modal .modal-content,#story-preview-modal .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 560px;
    background-color: transparent;
    border: none;
    position: absolute;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    top: 45%;
    left: 50%
}

@media (max-width: 600px) {
    #preview-modal .modal-content,#story-preview-modal .modal-content {
        width:100%;
        background-color: #fff;
        border-radius: 0;
        height: auto;
        min-height: 100%;
        top: 0;
        left: 0;
        -webkit-transform: inherit;
        transform: inherit
    }
}

#preview-modal .modal-content .modal-header,#story-preview-modal .modal-content .modal-header {
    color: #6f6f6f
}

#preview-modal .modal-content .modal-header .close-white,#story-preview-modal .modal-content .modal-header .close-white {
    top: -3px;
    right: -9px;
    z-index: 1
}

#preview-modal .modal-content .modal-header .close-mobile,#story-preview-modal .modal-content .modal-header .close-mobile {
    display: none
}

@media (max-width: 600px) {
    #preview-modal .modal-content .modal-header .close-white,#story-preview-modal .modal-content .modal-header .close-white {
        display:none
    }

    #preview-modal .modal-content .modal-header .close-mobile,#story-preview-modal .modal-content .modal-header .close-mobile {
        display: block;
        top: 12px;
        right: 12px;
        z-index: 1;
        position: absolute;
        font-size: 40px
    }
}

#preview-modal .modal-content .modal-body,#story-preview-modal .modal-content .modal-body {
    padding: 0;
    margin: 0 auto;
    -webkit-box-shadow: 0 12px 18px 6px rgba(0,0,0,.5);
    box-shadow: 0 12px 18px 6px rgba(0,0,0,.5)
}

@media (max-width: 600px) {
    #preview-modal .modal-content .modal-body,#story-preview-modal .modal-content .modal-body {
        -webkit-box-shadow:none;
        box-shadow: none;
        top: -18px
    }
}

#preview-modal .modal-content .modal-body .cover,#story-preview-modal .modal-content .modal-body .cover {
    margin: 0;
    width: 280px;
    height: 450px
}

@media (max-width: 600px) {
    #preview-modal .modal-content .modal-body .cover,#story-preview-modal .modal-content .modal-body .cover {
        height:auto;
        width: 180px;
        height: 281px;
        margin: 0 auto
    }

    #preview-modal .modal-content .modal-body .cover.pull-left,#story-preview-modal .modal-content .modal-body .cover.pull-left {
        float: none!important
    }
}

#preview-modal .modal-content .modal-body .content,#story-preview-modal .modal-content .modal-body .content {
    position: relative;
    width: 280px;
    height: 450px;
    float: left;
    padding: 0 18px;
    overflow: hidden;
    background-color: #fff
}

@media (max-width: 600px) {
    #preview-modal .modal-content .modal-body .content,#story-preview-modal .modal-content .modal-body .content {
        width:100%;
        height: auto;
        padding-bottom: 120px
    }
}

#preview-modal .modal-content .modal-body .content .modal-title,#story-preview-modal .modal-content .modal-body .content .modal-title {
    margin-top: 20px;
    margin-bottom: 3px;
    color: #222;
    max-height: 48px;
    overflow: hidden;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none
}

@media (max-width: 600px) {
    #preview-modal .modal-content .modal-body .content .modal-title,#story-preview-modal .modal-content .modal-body .content .modal-title {
        max-height:inherit;
        overflow: inherit
    }
}

#preview-modal .modal-content .modal-body .content .meta,#story-preview-modal .modal-content .modal-body .content .meta {
    color: #6f6f6f;
    margin-bottom: 3px;
    font-size: 12px
}

#preview-modal .modal-content .modal-body .content .meta .fa,#story-preview-modal .modal-content .modal-body .content .meta .fa {
    padding-right: 2px
}

#preview-modal .modal-content .modal-body .content .meta>span,#story-preview-modal .modal-content .modal-body .content .meta>span {
    padding-right: 10px
}

#preview-modal .modal-content .modal-body .content .description,#story-preview-modal .modal-content .modal-body .content .description {
    color: #6f6f6f;
    line-height: 1.5;
    font-size: 15px
}

#preview-modal .modal-content .modal-body .content .description .read-more,#story-preview-modal .modal-content .modal-body .content .description .read-more {
    color: #ff6122;
    font-weight: 600;
    cursor: pointer
}

#preview-modal .modal-content .modal-body .content .tag-ranking,#story-preview-modal .modal-content .modal-body .content .tag-ranking {
    padding-top: 10px;
    padding-bottom: 5px
}

#preview-modal .modal-content .modal-body .content .tag-ranking .tag-ranking-medal,#story-preview-modal .modal-content .modal-body .content .tag-ranking .tag-ranking-medal {
    float: left
}

#preview-modal .modal-content .modal-body .content .tag-ranking span,#story-preview-modal .modal-content .modal-body .content .tag-ranking span {
    display: inline-block;
    margin-left: 5px;
    font-size: 13px
}

#preview-modal .modal-content .modal-body .content .tag-ranking span b,#story-preview-modal .modal-content .modal-body .content .tag-ranking span b {
    font-weight: 600
}

#preview-modal .modal-content .modal-body .content .tag-ranking a,#story-preview-modal .modal-content .modal-body .content .tag-ranking a {
    margin: 0 0 0 10px;
    padding: 4px 9px;
    border: solid 1px #00b2b2;
    border-radius: 4px;
    color: #00b2b2;
    font-size: 13px;
    white-space: nowrap
}

#preview-modal .modal-content .modal-body .content .info,#story-preview-modal .modal-content .modal-body .content .info {
    border-top: 1px solid #eee;
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    max-height: 120px;
    margin-bottom: 5px
}

#preview-modal .modal-content .modal-body .content .info .text,#story-preview-modal .modal-content .modal-body .content .info .text {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px
}

#preview-modal .modal-content .modal-body .content .info .text.ongoing,#story-preview-modal .modal-content .modal-body .content .info .text.ongoing {
    color: #ff6122
}

#preview-modal .modal-content .modal-body .content .info .text.completed,#story-preview-modal .modal-content .modal-body .content .info .text.completed {
    color: #00b2b2
}

#preview-modal .modal-content .modal-body .content .info time,#story-preview-modal .modal-content .modal-body .content .info time {
    font-size: 12px;
    font-weight: 600;
    padding-left: 2px;
    color: #6f6f6f
}

#preview-modal .modal-content .modal-body .content .info strong,#story-preview-modal .modal-content .modal-body .content .info strong {
    font-size: 14px
}

#preview-modal .modal-content .modal-body .content .info .mature,#story-preview-modal .modal-content .modal-body .content .info .mature {
    font-size: 12px;
    color: #6f6f6f
}

#preview-modal .modal-content .modal-body .content .info .taglist,#story-preview-modal .modal-content .modal-body .content .info .taglist {
    line-height: 18px;
    margin-bottom: 16px;
    margin-top: 6px;
    max-height: 39px;
    overflow: hidden
}

#preview-modal .modal-content .modal-body .content .info .taglist .tag,#story-preview-modal .modal-content .modal-body .content .info .taglist .tag {
    font-size: 14px;
    font-weight: 400
}

#preview-modal .modal-content .modal-body .content .actions,#story-preview-modal .modal-content .modal-body .content .actions {
    margin-top: 7px;
    margin-bottom: 7px;
    margin-left: -3px
}

#preview-modal .modal-content .modal-body .content .actions .on-start-reading,#preview-modal .modal-content .modal-body .content .actions .start-reading,#story-preview-modal .modal-content .modal-body .content .actions .on-start-reading,#story-preview-modal .modal-content .modal-body .content .actions .start-reading {
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis
}

#preview-modal .modal-content .modal-body .content .actions .btn-story-lists,#story-preview-modal .modal-content .modal-body .content .actions .btn-story-lists {
    padding: 5px 12px
}

#preview-modal .modal-content .modal-body .content .actions .btn-story-lists .fa,#story-preview-modal .modal-content .modal-body .content .actions .btn-story-lists .fa {
    top: 0;
    padding: 0
}

#story-preview-modal .modal-container {
    background: 0 0;
    overflow: hidden
}

#story-preview-modal .modal-container .modal-close-button {
    top: 10px;
    right: 40px
}

#story-preview-modal .modal-container .modal-content {
    min-width: 575px;
    max-height: 100vh;
    overflow-y: auto
}

#story-preview-modal .modal-container .story-preview-content {
    width: 620px;
    height: 500px
}

#story-preview-modal .modal-container .is-loading {
    height: 18px
}

#story-preview-modal .modal-container .is-loading img {
    max-height: 100%
}

.fixed-ratio {
    position: relative;
    height: 0
}

.fixed-ratio>div,.fixed-ratio>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.fixed-ratio.fixed-ratio-cover {
    padding-bottom: 156.25%
}

.fixed-ratio.fixed-ratio-lists {
    padding-bottom: 133.33%
}

.reading-list-card {
    position: relative;
    background: #fff;
    margin: 0 0 24px;
    overflow: hidden;
    border-radius: 5px;
    border-bottom: 1px solid #d9d9d9;
    -webkit-box-shadow: 0 2px 5px rgba(120,120,120,.25);
    box-shadow: 0 2px 5px rgba(120,120,120,.25)
}

.reading-list-card h5 {
    font-weight: 600;
    height: 48px;
    word-break: break-all
}

.reading-list-card .content {
    padding: 10px
}

.reading-list-card .content h5 {
    text-align: center;
    font-size: 21px
}

.reading-list-card .content .sample-cover {
    width: 33.333333%;
    display: inline-block
}

.reading-list-card .content .sample-cover .cover {
    margin: auto;
    display: block
}

.reading-list-card footer {
    padding: 10px;
    border-top: 1px solid #eee
}

.reading-list-card footer h5 {
    display: table-cell;
    vertical-align: middle;
    padding-left: 12px;
    width: 100%;
    font-weight: 700;
    font-size: 18px
}

.reading-list-card footer .controls {
    display: table-cell;
    vertical-align: middle
}

.reading-list-card footer .controls .btn {
    position: initial;
    top: 0;
    right: 0
}

.reading-list-card footer .controls .btn .fa-follow {
    position: relative;
    top: 5px
}

.reading-list-card .avatar {
    display: table-cell;
    vertical-align: top
}

.reading-list-card .user-link {
    display: table
}

.reading-list-card a {
    color: #6f6f6f
}

.reading-list-card a:hover {
    text-decoration: none;
    color: #6f6f6f
}

.report-modal .modal-content .modal-header .modal-title,.report-modal-wrapper .modal-header .modal-title {
    margin: 0;
    text-align: center
}

.report-modal .modal-content .modal-body,.report-modal-wrapper .modal-body {
    padding-bottom: 0
}

.report-modal .modal-content .modal-body form,.report-modal-wrapper .modal-body form {
    margin: 0;
    padding: 0;
    border: 0;
    min-height: 353px;
    overflow: hidden;
    white-space: nowrap
}

.report-modal .modal-content .modal-body .modal-body-content,.report-modal-wrapper .modal-body .modal-body-content {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    -webkit-transition: left 250ms ease-in-out;
    transition: left 250ms ease-in-out
}

.report-modal .modal-content .modal-body .modal-body-content span,.report-modal-wrapper .modal-body .modal-body-content span {
    display: inline-block;
    white-space: normal;
    padding-bottom: 6px;
    font-size: inherit
}

.report-modal .modal-content .modal-body .modal-body-content.step-1,.report-modal-wrapper .modal-body .modal-body-content.step-1 {
    left: 0
}

.report-modal .modal-content .modal-body .modal-body-content.step-1 span,.report-modal-wrapper .modal-body .modal-body-content.step-1 span {
    padding-bottom: 0
}

.report-modal .modal-content .modal-body .modal-body-content.step-2,.report-modal-wrapper .modal-body .modal-body-content.step-2 {
    left: -100%
}

.report-modal .modal-content .modal-body .modal-body-content.step-3,.report-modal-wrapper .modal-body .modal-body-content.step-3 {
    left: -200%
}

.report-modal .modal-content .modal-body .modal-body-content.step-3 h4,.report-modal-wrapper .modal-body .modal-body-content.step-3 h4 {
    text-align: center
}

.report-modal .modal-content .modal-body .modal-body-content.step-3 .report-success,.report-modal-wrapper .modal-body .modal-body-content.step-3 .report-success {
    position: relative;
    top: 0;
    opacity: 1;
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

.report-modal .modal-content .modal-body .modal-body-content.step-3 .report-success.faded,.report-modal-wrapper .modal-body .modal-body-content.step-3 .report-success.faded {
    top: 20px
}

.report-modal .modal-content .modal-body .modal-body-content .radio,.report-modal-wrapper .modal-body .modal-body-content .radio {
    padding-left: 3px
}

.report-modal .modal-content .modal-body .modal-body-content .radio label,.report-modal-wrapper .modal-body .modal-body-content .radio label {
    color: #6f6f6f
}

.report-modal .modal-content .modal-body .modal-body-content textarea,.report-modal-wrapper .modal-body .modal-body-content textarea {
    resize: none;
    overflow: auto;
    height: 180px
}

.report-modal .modal-content .modal-body .tooltip.top,.report-modal-wrapper .modal-body .tooltip.top {
    display: none!important
}

.report-modal .modal-content .modal-footer>button,.report-modal-wrapper .modal-footer>button {
    width: 100%
}

.report-modal-wrapper .modal-content,.wp-modal.modal-container.report-modal .modal-content {
    padding: 0;
    max-width: 400px
}

@media screen and (max-width: 600px) {
    .report-modal-wrapper .modal-content,.wp-modal.modal-container.report-modal .modal-content {
        padding:0;
        max-width: 500px
    }
}

.report-modal-wrapper .modal-header,.wp-modal.modal-container.report-modal .modal-header {
    padding: 15px;
    padding-bottom: 0
}

.report-modal-wrapper .modal-header .modal-title,.wp-modal.modal-container.report-modal .modal-header .modal-title {
    font-weight: 600;
    font-size: 24px;
    color: #121212
}

.report-modal-wrapper .modal-header .on-close,.wp-modal.modal-container.report-modal .modal-header .on-close {
    background: 0 0;
    border: none;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0
}

.report-modal-wrapper .modal-header .prev-btn,.wp-modal.modal-container.report-modal .modal-header .prev-btn {
    background: 0 0;
    border: none;
    padding: 0;
    position: absolute;
    top: 15px;
    left: 15px
}

.report-modal-wrapper .original-success,.wp-modal.modal-container.report-modal .original-success {
    padding: 15px
}

.report-modal-wrapper .original-success .success-img,.wp-modal.modal-container.report-modal .original-success .success-img {
    display: block;
    margin: 32px auto
}

.report-modal-wrapper .alert-message,.wp-modal.modal-container.report-modal .alert-message {
    font-size: small;
    padding: 15px;
    line-height: 15px
}

.report-modal-wrapper .modal-body,.wp-modal.modal-container.report-modal .modal-body {
    padding: 0
}

.report-modal-wrapper .modal-body span,.wp-modal.modal-container.report-modal .modal-body span {
    color: #121212
}

.report-modal-wrapper .modal-body h6.reason-title,.wp-modal.modal-container.report-modal .modal-body h6.reason-title {
    margin: 15px 0 0 15px;
    font-weight: 400;
    color: #121212
}

.report-modal-wrapper .modal-body .reason-note,.wp-modal.modal-container.report-modal .modal-body .reason-note {
    color: rgba(18,18,18,.64);
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    line-height: 21px;
    margin: 24px 15px 8px 15px
}

.report-modal-wrapper .modal-body .text-left,.wp-modal.modal-container.report-modal .modal-body .text-left {
    text-align: left
}

.report-modal-wrapper .modal-body .body-content,.wp-modal.modal-container.report-modal .modal-body .body-content {
    min-height: 180px;
    padding: 15px;
    border-top: 1px rgba(18,18,18,.12) solid
}

.report-modal-wrapper .modal-body .body-content textarea,.wp-modal.modal-container.report-modal .modal-body .body-content textarea {
    resize: none;
    overflow: auto;
    height: 90px
}

.report-modal-wrapper .modal-body .body-content textarea.error,.wp-modal.modal-container.report-modal .modal-body .body-content textarea.error {
    border-color: #e00000
}

.report-modal-wrapper .modal-body .body-content textarea.error:focus,.wp-modal.modal-container.report-modal .modal-body .body-content textarea.error:focus {
    -webkit-box-shadow: inset 0 1px 1px #ff3f1200,0 0 8px #a944425e;
    box-shadow: inset 0 1px 1px #ff3f1200,0 0 8px #a944425e
}

.report-modal-wrapper .modal-body .body-content .field-message,.wp-modal.modal-container.report-modal .modal-body .body-content .field-message {
    font-size: small
}

.report-modal-wrapper .modal-body .report-reason,.wp-modal.modal-container.report-modal .modal-body .report-reason {
    text-decoration: none;
    border-top: 1px rgba(18,18,18,.12) solid
}

.report-modal-wrapper .modal-body .report-reason .reason-label,.wp-modal.modal-container.report-modal .modal-body .report-reason .reason-label {
    display: grid;
    width: 100%;
    grid-template-columns: 90% 10%;
    margin: 0;
    cursor: pointer;
    padding: 12px 6px 12px 25px
}

.report-modal-wrapper .modal-body .report-reason .reason-label .reason-title,.wp-modal.modal-container.report-modal .modal-body .report-reason .reason-label .reason-title {
    background: 0 0;
    border: none;
    color: #121212;
    font-size: 16px;
    font-weight: 400;
    grid-column: 1;
    text-align: justify;
    padding: 0;
    line-height: 21px
}

.report-modal-wrapper .modal-body .report-reason .reason-label .reason-subtitle,.wp-modal.modal-container.report-modal .modal-body .report-reason .reason-label .reason-subtitle {
    color: rgba(18,18,18,.64);
    font-size: 12px;
    font-weight: 400;
    grid-column: 1;
    margin-bottom: 0;
    line-height: 15px
}

.report-modal-wrapper .modal-body .report-reason .reason-label .reason-right-icon,.wp-modal.modal-container.report-modal .modal-body .report-reason .reason-label .reason-right-icon {
    grid-column-end: -1;
    margin: auto auto;
    padding-bottom: 0
}

.report-modal-wrapper .modal-body .report-reason .reason-label .reason-right-icon .fa,.wp-modal.modal-container.report-modal .modal-body .report-reason .reason-label .reason-right-icon .fa {
    color: rgba(18,18,18,.32)
}

.report-modal-wrapper .modal-body .report-reason:last-of-type,.wp-modal.modal-container.report-modal .modal-body .report-reason:last-of-type {
    border-bottom: 1px rgba(18,18,18,.12) solid
}

.report-modal-wrapper .modal-body .report-reason:last-of-type .reason-label,.wp-modal.modal-container.report-modal .modal-body .report-reason:last-of-type .reason-label {
    padding: 6px;
    padding-left: 25px
}

.report-modal-wrapper .modal-body .report-reason:last-of-type .reason-text-container,.wp-modal.modal-container.report-modal .modal-body .report-reason:last-of-type .reason-text-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 42px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.report-modal-wrapper .modal-body .report-reason:last-of-type .reason-title,.wp-modal.modal-container.report-modal .modal-body .report-reason:last-of-type .reason-title {
    padding: 0;
    padding-top: 8px
}

.report-modal-wrapper .modal-body .report-reason:last-of-type .reason-subtitle,.wp-modal.modal-container.report-modal .modal-body .report-reason:last-of-type .reason-subtitle {
    padding: 0;
    padding-bottom: 9px
}

.report-modal-wrapper .modal-body form,.wp-modal.modal-container.report-modal .modal-body form {
    overflow-wrap: break-word;
    white-space: normal
}

.report-modal-wrapper .modal-body form .reason-comment,.wp-modal.modal-container.report-modal .modal-body form .reason-comment {
    padding: 15px;
    padding-top: 0
}

.report-modal-wrapper .modal-body form footer,.wp-modal.modal-container.report-modal .modal-body form footer {
    position: absolute;
    bottom: 15px
}

.report-modal-wrapper .modal-body form footer span,.wp-modal.modal-container.report-modal .modal-body form footer span {
    color: rgba(18,18,18,.64)
}

.report-modal-wrapper .modal-body footer,.wp-modal.modal-container.report-modal .modal-body footer {
    font-size: 14px
}

.report-modal-wrapper .contact-info-body,.wp-modal.modal-container.report-modal .contact-info-body {
    padding: 15px
}

.report-modal-wrapper .contact-info-body p,.wp-modal.modal-container.report-modal .contact-info-body p {
    margin: 0;
    color: #121212
}

.report-modal-wrapper .contact-info-body .input-container,.wp-modal.modal-container.report-modal .contact-info-body .input-container {
    position: relative
}

.report-modal-wrapper .contact-info-body .input-container .fa-check,.report-modal-wrapper .contact-info-body .input-container .fa-warning,.wp-modal.modal-container.report-modal .contact-info-body .input-container .fa-check,.wp-modal.modal-container.report-modal .contact-info-body .input-container .fa-warning {
    position: absolute;
    top: 6px;
    margin-right: 10px
}

.report-modal-wrapper .contact-info-body .input-container .fa-warning,.wp-modal.modal-container.report-modal .contact-info-body .input-container .fa-warning {
    color: #e00000
}

.report-modal-wrapper .contact-info-body .input-container .fa-check,.wp-modal.modal-container.report-modal .contact-info-body .input-container .fa-check {
    color: #00854e
}

.report-modal-wrapper .contact-info-body .input-container #contact-email.invalid,.report-modal-wrapper .contact-info-body .input-container #contact-name.invalid,.wp-modal.modal-container.report-modal .contact-info-body .input-container #contact-email.invalid,.wp-modal.modal-container.report-modal .contact-info-body .input-container #contact-name.invalid {
    border: solid 1px #e00000
}

.report-modal-wrapper .contact-info-body .input-container .contact-input,.wp-modal.modal-container.report-modal .contact-info-body .input-container .contact-input {
    width: 100%;
    margin-top: 8px;
    border: solid 1px rgba(18,18,18,.32);
    border-radius: 3px;
    padding: 6px 0 6px 15px
}

.report-modal-wrapper .contact-info-body .input-container .contact-error-message,.wp-modal.modal-container.report-modal .contact-info-body .input-container .contact-error-message {
    margin: 3px 0 0 3px;
    font-size: 14px;
    color: #e00000
}

.report-modal-wrapper .modal-footer,.wp-modal.modal-container.report-modal .modal-footer {
    padding: 15px
}

.report-modal-wrapper .modal-footer .btn-orange,.wp-modal.modal-container.report-modal .modal-footer .btn-orange {
    margin: 0
}

.report-modal-wrapper .report-modal-thank-you,.wp-modal.modal-container.report-modal .report-modal-thank-you {
    text-align: center;
    padding: 0 15px 0
}

.report-modal-wrapper .report-modal-thank-you .modal-header.thank-you,.wp-modal.modal-container.report-modal .report-modal-thank-you .modal-header.thank-you {
    padding-top: 60px
}

.report-modal-wrapper .report-modal-thank-you .modal-header.thank-you .shield-icon,.wp-modal.modal-container.report-modal .report-modal-thank-you .modal-header.thank-you .shield-icon {
    margin-bottom: 18px
}

.report-modal-wrapper .report-modal-thank-you .modal-header.thank-you #inbox h3.thank-you-title,.report-modal-wrapper .report-modal-thank-you .modal-header.thank-you h3.thank-you-title,.wp-modal.modal-container.report-modal .report-modal-thank-you .modal-header.thank-you #inbox h3.thank-you-title,.wp-modal.modal-container.report-modal .report-modal-thank-you .modal-header.thank-you h3.thank-you-title {
    margin: 0;
    font-size: 21px;
    font-weight: 700;
    color: #121212
}

.report-modal-wrapper .report-modal-thank-you .modal-body,.wp-modal.modal-container.report-modal .report-modal-thank-you .modal-body {
    padding: 8px 25px 3px
}

.report-modal-wrapper .report-modal-thank-you .modal-body span a,.wp-modal.modal-container.report-modal .report-modal-thank-you .modal-body span a {
    color: #2a1c60!important;
    text-decoration: underline!important
}

.report-modal-wrapper .report-modal-thank-you .line-divider,.wp-modal.modal-container.report-modal .report-modal-thank-you .line-divider {
    background: rgba(18,18,18,.12);
    width: 100%;
    height: 1px;
    margin: 25px auto 15px
}

.report-modal-wrapper .report-modal-thank-you p.mute-note,.wp-modal.modal-container.report-modal .report-modal-thank-you p.mute-note {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 24px;
    text-align: left
}

.report-modal-wrapper .report-modal-thank-you .mute-btn,.wp-modal.modal-container.report-modal .report-modal-thank-you .mute-btn {
    width: 200px;
    margin-bottom: 60px
}

.report-modal-wrapper {
    max-width: 400px;
    margin: 0 auto
}

.report-modal-wrapper .modal-title {
    margin: 0
}

#inline-comments-modal .report-modal-wrapper {
    max-width: 100%;
    background: #fff
}

#inline-comments-modal .report-modal-wrapper .modal-header {
    background: 0 0;
    padding: 15px 0 0 0
}

#inline-comments-modal .report-modal-wrapper .modal-header .modal-title {
    font-weight: 600;
    font-size: 24px;
    color: #121212
}

#inline-comments-modal .report-modal-wrapper .modal-header .fa {
    color: #121212
}

#inline-comments-modal .report-modal-wrapper .modal-header.thank-you {
    padding-top: 60px;
    background: 0 0
}

#inline-comments-modal .report-modal-wrapper .modal-header.thank-you .fa {
    color: #121212
}

.post-to-profile-modal .modal-header {
    padding: 0
}

.post-to-profile-modal .modal-title {
    font-weight: 600
}

.post-to-profile-modal .modal-body {
    border-top: 1px solid #eee
}

.post-to-profile-modal .post-comment {
    overflow: hidden
}

.post-to-profile-modal .fa-check {
    border: 3px solid #00b2b2;
    border-radius: 50%;
    padding: 2px 3px;
    margin-right: 1%
}

.listsModal .modal-header>h4 {
    font-weight: 700
}

.listsModal .modal-body {
    padding: 0
}

.listsModal ul {
    background-color: #fff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.listsModal .disabled {
    cursor: not-allowed;
    pointer-events: none
}

.listsModal li a {
    color: #6f6f6f;
    display: block;
    padding: 15px 30px;
    border-top: 1px solid #eee;
    cursor: pointer;
    text-decoration: none
}

.listsModal li a:hover {
    background-color: #eee
}

.listsModal li a .status {
    float: right
}

.listsModal li a .hover-text {
    display: none
}

.on-showmore {
    color: #222;
    display: block;
    width: 100%;
    padding: 9px;
    border-radius: 5px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    border: none;
    height: 50px
}

.on-showmore .fa-down-small {
    margin-left: 6px;
    top: 2px
}

.discover-rows {
    margin-top: 2px;
    background-color: #fff
}

@media (min-width: 1440px) {
    .discover-rows {
        text-align:center
    }

    .discover-rows .collection {
        display: inline-block;
        text-align: left
    }
}

.discover-rows .discover-module {
    padding: 24px 42px 36px;
    min-width: 600px;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

@media screen and (max-width: 720px) {
    .discover-rows .discover-module {
        max-width:600px
    }
}

@media screen and (min-width: 721px) and (max-width:960px) {
    .discover-rows .discover-module {
        max-width:720px
    }
}

@media screen and (min-width: 961px) and (max-width:1140px) {
    .discover-rows .discover-module {
        max-width:960px
    }
}

@media screen and (min-width: 1141px) {
    .discover-rows .discover-module {
        max-width:1140px
    }
}

.discover-rows .discover-module .discover-module-lists:nth-child(n+3),.discover-rows .discover-module .discover-module-stories-large:nth-child(n+3),.discover-rows .discover-module .discover-module-users-large:nth-child(n+3) {
    display: none
}

.discover-rows .discover-module .discover-module-stories-small:nth-child(n+7),.discover-rows .discover-module .discover-module-users-small:nth-child(n+7) {
    display: none
}

.discover-rows .discover-module .module-header {
    height: 60px
}

.discover-rows .discover-module .module-header .avatar {
    float: left;
    margin-right: 12px;
    width: 60px;
    height: 60px
}

.discover-rows .discover-module .module-header .btn-follow {
    float: right;
    position: relative;
    top: 12px;
    right: -5px;
    min-width: 140px
}

.discover-rows .discover-module .lists {
    top: 126px
}

.discover-rows .discover-module .module-title {
    color: #222;
    font-size: 24px;
    margin-top: 5px;
    position: relative;
    display: inline-block
}

.discover-rows .discover-module a.module-title:hover {
    text-decoration: none
}

.discover-rows .discover-module a.module-title:hover>span:before {
    border-bottom: 2px solid #222;
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0
}

.discover-rows .discover-module .module-subtitle {
    font-size: 15px;
    color: #6f6f6f
}

.discover-rows .discover-module .promotion-description {
    font-size: 16px;
    color: #6f6f6f;
    margin: 15px 0 -20px 0
}

.discover-rows .discover-module .collection {
    font-size: 0;
    max-height: 375px
}

.discover-rows .discover-module .empty-cover {
    background-color: #fff
}

.discover-rows .discover-module .empty-cover-large {
    background-color: #fff;
    width: 407px
}

.discover-rows .discover-module .discover-module-lists,.discover-rows .discover-module .discover-module-stories-large,.discover-rows .discover-module .discover-module-users-large {
    position: relative;
    display: inline-block;
    margin: 26px 0 0 20px;
    vertical-align: top;
    font-size: 16px;
    width: 447px
}

.discover-rows .discover-module .discover-module-lists .title,.discover-rows .discover-module .discover-module-stories-large .title,.discover-rows .discover-module .discover-module-users-large .title {
    height: 24px;
    overflow: hidden
}

.discover-rows .discover-module .discover-module-lists .username,.discover-rows .discover-module .discover-module-stories-large .username,.discover-rows .discover-module .discover-module-users-large .username {
    overflow: hidden
}

.discover-rows .discover-module .discover-module-lists:first-child,.discover-rows .discover-module .discover-module-stories-large:first-child,.discover-rows .discover-module .discover-module-users-large:first-child {
    margin-left: 0
}

.discover-rows .discover-module .discover-module-lists:last-child,.discover-rows .discover-module .discover-module-stories-large:last-child,.discover-rows .discover-module .discover-module-users-large:last-child {
    margin-right: 0
}

.discover-rows .discover-module .discover-module-lists .cover,.discover-rows .discover-module .discover-module-stories-large .cover,.discover-rows .discover-module .discover-module-users-large .cover {
    float: left
}

.discover-rows .discover-module .discover-module-lists .cover-module-large,.discover-rows .discover-module .discover-module-stories-large .cover-module-large,.discover-rows .discover-module .discover-module-users-large .cover-module-large {
    width: 407px;
    height: 222px
}

.discover-rows .discover-module .discover-module-lists .content,.discover-rows .discover-module .discover-module-stories-large .content,.discover-rows .discover-module .discover-module-users-large .content {
    width: 295px;
    float: left;
    margin-left: 10px
}

.discover-rows .discover-module .promoted-story div {
    vertical-align: middle
}

.discover-rows .discover-module .promoted-story .discover-module-stories-large.promoted-blurb {
    width: 400px;
    text-align: center;
    color: #6f6f6f
}

.discover-rows .discover-module .promoted-story .discover-module-stories-large.promoted-blurb .user-description {
    font-style: italic;
    font-size: 27px;
    line-height: 30px;
    margin-bottom: 12px
}

.discover-rows .discover-module .promoted-story .discover-module-stories-large.promoted-blurb .avatar {
    display: inline-block;
    margin-right: 5px;
    width: 60px;
    height: 60px
}

.discover-rows .discover-module .promoted-story .discover-module-stories-large.promoted-blurb .user-name {
    font-size: 13px;
    color: #6f6f6f
}

.discover-rows .discover-module .discover-module-lists .cover {
    background-color: #fff
}

.discover-rows .discover-module .discover-module-lists .content {
    margin-top: 13px
}

.discover-rows .discover-module .discover-module-lists .num-stories,.discover-rows .discover-module .discover-module-lists .tags a {
    font-size: 15px;
    color: #6f6f6f
}

.discover-rows .discover-module .discover-module-users-large .avatar-container {
    float: left
}

.discover-rows .discover-module .discover-module-users-large .avatar-container .avatar {
    width: 140px;
    height: 140px;
    margin-bottom: 12px
}

.discover-rows .discover-module .discover-module-users-large .avatar-container .btn-follow {
    width: 140px;
    margin: 0
}

.discover-rows .discover-module .discover-module-users-large .meta {
    margin-bottom: 0
}

.discover-rows .discover-module .discover-module-users-large .meta span {
    margin-right: 5px;
    padding: 0
}

.discover-rows .discover-module .discover-module-users-large .user-stats {
    font-size: 12px;
    color: #6f6f6f
}

.discover-rows .discover-module .discover-module-users-small .avatar {
    width: 140px;
    height: 140px;
    margin-bottom: 12px
}

.discover-rows .discover-module .discover-module-users-small .btn-follow {
    width: 140px;
    margin: 0;
    margin-top: 8px
}

.discover-rows .discover-module .discover-module-users-small .meta span {
    margin-right: 5px;
    padding: 0
}

.discover-rows .discover-module .discover-module-users-small .user-stats {
    font-size: 15px;
    line-height: 18px;
    color: #6f6f6f
}

.discover-rows .discover-module .discover-module-stories-small,.discover-rows .discover-module .discover-module-users-small {
    position: relative;
    display: inline-block;
    width: 142px;
    margin: 26px 0 0 18px;
    vertical-align: top;
    font-size: 16px
}

.discover-rows .discover-module .discover-module-stories-small:first-child,.discover-rows .discover-module .discover-module-users-small:first-child {
    margin-left: 0
}

.discover-rows .discover-module .discover-module-stories-small .cover,.discover-rows .discover-module .discover-module-users-small .cover {
    margin-bottom: 6px
}

.discover-rows .discover-module .discover-module-stories-small .title,.discover-rows .discover-module .discover-module-users-small .title {
    height: 37px;
    overflow: hidden;
    font-size: 15px;
    line-height: 18px
}

.discover-rows .discover-module .discover-module-stories-small .username,.discover-rows .discover-module .discover-module-users-small .username {
    overflow: hidden;
    margin-bottom: 0
}

.discover-rows .discover-module .discover-module-stories-small .category,.discover-rows .discover-module .discover-module-users-small .category {
    margin-bottom: 0
}

.discover-rows .discover-module .title {
    font-weight: 600;
    color: #222;
    font-size: 18px;
    line-height: 24px
}

.discover-rows .discover-module .username {
    color: #6f6f6f;
    font-size: 15px;
    height: 18px;
    line-height: 18px
}

.discover-rows .discover-module .meta {
    display: block;
    margin-bottom: 3px
}

.discover-rows .discover-module .category {
    color: #6f6f6f;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 0
}

.discover-rows .discover-module .description {
    font-size: 15px
}

.discover-rows .discover-module .supported-marker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #222;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap
}

.discover-rows .discover-module .supported-marker img {
    margin-right: 8px;
    width: auto
}

.discover-rows .discover-module .social-meta {
    display: inline-block;
    color: #6f6f6f;
    font-size: 12px;
    max-height: 45px;
    overflow: hidden;
    margin-bottom: 0;
    position: relative;
    top: -3px
}

.discover-rows .discover-module .social-meta .read-count,.discover-rows .discover-module .social-meta .vote-count {
    padding-right: 9px
}

.discover-rows .discover-module:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #eee;
    display: block;
    position: relative;
    bottom: -36px
}

.discover-rows .discover-module:last-child {
    border: none
}

.discover-rows .discover-module:last-child:after {
    display: none
}

#toast-container {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1071
}

.error-toast {
    padding: 10px 16px 14px 14px;
    background-color: #6f6f6f;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    min-width: 270px;
    max-width: 320px;
    -webkit-box-shadow: 0 5px 5px 0 #6f6f6f;
    box-shadow: 0 5px 5px 0 #6f6f6f;
    opacity: 0;
    -webkit-transition: opacity .3s ease-out,bottom .5s ease-out;
    transition: opacity .3s ease-out,bottom .5s ease-out;
    left: 24px;
    margin-bottom: 12px;
    position: absolute
}

.error-toast p {
    margin-bottom: 0
}

#error-toast.dismissable p {
    margin-right: 18px
}

.highlight-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.highlight-tooltip .on-open-embed {
    padding: 5px 7px;
    margin: 5px 7px
}

.highlight-tooltip .on-open-embed:hover {
    background-color: #f2f2f2
}

.highlight-tooltip .on-open-embed:active {
    background-color: #e6e6e6
}

.highlight-tooltip .on-facebook-share {
    padding: 5px 7px;
    margin: 5px 7px
}

.highlight-tooltip .on-facebook-share .facebook-quote-icon {
    background-color: #3b5998;
    display: inline-block;
    padding-top: 3px;
    border-radius: 3px;
    width: 22px;
    margin-right: 5px
}

.highlight-tooltip .on-facebook-share .facebook-quote-icon .fa-facebook {
    padding-right: 0;
    padding-left: 5px;
    top: 3px
}

.highlight-tooltip .on-facebook-share:hover {
    background-color: #f2f2f2
}

.highlight-tooltip .on-facebook-share:active {
    background-color: #e6e6e6
}

.highlight-tooltip .arrow_box {
    position: relative;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    -webkit-filter: drop-shadow(0 1px 10px rgba(200, 200, 200, .8));
    -moz-box-shadow: 0 1px 10px rgba(200,200,200,.8);
    filter: drop-shadow(0 1px 10px rgba(200, 200, 200, .8))
}

.highlight-tooltip .arrow_box:after,.highlight-tooltip .arrow_box:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.highlight-tooltip .arrow_box:after {
    border-color: transparent;
    border-top-color: #fff;
    border-width: 9px;
    left: 50%;
    margin-left: -9px
}

.highlight-tooltip .arrow_box:before {
    border-color: transparent;
    border-top-color: #eee;
    border-width: 10px;
    left: 50%;
    margin-left: -10px
}

#quote-embed-modal {
    text-align: center
}

#quote-embed-modal #quote-embed-iframe {
    width: 100%;
    height: 250px
}

#quote-embed-modal .embed-code {
    background-color: #eee;
    padding: 8px;
    font-size: 15px;
    text-align: left;
    border-radius: 5px;
    word-break: break-word
}

#quote-embed-modal .copy {
    margin-top: 12px
}

#quote-embed-modal .on-copy {
    margin-top: 24px;
    padding: 6px 12px
}

.invite-panel-component .wp-panel .wp-hero {
    background-color: #00b2b2;
    color: #fff;
    height: 400px;
    width: 100%;
    margin: 0
}

.invite-panel-component .invite-email {
    max-width: 124px;
    margin: 24px auto
}

.invite-panel-component .invite-email>img {
    max-width: 100%
}

.invite-panel-component .email-message {
    font-weight: 600
}

.invite-panel-component .email-message.warning {
    color: #ff3f12
}

.invite-panel-component .btn-md {
    padding: 2px 25px
}

.invite-panel-component .spinner {
    padding: 5px;
    display: none
}

.invite-panel-component .spinner .fa {
    padding: 0;
    top: -3px
}

.invite-panel-component .invite-providers {
    list-style: none;
    padding: 0;
    margin: 0
}

.invite-panel-component .invite-providers>li {
    line-height: 66px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    font-size: 18px
}

.invite-panel-component .invite-providers>li>img {
    vertical-align: middle;
    margin-right: 12px
}

.invite-panel-component .invite-providers>li>.fa {
    float: right;
    line-height: 66px
}

.invite-panel-component .consent {
    font-size: 14px;
    text-align: center;
    margin-bottom: -18px;
    padding: 21px 0
}

.tag-module-writers {
    display: inline-block;
    margin: 21px 18px 0 0;
    width: 128px
}

.tag-module-writers .writer-avatar {
    height: 128px
}

.tag-module-writers .writer-avatar img {
    border-radius: 50%
}

.tag-module-writers .writer-name {
    margin: 9px 0;
    font-weight: 600;
    line-height: 20px;
    overflow: hidden
}

.tag-module-writers .writer-name a {
    color: #6f6f6f
}

.tag-module-writers .writer-meta {
    font-size: 12px;
    color: #eee
}

.tag-module-writers .writer-meta span {
    display: block;
    line-height: 18px
}

.tag-module-writers .writer-description {
    display: none
}

.tag-module-lists {
    display: inline-block;
    margin-right: 15px
}

.tag-module-lists .reading-list-cover {
    display: inline-block;
    margin: 21px 0 12px
}

.tag-module-lists .reading-list-cover img {
    width: 122px
}

.tag-module-lists .reading-list-info {
    max-width: 122px;
    overflow: hidden;
    height: 105px
}

.tag-module-lists .reading-list-info .reading-list-title {
    font-weight: 600;
    margin-bottom: 3px;
    height: 48px;
    overflow: hidden
}

.tag-module-lists .reading-list-info .reading-list-title a {
    color: #6f6f6f
}

.tag-module-lists .reading-list-info .meta {
    font-size: 15px
}

.tag-module-lists .reading-list-info .meta span {
    display: block;
    color: #eee;
    margin-bottom: 3px
}

.tag-module-lists .reading-list-info .meta a {
    color: #eee
}

#browse-stories-page .category-banner {
    background-color: #099
}

#browse-stories-page #hot-list-header {
    color: #eee;
    font-weight: 600;
    text-transform: uppercase
}

#browse-stories-page #hot-list-header span {
    color: #fff;
    background-color: #eee;
    border-radius: 3px;
    padding-left: 3px;
    padding-right: 3px
}

.pill:hover {
    color: #fff;
    text-decoration: none
}

.pill-hover-grey:hover {
    background-color: #6f6f6f
}

.pill-hover-teal:hover {
    background-color: #00b2b2;
    border: 1px solid #00b2b2
}

.pill-hover-teal:hover .circular-indicator {
    background-color: #fff;
    color: #00b2b2
}

.pill {
    padding: 3px 14px;
    text-decoration: none;
    border: 1px solid #6f6f6f;
    display: inline-block;
    border-radius: 50px;
    color: #6f6f6f;
    margin: 4px;
    cursor: pointer
}

.pill .circular-indicator {
    border-radius: 20px;
    padding: 2px 6px;
    background-color: #6f6f6f;
    color: #fff;
    font-size: 12px
}

.notification {
    position: relative;
    margin-bottom: 9px;
    padding: 12px
}

.notification>a:hover {
    text-decoration: none
}

.notification.unread {
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.16);
    box-shadow: 0 1px 2px rgba(0,0,0,.16)
}

.notification.aggregate .count {
    background: #00b2b2
}

.notification.dedication .content,.notification.list .content,.notification.upload .content {
    padding-right: 42px;
    min-height: 42px
}

.notification.dedication .cover,.notification.list .cover,.notification.upload .cover {
    position: absolute;
    top: 0;
    right: 0
}

.notification.follow-request.in-notifications .content,.notification.follow-request.in-notifications .request-btns {
    height: 39px
}

.notification.follow-request.in-notifications .request-btns {
    position: absolute;
    right: 12px;
    top: 13px
}

.notification.follow-request.in-notifications .request-btns .btn-circle {
    width: 39px;
    height: 39px
}

.notification.follow-request.in-notifications .heading {
    line-height: 36px
}

.notification.follow-request.in-profile {
    background-color: #fff
}

.notification.follow-request.in-profile small {
    display: inline-block
}

.notification.follow-request.in-profile footer {
    height: 30px;
    margin-top: 6px
}

.notification.follow-request.in-profile button+button {
    margin-left: 8px
}

.notification.follow-request.in-profile button .fa {
    padding: 0
}

.notification .count {
    height: 36px;
    width: 36px;
    text-align: center;
    font-weight: 600;
    line-height: 35px;
    border-radius: 50%;
    color: #fff
}

.notification .avatar,.notification .count {
    position: absolute;
    top: 13px;
    left: 12px
}

.notification .content {
    margin-left: 48px;
    position: relative;
    display: block;
    word-break: break-word;
    width: calc(100% - 36px - 2%)
}

.notification .content .on-navigate {
    color: #6f6f6f
}

.notification .content .on-navigate:focus,.notification .content .on-navigate:hover {
    text-decoration: none
}

.notification .content .heading {
    color: #6f6f6f;
    font-size: 16px;
    line-height: 21px
}

.notification .content time {
    display: inline-block;
    line-height: 18px;
    color: #6f6f6f;
    padding-left: 5px;
    vertical-align: text-top
}

.notification .content p {
    padding-right: 12px;
    color: #6f6f6f;
    font-size: 16px;
    margin: 0;
    line-height: 21px
}

.notification .show-full {
    margin: 0;
    display: inline-block
}

.notification .full-message,.notification .shown-message {
    color: #6f6f6f;
    font-size: 16px;
    display: block;
    padding-right: 12px;
    cursor: pointer
}

.notification .on-expand {
    cursor: pointer
}

.notification .story-cover {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    max-height: 45px
}

.notification #megaphone-icon {
    position: relative;
    top: -2px
}

.tag-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #eee;
    border: 1px solid transparent;
    border-radius: 100px;
    color: #6f6f6f;
    text-align: center;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px
}

.tag-item.active {
    background-color: #fff;
    border-color: #eee;
    color: #eee
}

.tag-item:hover {
    text-decoration: none
}

.tag-item * {
    vertical-align: middle
}

.tag-item.with-icon {
    padding: 5px 10px;
    background: #fafafa;
    color: #6f6f6f;
    border-color: #eee
}

.tag-item.with-icon.active {
    background: #eee
}

.tag-item.with-icon.wattys-tag {
    background: #322864;
    color: #fff
}

.tag-item.with-icon.wattys-tag i {
    color: #fff
}

.tag-item.with-icon.prefilled-tag {
    background: #6f6f6f;
    color: #fff
}

.tag-item.with-icon.prefilled-tag span.fa {
    background-color: #fff;
    border-radius: 50%;
    padding: 2px
}

.tag-item.with-icon .fa {
    margin-left: 5px
}

a.tag-item {
    cursor: pointer
}

.tag-carousel {
    overflow: hidden;
    width: 100%;
    height: 33px;
    margin: 10px 0 10px 0
}

@media (min-width: 600px) {
    .tag-carousel {
        height:35px
    }
}

.tag-carousel .tag-items {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    height: 60px
}

.tag-carousel .tag-item {
    padding: 5px 14px 4px 14px;
    min-width: 60px;
    overflow: hidden;
    margin-right: 6px;
    text-overflow: ellipsis;
    -webkit-transition-duration: .7s;
    transition-duration: .7s;
    height: 33px;
    max-width: 90%
}

.tag-carousel .tag-item:first-child {
    margin-left: 10px
}

@media (min-width: 600px) {
    .tag-carousel .tag-item {
        padding:6px 15px 5px 15px;
        height: 35px
    }
}

.tag-grid ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    white-space: nowrap
}

.tag-grid ul li {
    float: left
}

.tag-grid ul li .tag-item {
    padding: 5px 15px 5px 15px;
    margin: 0 6px 4px 0;
    height: 35px;
    min-width: 60px;
    text-overflow: ellipsis;
    -webkit-transition-duration: .7s;
    transition-duration: .7s
}

.tag-meta .tag-items {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.tag-meta .tag-items li {
    float: left;
    margin-right: 5px
}

.tag-meta .tag-item {
    padding: 0 10px;
    border: 1px solid #eee;
    border-radius: 120px;
    color: #6f6f6f;
    font-size: 12px;
    line-height: 19px
}

.tag-meta .num-not-shown {
    float: left;
    line-height: 28px;
    cursor: pointer;
    color: #6f6f6f;
    font-size: 12px;
    font-weight: 600
}

.multi-select-container {
    width: 300px;
    position: relative
}

.multi-select-container.disabled {
    pointer-events: none
}

.multi-select-container.disabled .multi-select {
    background: #eee
}

.multi-select-container.disabled .multi-select-search-input {
    background: #eee
}

.multi-select-container.disabled .multi-select-grid button {
    display: none
}

.multi-select-container .multi-select {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border-radius: 6px;
    padding: 7px;
    border: 1px solid #eee
}

.multi-select-container .multi-select.disable-click {
    pointer-events: none
}

.multi-select-container .multi-select.disabled {
    background: #eee
}

.multi-select-container .multi-select.disabled .multi-select-toggle-btn {
    display: none
}

.multi-select-container .multi-select.disabled .multi-select-search-input {
    background: #eee
}

.multi-select-container .multi-select .multi-select-toggle-btn {
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.multi-select-container .multi-select .multi-select-search-input {
    border: none;
    margin-left: 6px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    outline: 0;
    min-width: 30px
}

.multi-select-container .multi-select .multi-select-item-container {
    margin: 2px;
    padding: 2px 12px;
    display: inline-block;
    word-wrap: unset;
    background: #eee;
    color: #6f6f6f;
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.multi-select-container .multi-select .multi-select-item-container .multi-select-grid {
    display: grid;
    grid-gap: 6px;
    grid-auto-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.multi-select-container .multi-select .multi-select-item-container .multi-select-remove-btn {
    cursor: pointer;
    border: none;
    background: 0 0;
    padding: 0
}

.multi-select-container .multi-select-menu {
    background: #fff;
    position: absolute;
    width: 100%;
    max-height: 250px;
    overflow: auto
}

.multi-select-container .multi-select-menu.disabled {
    pointer-events: none;
    display: none
}

.multi-select-container .multi-select-menu.is-open {
    border-top: none;
    border: 1px solid #eee
}

@media (max-width: 740px) {
    .multi-select-container .multi-select-menu.is-open {
        position:relative
    }
}

.multi-select-container .multi-select-menu .multi-select-menu-item {
    padding: 7px 15px;
    cursor: pointer
}

.multi-select-container .multi-select-menu .multi-select-menu-item:hover {
    background: #007aff;
    color: #fff;
    font-weight: 600
}

.multi-select-container .multi-select-menu .multi-select-menu-item.disabled {
    pointer-events: none
}

#generic-modal .panel-heading .bullet-points {
    font-weight: 700;
    width: 100%;
    margin: 0 auto 12px;
    padding-left: 20px
}

#generic-modal .panel-heading .bullet-points li {
    text-align: left;
    margin: 15px 0;
    color: #6f6f6f;
    font-size: 17px;
    padding-left: 10px
}

#generic-modal .panel-heading .bullet-points .tag {
    color: #6f6f6f;
    margin: 0;
    display: inline-block
}

#theme-settings {
    text-align: center
}

#theme-settings .title {
    font-weight: 600
}

#theme-settings hr {
    margin: 15px 0;
    border-top-color: #eee
}

#theme-settings .theme-option-wrapper {
    padding: 10px;
    display: inline-block;
    min-width: 25%
}

#theme-settings .theme-option {
    position: relative;
    display: inline-block;
    border-radius: 50%;
    border: 2px solid transparent;
    padding: 2px
}

#theme-settings .theme-option:not(.selected) {
    cursor: pointer
}

#theme-settings .theme-option.selected.theme-1 {
    border-color: #5f7334
}

#theme-settings .theme-option.selected.theme-2 {
    border-color: #5c4b51
}

#theme-settings .theme-option.selected.theme-3 {
    border-color: #f06060
}

#theme-settings .theme-option.selected.theme-4 {
    border-color: #357abe
}

#theme-settings .theme-option.selected.theme-5 {
    border-color: #1094a6
}

#theme-settings .theme-option.selected.theme-6 {
    border-color: #ff6122
}

#theme-settings .theme-option.selected.theme-7 {
    border-color: #28b599
}

#theme-settings .theme-option.selected.theme-8 {
    border-color: #3c3c3c
}

#theme-settings .theme-option.selected.theme-9 {
    border-color: #f06522
}

#theme-settings .theme-option.selected.theme-10 {
    border-color: #a66b91
}

#theme-settings .theme-option.selected.theme-11 {
    border-color: #015272
}

#theme-settings .theme-option.selected.theme-12 {
    border-color: #2c3e50
}

#theme-settings .theme-option-inner {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%
}

#theme-settings .theme-option-inner.unavailable {
    opacity: .5
}

#theme-settings .theme-option-inner .fa {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

#theme-settings .theme-option-inner.theme-1 {
    background-color: #5f7334
}

#theme-settings .theme-option-inner.theme-2 {
    background-color: #5c4b51
}

#theme-settings .theme-option-inner.theme-3 {
    background-color: #f06060
}

#theme-settings .theme-option-inner.theme-4 {
    background-color: #357abe
}

#theme-settings .theme-option-inner.theme-5 {
    background-color: #1094a6
}

#theme-settings .theme-option-inner.theme-6 {
    background-color: #ff6122
}

#theme-settings .theme-option-inner.theme-7 {
    background-color: #28b599
}

#theme-settings .theme-option-inner.theme-8 {
    background-color: #3c3c3c
}

#theme-settings .theme-option-inner.theme-9 {
    background-color: #f06522
}

#theme-settings .theme-option-inner.theme-10 {
    background-color: #a66b91
}

#theme-settings .theme-option-inner.theme-11 {
    background-color: #015272
}

#theme-settings .theme-option-inner.theme-12 {
    background-color: #2c3e50
}

.updated-policy-notice {
    max-width: 450px;
    margin: 0 auto;
    padding: 23px
}

.updated-policy-notice .panel-heading {
    padding: 0!important;
    text-align: center
}

.updated-policy-notice .panel-heading h4 {
    margin-top: 16px
}

.updated-policy-notice .panel-body {
    padding-top: 0
}

.updated-policy-notice .panel-body p {
    font-size: 15px;
    margin-bottom: 39px
}

.updated-policy-notice .panel-body .buttons-wrapper {
    text-align: center
}

.updated-policy-notice .panel-body .buttons-wrapper a.policies-link:hover {
    text-decoration: none
}

.updated-policy-notice .panel-body .buttons-wrapper button {
    width: 100%;
    height: 37px;
    font-size: 14px;
    margin-left: 0;
    margin-right: 0
}

.updated-policy-notice .panel-body .buttons-wrapper .learn-more {
    color: #6f6f6f;
    background-color: #fff;
    border: 1px solid #eee
}

@media (min-width: 768px) {
    .updated-policy-notice-modal {
        width:454px
    }

    .updated-policy-notice {
        padding: 20px 40px
    }

    .updated-policy-notice .panel-body .buttons-wrapper button {
        width: 140px
    }
}

#landing {
    position: relative;
    background-color: #fff;
    margin-bottom: -12px;
    overflow: hidden
}

#landing:after,#landing:before {
    content: " ";
    display: table
}

#landing:after {
    clear: both
}

#landing:after,#landing:before {
    content: " ";
    display: table
}

#landing:after {
    clear: both
}

@media (max-width: 768px) {
    #landing {
        margin-bottom:0
    }
}

#landing h1,#landing h2,#landing h3,#landing h4,#landing h5,#landing h6 {
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700
}

#landing h2 {
    color: #222;
    font-size: 40px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: normal
}

@media (max-width: 991px) {
    #landing .container {
        width:100%
    }
}

#landing #authentication-panel {
    color: #222
}

#landing #authentication-panel a {
    color: #222
}

#landing #authentication-panel a.login-link {
    font-weight: 600;
    color: #ff6122
}

#landing #authentication-panel p {
    text-align: center
}

#landing #authentication-panel.auth-form .input-group-vertical .form-group input,#landing #authentication-panel.auth-form .input-group-vertical .form-group select {
    -webkit-appearance: none;
    background-color: #eee;
    border-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.075);
    box-shadow: inset 0 1px 1px rgba(255,255,255,.075);
    color: #6f6f6f;
    font-weight: 600;
    margin: 0;
    height: auto;
    line-height: 1.2
}

#landing #authentication-panel.auth-form .input-group-vertical .form-group input::-webkit-input-placeholder,#landing #authentication-panel.auth-form .input-group-vertical .form-group select::-webkit-input-placeholder {
    color: #b4b4b4
}

#landing #authentication-panel.auth-form .input-group-vertical .form-group input::-moz-placeholder,#landing #authentication-panel.auth-form .input-group-vertical .form-group select::-moz-placeholder {
    color: #b4b4b4
}

#landing #authentication-panel.auth-form .input-group-vertical .form-group input:-ms-input-placeholder,#landing #authentication-panel.auth-form .input-group-vertical .form-group select:-ms-input-placeholder {
    color: #b4b4b4
}

#landing #authentication-panel.auth-form .input-group-vertical .form-group input::-ms-input-placeholder,#landing #authentication-panel.auth-form .input-group-vertical .form-group select::-ms-input-placeholder {
    color: #b4b4b4
}

#landing #authentication-panel.auth-form .input-group-vertical .form-group input::placeholder,#landing #authentication-panel.auth-form .input-group-vertical .form-group input:invalid,#landing #authentication-panel.auth-form .input-group-vertical .form-group select::placeholder,#landing #authentication-panel.auth-form .input-group-vertical .form-group select:invalid {
    color: #b4b4b4
}

@media (max-width: 768px) {
    #landing #authentication-panel.auth-form .input-group-vertical .form-group select {
        padding:0 0 0 5px
    }

    #landing #authentication-panel.auth-form .input-group-vertical .form-group .form-control-feedback {
        right: 5px
    }
}

#landing #authentication-panel .panel-body #signup-password {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-width: 2px
}

@media (max-width: 768px) {
    #landing #authentication-panel .panel-body {
        padding:12px 0
    }
}

@media (max-width: 768px) {
    #landing #authentication-panel {
        padding:0 15px
    }

    #landing #authentication-panel h2 {
        margin-bottom: 15px;
        font-size: 30px
    }

    #landing #authentication-panel p {
        margin: 0 auto 12px;
        width: 80%;
        font-size: 16px;
        color: #6f6f6f
    }
}

#landing #Hero {
    background-color: #fff;
    background-image: url(/img/landing/topRightPortal.svg);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding: 100px 0 40px
}

@media (max-width: 991px) {
    #landing #Hero {
        padding-top:40px
    }
}

#landing #Hero .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#landing #Hero .content>div {
    max-width: 50%
}

#landing #Hero .content .imageContainer {
    margin-top: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#landing #Hero .content .imageContainer img {
    width: 100%;
    -ms-flex-item-align: center;
    align-self: center
}

#landing #Hero .content h2 {
    font-size: 60px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: #ff6122
}

#landing #Hero .content h3 {
    font-size: 25px;
    line-height: normal;
    font-weight: 400;
    color: #222
}

#landing #Hero .content h4 {
    font-size: 20px;
    line-height: normal;
    font-weight: 400;
    margin-bottom: 40px;
    margin-top: 20px
}

@media (max-width: 991px) {
    #landing #Hero .content h4 {
        font-size:18px
    }
}

#landing #Hero .content .buttons button {
    min-width: 170px
}

#landing #Hero .content .buttons :first-child {
    margin-left: 0;
    margin-right: 16px
}

#landing #Hero .content .buttons :last-child {
    margin-right: 0
}

#landing #Intro {
    background-color: #fff;
    background-image: url(/img/landing/bottomLeftPortal.svg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 90%;
    color: #222
}

#landing #Intro .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 80px;
    max-width: 996px
}

#landing #Intro .content .textContainer {
    margin-left: 10px
}

#landing #Intro .content .textContainer p {
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-bottom: 22px;
    color: #6f6f6f;
    font-size: 18px
}

#landing #Intro .content .partner {
    margin-right: 50px
}

#landing #Intro .studiosContainer {
    max-width: 896px;
    margin-top: 110px
}

#landing #Intro .studiosContainer .textContainer {
    text-align: right;
    margin-right: 50px;
    margin-top: 30px;
    margin-left: 0
}

#landing #Intro .studiosContainer .constrainedText {
    margin-left: auto;
    margin-right: 0
}

#landing #Intro .studiosContainer .partner {
    margin-left: 50px;
    margin-right: 0
}

#landing .constrainedText {
    max-width: 400px
}

#landing .seeYourStoryContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#landing .seeYourStoryContainer h3 {
    margin: 70px 0 40px 0;
    color: #222;
    font-weight: 700
}

#landing .seeYourStoryContainer .itemContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 968px
}

#landing .seeYourStoryContainer .itemContainer .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #222
}

#landing .seeYourStoryContainer .itemContainer .item img {
    margin-bottom: 10px
}

#landing .seeYourStoryContainer img {
    margin-right: 10px;
    vertical-align: text-bottom
}

#landing #FindOutMore {
    margin: 125px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#landing #FindOutMore h4 {
    text-decoration: underline;
    color: #222;
    cursor: pointer;
    font-weight: 400
}

#landing #HowWattpadWorks {
    padding: 60px 0 0;
    background-color: #fafafa;
    color: #222;
    overflow: hidden
}

#landing #HowWattpadWorks .content h2 {
    font-size: 30px;
    color: #222
}

#landing #HowWattpadWorks .content>p {
    text-align: center;
    margin-bottom: 55px
}

@media (max-width: 768px) {
    #landing #HowWattpadWorks .content>p {
        margin-bottom:30px
    }
}

#landing #HowWattpadWorks .content #steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 105px
}

#landing #HowWattpadWorks .content #steps .stepContainer {
    padding: 0 10px;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#landing #HowWattpadWorks .content #steps .stepContainer .step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 140px;
    margin-bottom: 35px
}

#landing #HowWattpadWorks .content #steps .stepContainer .step .number {
    font-size: 100px;
    line-height: normal;
    margin-right: 27px;
    font-weight: 700
}

#landing #HowWattpadWorks .content #steps .stepContainer .step h3 {
    font-size: 25px
}

#landing #HowWattpadWorks .content #steps .stepContainer .step p {
    color: #6f6f6f
}

#landing #HowWattpadWorks .content #steps .stepContainer .dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 99
}

#landing #HowWattpadWorks .content #steps .stepContainer .dots .dot {
    background-color: #fafafa;
    width: 5px;
    height: 5px;
    margin-bottom: 5px;
    border-radius: 50%
}

#landing #HowWattpadWorks .content #steps .stepContainer .statBubble {
    width: 100%;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    padding: 16px 0;
    color: #fff
}

#landing #HowWattpadWorks .content #steps .stepContainer .statBubble>div .count {
    font-size: 40px;
    font-weight: 700;
    line-height: normal
}

#landing #HowWattpadWorks .content #steps .stepContainer .statBubble>div .count span {
    font-size: 30px
}

#landing #HowWattpadWorks .content #steps .stepContainer .statBubble>div .title {
    font-size: 27px;
    line-height: 32px;
    font-weight: 600
}

@media (max-width: 991px) {
    #landing #HowWattpadWorks .content #steps .stepContainer .statBubble {
        width:270px
    }
}

#landing #HowWattpadWorks .content #steps .stepContainer:first-of-type .statBubble {
    background-image: url(/img/landing/portalbg1.svg)
}

#landing #HowWattpadWorks .content #steps .stepContainer:nth-of-type(2) .statBubble {
    background-image: url(/img/landing/portalbg2.svg)
}

#landing #HowWattpadWorks .content #steps .stepContainer:nth-of-type(3) .statBubble {
    background-image: url(/img/landing/portalbg3.svg)
}

@media (max-width: 768px) {
    #landing #HowWattpadWorks {
        padding:40px 0
    }
}

#landing #Carousel {
    background: url(/img/landing/carousel-bg.svg) center bottom no-repeat;
    background-size: 100%;
    background-color: #fff;
    padding: 76px 0 87px
}

@media (max-width: 768px) {
    #landing #Carousel {
        padding:42px 0 21px
    }
}

#landing #Carousel .slide {
    height: 475px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 71px
}

@media (max-width: 768px) {
    #landing #Carousel .slide {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        padding: 0
    }
}

#landing #Carousel .slide .cover-container {
    -ms-flex-preferred-size: 450px;
    flex-basis: 450px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: transparent;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 0
}

#landing #Carousel .slide .cover-container img {
    width: 100%
}

@media (max-width: 1350px) {
    #landing #Carousel .slide .cover-container {
        -ms-flex-preferred-size:350px;
        flex-basis: 350px
    }
}

@media (max-width: 991px) {
    #landing #Carousel .slide .cover-container {
        -ms-flex-preferred-size:300px;
        flex-basis: 300px
    }
}

@media (max-width: 768px) {
    #landing #Carousel .slide .cover-container {
        -ms-flex-preferred-size:auto;
        flex-basis: auto;
        margin-bottom: 40px;
        width: 220px
    }
}

#landing #Carousel .slide .details {
    padding: 0 10px 0 30px
}

@media (max-width: 768px) {
    #landing #Carousel .slide .details {
        padding:0 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
}

#landing #Carousel .slide .details .quote {
    position: relative
}

#landing #Carousel .slide .details .quote::before {
    content: "";
    width: 66px;
    height: 77px;
    background: url(/img/landing/quote.svg) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: -90px
}

@media (max-width: 768px) {
    #landing #Carousel .slide .details .quote::before {
        width:32px;
        height: 38px;
        left: 50%;
        -webkit-transform: translateX(-16px);
        transform: translateX(-16px)
    }
}

#landing #Carousel .slide .details .quote .text {
    color: #222;
    font-size: 26px;
    line-height: 36px
}

@media (max-width: 991px) {
    #landing #Carousel .slide .details .quote .text {
        font-size:18px
    }
}

@media (max-width: 768px) {
    #landing #Carousel .slide .details .quote .text {
        margin-top:40px;
        font-size: 17px;
        line-height: 23px
    }
}

#landing #Carousel .slide .details .quote .author {
    text-align: right;
    font-size: 25px;
    line-height: 40px;
    color: #948f8b
}

#landing #Carousel .slide .details .quote .author::before {
    content: "—";
    margin-right: 10px
}

@media (max-width: 991px) {
    #landing #Carousel .slide .details .quote .author {
        font-size:18px
    }
}

@media (max-width: 768px) {
    #landing #Carousel .slide .details .quote .author {
        text-align:center;
        font-size: 16px;
        line-height: 41px
    }
}

#landing #Carousel .slide .details .about {
    font-size: 18px;
    line-height: 28px;
    color: #6f6f6f
}

@media (max-width: 991px) {
    #landing #Carousel .slide .details .about {
        font-size:16px
    }
}

#landing #Carousel .slide .details button {
    display: block;
    position: absolute;
    bottom: 0
}

@media (max-width: 768px) {
    #landing #Carousel .slide .details button {
        position:relative;
        width: 80%;
        margin: auto
    }
}

#landing #Carousel .controls .control {
    display: inline-block;
    width: 60px;
    height: 10px;
    background-color: #ff6122;
    opacity: .5;
    cursor: pointer;
    margin-right: 5px
}

@media (max-width: 991px) {
    #landing #Carousel .controls .control {
        width:30px
    }
}

#landing #Carousel .controls .control.active {
    opacity: 1
}

#landing #Carousel .slideBtn {
    margin-top: 80px;
    padding: 0 15px
}

#landing #Carousel .slideBtn.prev img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#landing #Carousel .slideBtn img {
    width: 32px;
    height: 32px
}

#landing #Links h3 {
    font-size: 30px;
    margin-bottom: 67px
}

@media (max-width: 768px) {
    #landing #Links h3 {
        font-size:26px;
        margin-bottom: 30px
    }
}

#landing #Links #GetDiscovered {
    background-color: #fafafa;
    padding: 60px 0 67px
}

#landing #Links #GetDiscovered h3 {
    color: #222
}

@media (max-width: 768px) {
    #landing #Links #GetDiscovered {
        padding:30px 0
    }
}

#landing #Links #GetDiscovered .links .link .image::after {
    right: 0;
    background-color: #00b2b2
}

#landing #Links #GetDiscovered .links .link:hover h4 {
    color: #00b2b2
}

#landing #Links .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#landing #Links .links .link {
    position: relative;
    -ms-flex-preferred-size: 322px;
    flex-basis: 322px;
    cursor: pointer
}

@media (max-width: 991px) {
    #landing #Links .links .link {
        width:100%
    }
}

#landing #Links .links .link .image {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#landing #Links .links .link .image::after {
    content: "";
    width: 295px;
    height: 295px;
    position: absolute;
    z-index: -1;
    bottom: -12px
}

@media (max-width: 991px) {
    #landing #Links .links .link .image::after {
        width:95%;
        height: 95%;
        bottom: 0
    }
}

#landing #Links .links .link .image img {
    width: 309px;
    display: block
}

@media (max-width: 991px) {
    #landing #Links .links .link .image img {
        width:100%
    }
}

#landing #Links .links .link .info {
    margin-top: 60px;
    padding: 0 14px;
    max-width: 295px
}

#landing #Links .links .link .info h4 {
    color: #222;
    -webkit-transition: .2s ease-in color;
    transition: .2s ease-in color
}

@media (max-width: 768px) {
    #landing #Links .links .link .info {
        max-width:none
    }
}

#landing #Links .links.slider .link .image {
    margin: 0 50px
}

#landing #Links .links.slider .slideBtn {
    margin-top: 80px
}

#landing #Links .links.slider .slideBtn.prev img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#landing #Links .links.slider .slideBtn img {
    width: 32px;
    height: 32px
}

#landing #TakeWPWithYou {
    background: url(/img/landing/wattpad-wall.png) center no-repeat;
    background-size: cover;
    background-color: #fff;
    padding-top: 62px;
    margin-bottom: 60px
}

#landing #TakeWPWithYou::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 160px;
    background-color: #fff
}

#landing #TakeWPWithYou .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

#landing #TakeWPWithYou .content h4 {
    font-weight: 600
}

#landing #TakeWPWithYou .content p {
    margin-bottom: 40px
}

#landing #TakeWPWithYou .content .buttons {
    margin-bottom: 50px
}

#landing #TakeWPWithYou .content .buttons button {
    width: 215px
}

#landing #TakeWPWithYou .content .buttons button:first-child {
    margin-right: 20px
}

#landing #TakeWPWithYou .content img {
    width: 100%;
    z-index: 100
}

@media (max-width: 768px) {
    #landing #TakeWPWithYou {
        background-size:cover;
        padding: 32px 0 0
    }

    #landing #TakeWPWithYou .content .buttons {
        width: 70%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #landing #TakeWPWithYou .content .devices {
        z-index: 2;
        padding-bottom: 30px
    }

    #landing #TakeWPWithYou .content::after {
        content: "";
        width: 100%;
        position: absolute;
        background-color: #fff;
        height: 60px;
        bottom: 0;
        left: 0;
        z-index: 1
    }
}

#landing #BrandPartnershipsBanner {
    background-color: #2a1c60;
    height: 269px;
    overflow: hidden;
    position: relative
}

#landing #BrandPartnershipsBanner a {
    margin-top: 26px;
    background: #fff;
    color: #121212;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 20px;
    padding: 8px 24px;
    border: none;
    cursor: pointer;
    min-height: 40px;
    font-weight: var(--font-weight-bold);
    text-decoration: none
}

#landing #BrandPartnershipsBanner .company-logo {
    width: 696px;
    -webkit-transform: rotate(11.19deg) translate(8px,34px);
    transform: rotate(11.19deg) translate(8px,34px);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 0
}

#landing #BrandPartnershipsBanner .content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    height: 100%
}

#landing #BrandPartnershipsBanner .content .title {
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0;
    margin-bottom: 0;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #f6f2ff
}

#landing #BrandPartnershipsBanner .content .subtitle {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    margin-top: 10px;
    margin-bottom: 0;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #f6f2ff
}

.wallet {
    width: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 17px;
    -webkit-transition: .3s ease-out width,border-color .2s ease-in,background-color .2s ease-in;
    transition: .3s ease-out width,border-color .2s ease-in,background-color .2s ease-in;
    color: #222;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #eee;
    background-color: #fafafa
}

.wallet.default:hover:enabled {
    border-color: #e1e1e1;
    background-color: #ededed
}

.wallet .coin-icon {
    height: 34px;
    width: 34px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.wallet .num-coins {
    padding: 0 5px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.wallet .num-coins.divider-right {
    border-right: 1px solid #eee;
    line-height: 34px
}

.wallet .get-coins {
    width: 28px;
    background-color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wallet .get-coins .fa {
    font-weight: 700;
    margin-right: 3px
}

.wallet.coin-solo {
    width: 36px;
    background-color: #ff6122
}

.wallet.deducting {
    background-color: #ff6122;
    color: #fff;
    width: 200px
}

.wallet.deducting .deducting-icon {
    background-color: #e64809;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.wallet.subtracting {
    width: 200px;
    background-color: #ff6122;
    color: #fff
}

.wallet.subtracting .coin-container {
    width: 34px;
    height: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wallet.subtracting .coin-icon {
    -webkit-animation: fadein .3s,pulse .4s .3s;
    animation: fadein .3s,pulse .4s .3s
}

.wallet.subtracting .num-coins {
    -webkit-animation: .2s fadein .5s;
    animation: .2s fadein .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes pulse {
    50% {
        width: 50%;
        height: 50%
    }
}

@keyframes pulse {
    50% {
        width: 50%;
        height: 50%
    }
}

.wallet-onboarding .wallet-overlay {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5)
}

.wallet-onboarding .wallet-bubble {
    z-index: 1000;
    position: relative;
    padding: 10px;
    border-radius: 30px;
    background-color: #fff
}

.wallet-onboarding .wallet-bubble .wallet {
    pointer-events: none
}

.wallet-onboarding.desktop .arrow {
    right: 25px
}

.wallet-onboarding.desktop .tooltip-content {
    right: 50px;
    left: initial
}

.wallet-onboarding .tooltip-content {
    padding: 12px;
    width: 250px;
    position: absolute;
    top: calc(100% + 12px);
    left: 30px;
    text-align: left;
    background-color: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.wallet-onboarding .tooltip-content .arrow {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    position: absolute;
    top: -12px
}

.wallet-onboarding .tooltip-content h6 {
    color: #222;
    font-size: 15px;
    margin: 0 0 5px
}

.wallet-onboarding .tooltip-content p {
    color: #6f6f6f;
    font-size: 13px;
    line-height: normal;
    margin: 0
}

.wallet-onboarding .tooltip-content button {
    color: #ff6122!important;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 0;
    background: 0 0
}

.onboarding-tooltip .tooltip-overlay {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5)
}

.onboarding-tooltip.desktop .arrow {
    right: 25px
}

.onboarding-tooltip.desktop .tooltip-content {
    right: 50px;
    left: initial
}

.onboarding-tooltip .tooltip-content {
    z-index: 1000;
    padding: 12px;
    width: 200px;
    position: absolute;
    top: calc(100% + 12px);
    left: 8px;
    text-align: left;
    background-color: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.onboarding-tooltip .tooltip-content .arrow {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    position: absolute;
    top: -12px
}

.onboarding-tooltip .tooltip-content .tooltip-title {
    color: #121212;
    font-weight: 700;
    line-height: 22px;
    font-size: var(--font-size-sm);
    margin: 0 0 4px
}

.onboarding-tooltip .tooltip-content .tooltip-text {
    color: #686868;
    line-height: 20px;
    font-size: var(--font-size-xs);
    white-space: normal;
    line-height: normal;
    margin: 0;
    margin-bottom: 12px
}

.onboarding-tooltip .tooltip-content .confirm-button {
    margin-left: auto
}

.paywall-container {
    padding-top: 45px
}

@media (min-width: 992px) {
    .paywall-container {
        padding-bottom:45px
    }
}

.story-part-paywall {
    background-color: #f6f6f6;
    text-align: center;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

@media (max-width: 991px) {
    .story-part-paywall {
        padding-left:5%;
        padding-right: 5%
    }
}

.story-part-paywall .lock-circle {
    height: 33px;
    width: 33px;
    border-radius: 50%;
    border: 1px solid #eee;
    background-color: #fff;
    margin: -16.5px auto 10px
}

.story-part-paywall .lock-circle .fa {
    vertical-align: middle
}

.story-part-paywall .cta {
    position: relative;
    max-width: 600px;
    margin: 28px auto 10px
}

.story-part-paywall .cta h2 {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 24px;
    color: #222
}

.story-part-paywall .cta .author-info.mobile {
    margin: 30px auto;
    font-weight: 700;
    font-size: 14px
}

.story-part-paywall .cta .author-info.desktop {
    max-width: 150px;
    position: absolute;
    left: -225px;
    top: 15px;
    line-height: 1
}

@media (max-width: 1349px) {
    .story-part-paywall .cta .author-info.desktop {
        display:none
    }
}

.story-part-paywall .cta .author-info.desktop .description {
    color: #6f6f6f;
    font-size: 12px;
    font-style: italic;
    margin-top: 10px
}

.story-part-paywall .cta .become-a-supporter {
    font-size: 18px
}

.story-part-paywall button.unlock {
    height: 60px;
    border-radius: calc(60px/2);
    min-width: 280px;
    font-size: 16px;
    text-align: left;
    margin: 20px 18px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.story-part-paywall button.unlock .coin-icon {
    margin-right: 10px;
    border-radius: 50%
}

.story-part-paywall button.unlock .cost {
    font-size: 20px
}

.story-part-paywall button.unlock .cost:after {
    content: "";
    border-right: 1px solid #fff;
    position: absolute;
    top: -2px;
    height: 60px
}

.story-part-paywall button.unlock .cost .price {
    font-weight: 700;
    margin-right: 5px;
    vertical-align: middle;
    min-width: 40px;
    display: inline-block
}

.story-part-paywall button.unlock .unlock-copy {
    margin-left: 10px;
    white-space: normal
}

.story-part-paywall button.unlock .unlocking {
    text-align: center
}

.story-part-paywall button.unlock .unlocking .check-circle {
    margin: auto;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    left: 30px
}

.story-part-paywall button.unlock .unlocking .check-circle .fa {
    top: 3px;
    left: 1px
}

.story-part-paywall button.unlock .unlocking .unlocking-text {
    vertical-align: middle
}

.story-part-paywall .more-details {
    margin: 20px 0 35px;
    line-height: normal;
    color: #6f6f6f;
    font-size: 14px
}

.story-part-paywall.is-bonus-part {
    background-color: #f6f2ff
}

.story-part-paywall.is-bonus-part .lock-circle .fa-lock:before {
    color: #2a1c60
}

.story-part-paywall.is-bonus-part .btn-link {
    font-weight: 600;
    color: #121212
}

.bonus-part-header .panel-bonus-header {
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0
}

.bonus-part-header .panel-bonus-header .bonus-type {
    font-weight: 600;
    color: #3b19a9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px
}

.bonus-part-header .panel-bonus-header .title {
    font-weight: 600;
    color: #121212;
    margin-bottom: 26px
}

.bonus-part-header .panel-bonus-header .chapter-description {
    font-size: 18px;
    margin-bottom: 40px
}

.bonus-part-header .panel-bonus-header .bonus-part-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bonus-part-header .panel-bonus-header .bonus-part-stats .new-story-stats {
    margin-top: 0
}

.bonus-part-header .panel-bonus-header .story-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 50px
}

.bonus-part-header .panel-bonus-header .story-stats .stat-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.bonus-part-header .panel-bonus-header .author-note {
    background: #f6f2ff;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 40px
}

.bonus-part-header .panel-bonus-header .author-note .author-header {
    font-weight: 600;
    color: #121212;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px
}

.bonus-part-header .panel-bonus-header .author-note .author-header .author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.bonus-part-header .panel-bonus-header .author-note .author-header .author .author-avatar {
    border-radius: 50%;
    width: 16px;
    height: 16px
}

.bonus-part-header .panel-bonus-header .author-note .note {
    text-align: left
}

.bonus-part-header .panel-bonus-header .divider {
    background: #e2e2e2;
    height: 1px;
    margin: 0 28%
}

.bonus-part-header .panel-bonus-header .divider.is-draft {
    margin: 18px 100px 0
}

.story-paywall {
    text-align: center;
    padding: 25px 0 15px;
    color: #6f6f6f
}

@media (min-width: 768px) {
    .story-paywall {
        padding-left:10%;
        padding-right: 10%
    }
}

.story-paywall .fa-remove {
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px
}

.story-paywall h2 {
    font-weight: 600;
    margin-bottom: 25px;
    color: #222
}

.story-paywall .avatar {
    margin: 0 auto 10px;
    width: 80px;
    height: 80px
}

.story-paywall .profile-link {
    color: #6f6f6f
}

.story-paywall .blocked-message {
    padding: 25px 5% 35px
}

.story-paywall .author-name {
    margin-top: 25px;
    text-align: left;
    font-weight: 700
}

.story-paywall button {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    white-space: normal
}

@media (min-width: 768px) {
    .story-paywall button {
        min-width:300px
    }
}

.story-paywall .more-details {
    width: 90%;
    margin: 15px auto 0;
    font-size: 12px;
    color: #6f6f6f;
    line-height: normal;
    text-align: left
}

.wp-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    z-index: 1031
}

.wp-modal .modal-content {
    -ms-flex-preferred-size: 600px;
    flex-basis: 600px;
    max-width: 90%;
    background-color: #fff;
    border-radius: 4px;
    padding: 20px;
    max-height: 95%;
    overflow-y: auto;
    overflow-x: hidden
}

.wp-modal .modal-content.animate {
    -webkit-animation: fadein .4s;
    animation: fadein .4s
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.wp-modal .modal-content .close-btn {
    cursor: pointer;
    position: absolute;
    padding: 12px;
    top: 2px;
    right: 1px
}

.confirm-modal-container {
    z-index: 1100
}

#buy-coins-modal {
    color: #6f6f6f;
    text-align: center
}

#buy-coins-modal * {
    margin: 0;
    padding: 0
}

#buy-coins-modal .modal-content {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

#buy-coins-modal .modal-container {
    max-width: 90%;
    max-height: 95vh;
    overflow-x: hidden
}

#buy-coins-modal .fa-remove {
    cursor: pointer;
    position: absolute;
    top: 13px;
    right: 13px
}

#buy-coins-modal .coins-cta h3 {
    color: #222;
    font-weight: var(--font-weight-bold);
    text-shadow: initial;
    font-size: var(--font-size-xl);
    margin-bottom: 16px
}

#buy-coins-modal .coins-cta p {
    color: #6f6f6f;
    font-size: 18px
}

#buy-coins-modal .how-to-buy .step-circle {
    background-color: #ff500a;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

#buy-coins-modal .how-to-buy .step-circle div {
    display: inline-block;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    font-weight: var(--font-weight-bold);
    padding-top: 10px
}

#buy-coins-modal .faq-link {
    font-weight: var(--font-weight-bold);
    font-size: 18px;
    color: #121212
}

@media (min-width: 600px) {
    #buy-coins-modal .modal-container {
        padding:80px 32px 40px 32px
    }

    #buy-coins-modal .coins-cta {
        padding: 56px auto 56px;
        background-color: #fff;
        margin-bottom: 48px
    }

    #buy-coins-modal .how-to-buy {
        margin-bottom: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 64px
    }

    #buy-coins-modal .how-to-buy .step {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 340px
    }

    #buy-coins-modal .how-to-buy .step .instruction {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 100%
    }

    #buy-coins-modal .how-to-buy .step-instruction {
        padding: 16px 0 24px;
        font-size: 18px;
        line-height: 24px;
        margin: 0
    }

    #buy-coins-modal .how-to-buy .instruction-image {
        text-align: center;
        width: 160px;
        height: 312px
    }

    #buy-coins-modal .learn-more {
        margin-top: 48px
    }
}

@media (max-width: 600px) {
    #buy-coins-modal .modal-container {
        padding:60px 24px 32px 24px
    }

    #buy-coins-modal .coins-cta {
        background-color: #fff;
        margin-bottom: 28px
    }

    #buy-coins-modal .coins-cta h3 {
        line-height: 40px
    }

    #buy-coins-modal .how-to-buy .step {
        border-bottom: 1px solid #eee
    }

    #buy-coins-modal .how-to-buy p {
        margin: 20px 0
    }

    #buy-coins-modal .how-to-buy .step {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 18px;
        line-height: normal
    }

    #buy-coins-modal .how-to-buy .step .step-circle {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 16px
    }

    #buy-coins-modal .how-to-buy .step .step-instruction {
        text-align: left
    }

    #buy-coins-modal .how-to-buy .btn {
        margin-top: 10px;
        height: 42px;
        min-width: 50%;
        font-size: 18px;
        padding: 10px 15px!important
    }

    #buy-coins-modal .store-link {
        display: block;
        margin-top: 48px;
        margin-bottom: 24px
    }

    #buy-coins-modal .store-link img {
        width: 164px;
        height: 48px
    }
}

.purchase-confirmation .modal-content {
    -ms-flex-preferred-size: initial;
    flex-basis: initial;
    text-align: right;
    padding: 15px 15px 30px
}

@media (min-width: 575px) {
    .purchase-confirmation .modal-content {
        padding:25px 25px 50px
    }
}

.purchase-confirmation h3 {
    color: #222;
    font-weight: 700;
    text-align: center;
    width: 75%;
    margin: 0 auto 24px
}

.purchase-confirmation .purchase-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.purchase-confirmation .purchase-options button {
    font-size: 16px;
    font-weight: 700;
    min-width: 180px;
    margin: 10px 8px;
    height: 42px;
    border-radius: 21px
}

.purchase-confirmation .confirm-unlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.purchase-confirmation .confirm-unlock .coin-icon {
    margin-right: 8px
}

.announcement-modal {
    padding: 20px;
    text-align: center;
    color: #6f6f6f
}

.announcement-modal img {
    margin-bottom: 20px;
    height: 41px;
    width: 65px
}

.announcement-modal header {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600
}

.announcement-modal .buttons {
    margin-top: 20px
}

.announcement-modal .buttons a,.announcement-modal .buttons button {
    padding: 6px 28px
}

.banner-background {
    background: #222;
    height: 300px;
    width: 100%;
    overflow: visible;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.banner-background .banner-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-self: center;
    margin: 0 auto;
    height: 50%;
    width: 33%
}

.banner-background .flavour-text {
    font-size: 18px;
    color: #fff;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif
}

.banner-background .banner-btn {
    font-size: 14px;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif
}

.banned-image-wrapper {
    max-width: 720px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.banned-image-wrapper .banned-image-messaging {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.banned-image-wrapper .banned-image-messaging .message {
    font-size: 18px;
    line-height: 24px;
    height: 48px;
    color: #fafafa;
    text-align: center;
    width: 342px;
    max-width: 100%;
    -ms-flex-item-align: center;
    align-self: center
}

.banned-image-wrapper .banned-image-messaging .message .on-learn-more {
    padding-left: 5px;
    font-weight: 600;
    text-decoration: underline
}

#header-banned-image-warning {
    height: 100%;
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.onboarding-modal {
    background-color: #fff;
    padding: 0 10px
}

@media (min-width: 768px) {
    .onboarding-modal {
        width:560px
    }
}

.onboarding-modal .slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .onboarding-modal .slide {
        -ms-flex-wrap:nowrap;
        flex-wrap: nowrap
    }
}

.onboarding-modal .close-btn {
    position: absolute;
    z-index: 1000;
    left: auto;
    right: 30px
}

.onboarding-modal .slide-pane {
    padding: 10px
}

@media (min-width: 768px) {
    .onboarding-modal .slide-pane {
        width:50%
    }
}

.onboarding-modal .slide-pane.slide-image {
    height: 256px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.onboarding-modal .slide-pane.slide-copy {
    text-align: center;
    padding: 10px 10px 10px 26px
}

@media (min-width: 768px) {
    .onboarding-modal .slide-pane.slide-copy {
        text-align:left
    }
}

.onboarding-modal .slider-control-bottomcenter {
    position: initial!important;
    -webkit-transform: none!important;
    transform: none!important
}

.onboarding-modal .carousel-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.onboarding-modal .carousel-controls .paging-buttons {
    margin-bottom: 10px
}

.onboarding-modal .carousel-controls .paging-buttons .fa {
    padding: 0
}

.onboarding-modal .carousel-controls button.onboarding-nav {
    min-width: 150px;
    padding: 10px;
    margin-top: 10px
}

.onboarding-modal .carousel-controls button.onboarding-nav.nav-back {
    color: #121212;
    font-weight: var(--font-weight-bold);
    display: none
}

@media (min-width: 768px) {
    .onboarding-modal .carousel-controls button.onboarding-nav.nav-back {
        display:initial
    }

    .onboarding-modal .carousel-controls button.onboarding-nav.nav-back.invisible {
        visibility: hidden
    }
}

.onboarding-modal .learn-more {
    font-weight: 600
}

.onboarding-modal h4 {
    color: #121212
}

.onboarding-modal span.slide-copy {
    color: #686868
}

.onboarding-modal button.btn-no-background {
    padding: 5px
}

@media (max-width: 991px) {
    .onboarding-modal .slide-pane.slide-copy {
        padding:10px
    }
}

.person-result .avatar {
    margin-right: 6px;
    height: 42px;
    width: 42px
}

.person-result .content {
    margin-left: 54px
}

.person-result .content h5 {
    margin-top: 0;
    font-size: 16px
}

.person-result .name-and-badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.person-result .name-and-badges .badges .user-badge {
    margin-left: 4px
}

.profile-header .header-metadata {
    padding-bottom: 21px
}

.profile-header .unblock-button,.profile-header .unmute-button {
    display: block;
    height: 38px;
    margin: auto;
    margin-bottom: 16px;
    padding: 0 27px;
    border: 1px solid #eee;
    border-radius: 6px;
    background-color: rgba(255,255,255,.3)
}

.profile-header .profile-name {
    margin-bottom: 8px
}

.profile-header.user-404 .avatar {
    margin-bottom: 62px
}

.profile-header header.background {
    background-color: #6f6f6f
}

.user-safety-operations {
    max-width: 300px;
    padding: 11px 16px
}

@media (max-width: 768px) {
    .user-safety-operations {
        max-width:100%
    }
}

.user-safety-operations .user-safety-operation {
    padding: 0;
    width: 100%;
    color: #121212;
    font-size: 12px;
    font-weight: 600;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: pre;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.user-safety-operations .user-safety-operation span {
    font-size: 12px
}

.user-safety-operations .user-safety-operation:not(:first-child) {
    margin-top: 8px
}

.user-safety-operations .user-safety-operation:hover {
    text-decoration: underline
}

.dropdown-menu .moderation-options {
    padding: 0 16px 11px 16px;
    margin-top: -3px
}

.dropdown-menu .moderation-options .user-safety-operation .fa {
    margin: 0 0 0 5px;
    top: 0
}

.dropdown-menu .moderation-options .user-safety-operation:hover {
    text-decoration: none
}

.dropdown-menu .moderation-options .user-safety-operation .option:hover {
    text-decoration: underline
}

.login-modal .modal-content,.signup-modal .modal-content {
    -ms-flex-preferred-size: 536px;
    flex-basis: 536px
}

.login-modal .modal-body,.signup-modal .modal-body {
    padding-top: 42px
}

.login-modal .signup-form h1,.signup-modal .signup-form h1 {
    line-height: 40px;
    margin: 8px 0 0;
    font-weight: 700;
    text-align: center;
    color: #222;
    font-size: 22px;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif
}

.login-modal .signup-form h2,.login-modal .signup-form p,.signup-modal .signup-form h2,.signup-modal .signup-form p {
    margin-bottom: 6px;
    text-align: center;
    padding: 0 40px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
    color: #222
}

.login-modal .signup-form .back-button,.signup-modal .signup-form .back-button {
    margin-bottom: 24px
}

.login-modal .signup-form .tool-tip,.signup-modal .signup-form .tool-tip {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #222;
    border-radius: 3px
}

.login-modal .signup-form .field-label,.signup-modal .signup-form .field-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left
}

.login-modal .signup-form .field-label .field-label-text,.signup-modal .signup-form .field-label .field-label-text {
    display: inline-block;
    font-weight: 700;
    margin: 0 5px 0 0
}

.login-modal .signup-form .field-label .tooltip-icon,.signup-modal .signup-form .field-label .tooltip-icon {
    position: relative;
    top: 2px
}

.login-modal .signup-form .panel-body,.signup-modal .signup-form .panel-body {
    color: #222;
    font-size: 18px;
    padding: 12px 33px 20px
}

.login-modal .signup-form .panel-body .form-group,.signup-modal .signup-form .panel-body .form-group {
    margin-bottom: 24px;
    text-align: left
}

.login-modal .signup-form .panel-body .form-group.old-padding,.signup-modal .signup-form .panel-body .form-group.old-padding {
    margin-bottom: 16px
}

.login-modal .signup-form .panel-body .form-group .control-label,.login-modal .signup-form .panel-body .form-group .form-label,.signup-modal .signup-form .panel-body .form-group .control-label,.signup-modal .signup-form .panel-body .form-group .form-label {
    font-weight: 700;
    color: #222;
    font-size: 18px
}

.login-modal .signup-form .panel-body .form-group .form-control:not(.password-field),.signup-modal .signup-form .panel-body .form-group .form-control:not(.password-field) {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    font-size: 16px;
    background-color: #fafafa;
    color: #222;
    margin-top: 4px;
    height: 48px
}

.login-modal .signup-form .panel-body .form-group .form-control:not(.password-field):focus,.signup-modal .signup-form .panel-body .form-group .form-control:not(.password-field):focus {
    border: solid 1px #222;
    border-radius: 4px
}

.login-modal .signup-form .panel-body .form-group.valid input,.signup-modal .signup-form .panel-body .form-group.valid input {
    border-color: #00854e;
    outline: 0
}

.login-modal .signup-form .panel-body .form-group.invalid input,.signup-modal .signup-form .panel-body .form-group.invalid input {
    border-color: var(--ds-base-4-60);
    outline: 0
}

.login-modal .signup-form .panel-body .form-group.old-validation-padding,.signup-modal .signup-form .panel-body .form-group.old-validation-padding {
    margin-bottom: 10px
}

.login-modal .signup-form .panel-body .birthday-info,.signup-modal .signup-form .panel-body .birthday-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left
}

.login-modal .signup-form .panel-body .birthday-container,.signup-modal .signup-form .panel-body .birthday-container {
    width: 100%;
    margin-bottom: 16px
}

.login-modal .signup-form .panel-body .birthday-container .birthday-fields,.signup-modal .signup-form .panel-body .birthday-container .birthday-fields {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.login-modal .signup-form .panel-body .birthday-container .birthday-fields .form-group,.signup-modal .signup-form .panel-body .birthday-container .birthday-fields .form-group {
    margin-bottom: 0
}

.login-modal .signup-form .panel-body .birthday-container .birthday-fields .day,.login-modal .signup-form .panel-body .birthday-container .birthday-fields .month,.login-modal .signup-form .panel-body .birthday-container .birthday-fields .year,.signup-modal .signup-form .panel-body .birthday-container .birthday-fields .day,.signup-modal .signup-form .panel-body .birthday-container .birthday-fields .month,.signup-modal .signup-form .panel-body .birthday-container .birthday-fields .year {
    width: 30%
}

.login-modal .signup-form .panel-body .birthday-container .birthday-fields .birthday-dropdowns,.signup-modal .signup-form .panel-body .birthday-container .birthday-fields .birthday-dropdowns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4px
}

.login-modal .signup-form .panel-body .birthday-container .birthday-fields .birthday-dropdowns select,.signup-modal .signup-form .panel-body .birthday-container .birthday-fields .birthday-dropdowns select {
    line-height: 20px;
    padding-right: 0
}

.login-modal .signup-form .panel-body .birthday-container .birthday-fields .pronoun-dropdown,.signup-modal .signup-form .panel-body .birthday-container .birthday-fields .pronoun-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4px
}

.login-modal .signup-form .panel-body .birthday-container .birthday-fields .pronoun-dropdown select,.signup-modal .signup-form .panel-body .birthday-container .birthday-fields .pronoun-dropdown select {
    line-height: 20px;
    padding-right: 0
}

.login-modal .signup-form .panel-body .birthday-container.invalid .has-feedback select,.signup-modal .signup-form .panel-body .birthday-container.invalid .has-feedback select {
    border-color: var(--ds-base-4-60)
}

.login-modal .signup-form .panel-body .hr-with-text,.signup-modal .signup-form .panel-body .hr-with-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.login-modal .signup-form .panel-body .hr-with-text .or,.signup-modal .signup-form .panel-body .hr-with-text .or {
    font-size: 14px
}

.login-modal .signup-form .panel-body .hr-with-text .horizontal-line,.signup-modal .signup-form .panel-body .hr-with-text .horizontal-line {
    width: 45%;
    height: 1px;
    border-bottom: 1px solid #eee
}

.login-modal .signup-form .panel-body .hr-margin,.signup-modal .signup-form .panel-body .hr-margin {
    margin: 8px auto
}

.login-modal .signup-form .panel-body .hr-margin-new,.signup-modal .signup-form .panel-body .hr-margin-new {
    margin: 0 0 24px 0
}

.login-modal .signup-form .panel-body .submit-btn-margin-24,.signup-modal .signup-form .panel-body .submit-btn-margin-24 {
    margin: 0 0 24px 0;
    height: 48px
}

.login-modal .signup-form .panel-body p:last-of-type,.signup-modal .signup-form .panel-body p:last-of-type {
    text-align: center;
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    padding: 0
}

.login-modal .signup-form .panel-body p:last-of-type .login,.signup-modal .signup-form .panel-body p:last-of-type .login {
    color: #2a1c60;
    font-weight: 600;
    padding: 0;
    border: none;
    outline: 0;
    background-color: transparent
}

.login-modal .signup-form .panel-body .email-policy-agreement-container,.signup-modal .signup-form .panel-body .email-policy-agreement-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 24px auto;
    text-align: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.login-modal .signup-form .panel-body .email-policy-agreement-container.old-padding,.signup-modal .signup-form .panel-body .email-policy-agreement-container.old-padding {
    margin: 16px auto
}

.login-modal .signup-form .panel-body .email-policy-agreement-container .checkbox-content,.signup-modal .signup-form .panel-body .email-policy-agreement-container .checkbox-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.login-modal .signup-form .panel-body .email-policy-agreement-container .policy-agreement,.signup-modal .signup-form .panel-body .email-policy-agreement-container .policy-agreement {
    margin: 0;
    text-align: left;
    color: #222;
    max-width: none
}

.login-modal .signup-form .panel-body .email-policy-agreement-container .policy-agreement a,.signup-modal .signup-form .panel-body .email-policy-agreement-container .policy-agreement a {
    color: #3b19a9;
    font-weight: 700
}

.login-modal .signup-form .panel-body .email-policy-agreement-container .checkbox-title,.signup-modal .signup-form .panel-body .email-policy-agreement-container .checkbox-title {
    margin: 0;
    text-align: left;
    color: #222;
    max-width: none;
    font-weight: 400
}

.login-modal .signup-form .panel-body .email-policy-agreement-container .checkbox-title a,.signup-modal .signup-form .panel-body .email-policy-agreement-container .checkbox-title a {
    color: #1c6f65;
    font-weight: 700
}

.login-modal .signup-form .panel-body .email-policy-agreement-container .checkbox-subtitle,.signup-modal .signup-form .panel-body .email-policy-agreement-container .checkbox-subtitle {
    margin: 0;
    text-align: left;
    color: #686868;
    max-width: none;
    font-weight: 400
}

.login-modal .signup-form .panel-body .email-policy-agreement-container .checkbox-error,.signup-modal .signup-form .panel-body .email-policy-agreement-container .checkbox-error {
    margin: 0;
    text-align: left;
    color: #9e1d42;
    max-width: none
}

.login-modal .signup-form .panel-body .email-policy-agreement-container .c-checkbox,.signup-modal .signup-form .panel-body .email-policy-agreement-container .c-checkbox {
    margin: 0 8px 0 0
}

.login-modal .signup-form .panel-body .old-checked:before,.signup-modal .signup-form .panel-body .old-checked:before {
    background: #3b19a9;
    border-color: #3b19a9
}

.login-modal .signup-form .panel-body .checkbox-subtitle,.signup-modal .signup-form .panel-body .checkbox-subtitle {
    font-size: var(--font-size-xxs);
    text-align: center;
    display: table;
    max-width: 300px;
    color: #6f6f6f;
    margin: 26px auto 16px;
    line-height: var(--line-height-xxs)
}

.login-modal .signup-form .panel-body .checkbox-subtitle a,.signup-modal .signup-form .panel-body .checkbox-subtitle a {
    color: #1c6f65;
    font-weight: 600
}

.login-modal .signup-form .panel-body .checkbox-title,.signup-modal .signup-form .panel-body .checkbox-title {
    font-size: 13px;
    text-align: center;
    display: table;
    max-width: 300px;
    color: #6f6f6f;
    margin: 26px auto 16px;
    line-height: 15px
}

.login-modal .signup-form .panel-body .checkbox-title a,.signup-modal .signup-form .panel-body .checkbox-title a {
    color: #1c6f65;
    font-weight: 600
}

.login-modal .signup-form .panel-body .policy-agreement,.signup-modal .signup-form .panel-body .policy-agreement {
    font-size: 12px;
    text-align: center;
    display: table;
    max-width: 300px;
    color: #6f6f6f;
    margin: 26px auto 16px;
    line-height: 15px
}

.login-modal .signup-form .panel-body .policy-agreement a,.signup-modal .signup-form .panel-body .policy-agreement a {
    color: #2a1c60;
    font-weight: 600
}

.login-modal .signup-form .panel-body .btn,.signup-modal .signup-form .panel-body .btn {
    height: 44px;
    font-size: 13px;
    line-height: 26px;
    border-radius: 100px
}

.login-modal .signup-form .panel-body .signin-buttons-new,.signup-modal .signup-form .panel-body .signin-buttons-new {
    margin-top: 40px
}

.login-modal .signup-form .panel-body .signin-buttons,.signup-modal .signup-form .panel-body .signin-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.login-modal .signup-form .panel-body .signin-buttons .fa,.signup-modal .signup-form .panel-body .signin-buttons .fa {
    top: 5px;
    margin-left: 0;
    padding-right: 0
}

.login-modal .signup-form .panel-body .signin-buttons .btn-google,.signup-modal .signup-form .panel-body .signin-buttons .btn-google {
    border: solid 1.2px #6f6f6f;
    margin-top: 8px;
    background-color: #fff
}

.login-modal .signup-form .panel-body .signin-buttons .auth-btn,.signup-modal .signup-form .panel-body .signin-buttons .auth-btn {
    display: inline;
    margin-left: 8px
}

.login-modal .signup-form .panel-body .signin-buttons .auth-button-new,.signup-modal .signup-form .panel-body .signin-buttons .auth-button-new {
    border-radius: 100px;
    border: 2px solid var(--ds-neutral-100-solid);
    background: var(--ds-neutral-00-solid);
    height: 48px;
    margin: 0 0 24px
}

.login-modal .signup-form .panel-body .signin-buttons .auth-button-new .google-login-icon,.signup-modal .signup-form .panel-body .signin-buttons .auth-button-new .google-login-icon {
    vertical-align: middle;
    margin-right: 8px
}

.login-modal .signup-form .panel-body .signin-buttons .auth-button-new .auth-button-text-new,.signup-modal .signup-form .panel-body .signin-buttons .auth-button-new .auth-button-text-new {
    color: var(--ds-neutral-100-solid);
    text-align: center;
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-xs);
    font-size: var(--font-size-sm)
}

@media (min-width: 1110px) and (max-width:1350px) {
    .login-modal .signup-form .panel-body .signin-buttons .auth-btn,.signup-modal .signup-form .panel-body .signin-buttons .auth-btn {
        display:inline
    }
}

.login-modal .signup-form .panel-body .error-msg,.signup-modal .signup-form .panel-body .error-msg {
    font-size: small;
    color: #9e1d42;
    line-height: 18px;
    margin-top: 3px
}

.login-modal .signup-form .panel-body .old-error-msg,.signup-modal .signup-form .panel-body .old-error-msg {
    font-size: small;
    color: #222;
    line-height: 18px;
    margin-top: 3px
}

.login-modal .signup-form .panel-body .submit-error-msg,.signup-modal .signup-form .panel-body .submit-error-msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.login-modal .signup-form .panel-body .password-forgot,.signup-modal .signup-form .panel-body .password-forgot {
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
    margin-top: 16px
}

.login-modal .signup-form .panel-body .password-forgot a,.signup-modal .signup-form .panel-body .password-forgot a {
    color: #222;
    font-size: 14px
}

.login-modal .signup-form .panel-body .back-link-container,.signup-modal .signup-form .panel-body .back-link-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #222;
    font-size: 14px;
    margin-top: 16px
}

.login-modal .signup-form .panel-body .back-link-container button,.signup-modal .signup-form .panel-body .back-link-container button {
    color: #222;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    border: none;
    outline: 0;
    background-color: transparent
}

.login-modal .signup-form .panel-body .back-link-container button .back-icon,.signup-modal .signup-form .panel-body .back-link-container button .back-icon {
    margin-right: 5px;
    margin-top: 2px
}

.login-modal .sidebar h2,.signup-modal .sidebar h2 {
    font-size: 24px;
    text-align: center;
    color: #222;
    font-weight: 400;
    margin-top: 8px;
    line-height: 40px;
    padding: 0
}

@media (min-width: 744px) {
    .login-modal .sidebar .panel-body .form-group .form-control,.signup-modal .sidebar .panel-body .form-group .form-control {
        font-size:13px;
        padding-right: 0;
        padding-left: 7px
    }
}

.modal-dialog.signup-modal-wrapper {
    width: 400px
}

.modal-dialog.signup-modal-wrapper .modal-body.forced-signup-modal {
    padding-top: 0
}

.modal-dialog.signup-modal-wrapper .modal-body.forced-signup-modal h1 {
    margin-top: 0;
    font-size: 30px
}

.modal-dialog.signup-modal-wrapper .modal-body {
    padding: 40px 20px 20px
}

.modal-dialog.signup-modal-wrapper .signup-modal #authentication .panel-body {
    padding: 12px 33px 20px;
    padding-left: 33px;
    padding-right: 33px
}

.auth-modal {
    max-width: 400px
}

.login-page-form-header {
    margin-bottom: 25px
}

.login-page-form-header .panel {
    max-width: 400px;
    margin: auto;
    width: -webkit-fill-available
}

.auth-form-padding {
    padding: 24px 20px;
    margin: 0
}

.auth-form-padding .signup-form {
    padding: 0;
    margin: 0
}

.auth-form-padding .signup-form h1 {
    color: var(--ds-neutral-100);
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    margin: 0
}

.auth-form-padding .signup-form .panel-body {
    padding: 0!important
}

.auth-form-padding .signup-form .panel-body .or {
    line-height: normal
}

.reset-password .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 7px;
    margin: 10px 0
}

.modal-dialog.login-modal-wrapper {
    width: 400px
}

@media (max-width: 540px) {
    .modal-dialog.login-modal-wrapper {
        width:auto
    }
}

.login-modal .modal-content,.login-modal-wrapper .modal-content,.signup-modal .modal-content {
    -ms-flex-preferred-size: 400px;
    flex-basis: 400px;
    margin: auto
}

.login-modal .modal-body,.login-modal-wrapper .modal-body,.signup-modal .modal-body {
    padding: 32px 40px 16px
}

@media (max-width: 325px) {
    .login-modal .modal-body,.login-modal-wrapper .modal-body,.signup-modal .modal-body {
        padding:32px 16px 16px
    }
}

.login-modal .login-form,.login-modal-wrapper .login-form,.signup-modal .login-form {
    margin-top: 0
}

.login-modal .login-form.old-margins,.login-modal-wrapper .login-form.old-margins,.signup-modal .login-form.old-margins {
    margin-left: 20px;
    margin-right: 20px
}

.login-modal .login-form p,.login-modal-wrapper .login-form p,.signup-modal .login-form p {
    text-align: center;
    color: #222;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 6px
}

.login-modal .login-form .panel-body,.login-modal-wrapper .login-form .panel-body,.signup-modal .login-form .panel-body {
    padding: 0 12px
}

.login-modal .login-form .panel-body .input-group-vertical,.login-modal-wrapper .login-form .panel-body .input-group-vertical,.signup-modal .login-form .panel-body .input-group-vertical {
    text-align: left
}

.login-modal .login-form .panel-body .form-label,.login-modal-wrapper .login-form .panel-body .form-label,.signup-modal .login-form .panel-body .form-label {
    font-weight: 700;
    color: #222;
    font-size: 18px
}

.login-modal .login-form .panel-body .form-control,.login-modal-wrapper .login-form .panel-body .form-control,.signup-modal .login-form .panel-body .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    font-size: 16px;
    background-color: #fafafa;
    color: #222;
    margin-top: 4px;
    height: 48px
}

.login-modal .login-form .panel-body .form-control:focus,.login-modal-wrapper .login-form .panel-body .form-control:focus,.signup-modal .login-form .panel-body .form-control:focus {
    outline: 0!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: solid 1px #222;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 20px;
    background-color: #fafafa
}

.login-modal .login-form .panel-body .password-container,.login-modal-wrapper .login-form .panel-body .password-container,.signup-modal .login-form .panel-body .password-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.login-modal .login-form .panel-body .password-container .password-show,.login-modal-wrapper .login-form .panel-body .password-container .password-show,.signup-modal .login-form .panel-body .password-container .password-show {
    -ms-flex-item-align: center;
    align-self: center;
    color: var(--ds-base-6-60);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    position: absolute;
    right: 16px;
    padding: 0
}

.login-modal .login-form .panel-body .password-container .old-password-show,.login-modal-wrapper .login-form .panel-body .password-container .old-password-show,.signup-modal .login-form .panel-body .password-container .old-password-show {
    color: #222;
    font-weight: var(--font-weight-normal)
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .login-modal .login-form .panel-body .password-container .password-show,.login-modal-wrapper .login-form .panel-body .password-container .password-show,.signup-modal .login-form .panel-body .password-container .password-show {
        position: absolute;
        top: 35px
    }
}

.login-modal .login-form .panel-body .hr-with-text,.login-modal-wrapper .login-form .panel-body .hr-with-text,.signup-modal .login-form .panel-body .hr-with-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    white-space: nowrap
}

.login-modal .login-form .panel-body .hr-with-text .or,.login-modal-wrapper .login-form .panel-body .hr-with-text .or,.signup-modal .login-form .panel-body .hr-with-text .or {
    font-size: 14px
}

.login-modal .login-form .panel-body .hr-with-text .horizontal-line,.login-modal-wrapper .login-form .panel-body .hr-with-text .horizontal-line,.signup-modal .login-form .panel-body .hr-with-text .horizontal-line {
    width: 45%;
    height: 9px;
    border-bottom: 1px solid #eee
}

.login-modal .login-form .panel-body .hr-margin,.login-modal-wrapper .login-form .panel-body .hr-margin,.signup-modal .login-form .panel-body .hr-margin {
    margin: 8px auto
}

.login-modal .login-form .panel-body .hr-margin-new,.login-modal-wrapper .login-form .panel-body .hr-margin-new,.signup-modal .login-form .panel-body .hr-margin-new {
    margin: 0 0 24px 0
}

.login-modal .login-form .panel-body .submit-btn-new,.login-modal-wrapper .login-form .panel-body .submit-btn-new,.signup-modal .login-form .panel-body .submit-btn-new {
    margin: 0 0 24px 0;
    height: 48px
}

.login-modal .login-form .panel-body .btn,.login-modal-wrapper .login-form .panel-body .btn,.signup-modal .login-form .panel-body .btn {
    height: 44px;
    font-size: 16px;
    line-height: 26px;
    border-radius: 100px;
    margin: 4px 0 8px
}

.login-modal .login-form .panel-body .submit-btn,.login-modal-wrapper .login-form .panel-body .submit-btn,.signup-modal .login-form .panel-body .submit-btn {
    margin-top: 40px
}

.login-modal .login-form .panel-body .signin-buttons-new,.login-modal-wrapper .login-form .panel-body .signin-buttons-new,.signup-modal .login-form .panel-body .signin-buttons-new {
    margin-top: 40px
}

.login-modal .login-form .panel-body .signin-buttons,.login-modal-wrapper .login-form .panel-body .signin-buttons,.signup-modal .login-form .panel-body .signin-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.login-modal .login-form .panel-body .signin-buttons .fa,.login-modal-wrapper .login-form .panel-body .signin-buttons .fa,.signup-modal .login-form .panel-body .signin-buttons .fa {
    top: 5px;
    margin-left: 0;
    padding-right: 0
}

.login-modal .login-form .panel-body .signin-buttons .btn-google,.login-modal-wrapper .login-form .panel-body .signin-buttons .btn-google,.signup-modal .login-form .panel-body .signin-buttons .btn-google {
    border: solid 1.2px #6f6f6f;
    background-color: #fff
}

.login-modal .login-form .panel-body .signin-buttons .auth-btn,.login-modal-wrapper .login-form .panel-body .signin-buttons .auth-btn,.signup-modal .login-form .panel-body .signin-buttons .auth-btn {
    display: inline;
    margin-left: 8px
}

.login-modal .login-form .panel-body .signin-buttons .auth-button-new,.login-modal-wrapper .login-form .panel-body .signin-buttons .auth-button-new,.signup-modal .login-form .panel-body .signin-buttons .auth-button-new {
    border-radius: 100px;
    border: 2px solid var(--ds-neutral-100-solid);
    background: var(--ds-neutral-00-solid);
    height: 48px;
    margin: 0 0 24px
}

.login-modal .login-form .panel-body .signin-buttons .auth-button-new .google-login-icon,.login-modal-wrapper .login-form .panel-body .signin-buttons .auth-button-new .google-login-icon,.signup-modal .login-form .panel-body .signin-buttons .auth-button-new .google-login-icon {
    vertical-align: middle;
    margin-right: 8px
}

.login-modal .login-form .panel-body .signin-buttons .auth-button-new .auth-button-text-new,.login-modal-wrapper .login-form .panel-body .signin-buttons .auth-button-new .auth-button-text-new,.signup-modal .login-form .panel-body .signin-buttons .auth-button-new .auth-button-text-new {
    color: var(--ds-neutral-100-solid);
    text-align: center;
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-xs)
}

@media (min-width: 1110px) and (max-width:1350px) {
    .login-modal .login-form .panel-body .signin-buttons .auth-btn,.login-modal-wrapper .login-form .panel-body .signin-buttons .auth-btn,.signup-modal .login-form .panel-body .signin-buttons .auth-btn {
        display:inline
    }
}

.login-modal .login-form .panel-body .password-forgot,.login-modal-wrapper .login-form .panel-body .password-forgot,.signup-modal .login-form .panel-body .password-forgot {
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
    color: #222;
    margin-top: 12px
}

.login-modal .login-form .panel-body .password-forgot a,.login-modal-wrapper .login-form .panel-body .password-forgot a,.signup-modal .login-form .panel-body .password-forgot a {
    color: #222;
    font-size: 14px;
    text-decoration: underline
}

.login-modal .login-form .panel-body .back-link-container,.login-modal-wrapper .login-form .panel-body .back-link-container,.signup-modal .login-form .panel-body .back-link-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #222;
    font-size: 14px
}

.login-modal .login-form .panel-body .back-link-container button,.login-modal-wrapper .login-form .panel-body .back-link-container button,.signup-modal .login-form .panel-body .back-link-container button {
    color: #222;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    border: none;
    outline: 0;
    background-color: transparent;
    margin-top: 12px
}

.login-modal .login-form .panel-body .back-link-container button .back-icon,.login-modal-wrapper .login-form .panel-body .back-link-container button .back-icon,.signup-modal .login-form .panel-body .back-link-container button .back-icon {
    margin-right: 5px;
    margin-top: 2px
}

.login-modal .login-form .panel-body .alert,.login-modal-wrapper .login-form .panel-body .alert,.signup-modal .login-form .panel-body .alert {
    margin-bottom: 0;
    font-size: 12px
}

.login-modal .login-form .panel-body .alert .fa,.login-modal-wrapper .login-form .panel-body .alert .fa,.signup-modal .login-form .panel-body .alert .fa {
    margin-right: 4px
}

.login-modal .signup-link,.login-modal-wrapper .signup-link,.signup-modal .signup-link {
    color: #222;
    text-align: center;
    font-size: 14px;
    line-height: 48px;
    padding: 0
}

.login-modal .signup-link button,.login-modal-wrapper .signup-link button,.signup-modal .signup-link button {
    color: #2a1c60;
    font-weight: 600;
    padding: 0;
    border: none;
    outline: 0;
    background-color: transparent
}

.login-page-form-header .panel {
    max-width: 400px;
    margin: auto;
    width: -webkit-fill-available
}

.login-page-form-header .login-form {
    padding: 32px 32px 16px
}

.login-form-position {
    display: contents
}

.login-modal-wrapper .auth-form-modal-padding,.login-modal-wrapper-new .auth-form-modal-padding {
    padding: 40px 16px!important
}

.login-modal-wrapper .auth-form-padding,.login-modal-wrapper-new .auth-form-padding {
    padding: 64px 40px;
    margin: 0
}

.login-modal-wrapper .auth-form-padding .login-form,.login-modal-wrapper-new .auth-form-padding .login-form {
    padding: 0;
    margin: 0
}

.login-modal-wrapper .auth-form-padding .login-form p,.login-modal-wrapper-new .auth-form-padding .login-form p {
    color: var(--ds-neutral-100);
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    margin: 0
}

.login-modal-wrapper .auth-form-padding .login-form .footer-button-margin-signup,.login-modal-wrapper-new .auth-form-padding .login-form .footer-button-margin-signup {
    margin-top: 40px
}

.login-modal-wrapper .auth-form-padding .login-form .panel-body,.login-modal-wrapper-new .auth-form-padding .login-form .panel-body {
    padding: 0!important
}

.login-modal-wrapper .auth-form-padding .login-form .panel-body .or,.login-modal-wrapper-new .auth-form-padding .login-form .panel-body .or {
    line-height: normal
}

.login-modal-wrapper .auth-form-padding .login-form .panel-body .back-link,.login-modal-wrapper-new .auth-form-padding .login-form .panel-body .back-link {
    margin-bottom: 40px
}

.login-modal-wrapper .auth-form-padding .login-form .panel-body .input-group-vertical,.login-modal-wrapper-new .auth-form-padding .login-form .panel-body .input-group-vertical {
    text-align: left
}

.login-modal-wrapper .auth-form-padding .login-form .panel-body .footer-button-margin,.login-modal-wrapper .auth-form-padding .login-form .panel-body .form-group,.login-modal-wrapper-new .auth-form-padding .login-form .panel-body .footer-button-margin,.login-modal-wrapper-new .auth-form-padding .login-form .panel-body .form-group {
    margin-bottom: 24px;
    margin-top: 24px
}

.login-modal-wrapper .auth-form-padding .login-form .panel-body .form-label,.login-modal-wrapper-new .auth-form-padding .login-form .panel-body .form-label {
    color: var(--ds-neutral-100);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-m)
}

.login-modal-wrapper .auth-form-padding .login-form .panel-body .form-control,.login-modal-wrapper-new .auth-form-padding .login-form .panel-body .form-control {
    border-radius: 4px;
    border: 1px solid var(--ds-neutral-40-solid);
    background: var(--ds-neutral-20-solid);
    color: var(--ds-neutral-80-solid);
    font-size: var(--font-size-sm);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-m);
    margin-top: 4px
}

.login-modal-wrapper .auth-form-padding .login-form .panel-body .password-show,.login-modal-wrapper-new .auth-form-padding .login-form .panel-body .password-show {
    color: var(--ds-base-6-60)!important;
    font-size: var(--font-size-sm);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-m);
    -ms-flex-item-align: center;
    align-self: center;
    position: absolute;
    right: 16px;
    padding: 0
}

.react-checkbox {
    cursor: pointer;
    height: 27px;
    width: 27px;
    min-width: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: #fafafa;
    border: 1px solid #eee
}

.react-checkbox.checked {
    background: #00b2b2;
    border-color: #00b2b2
}

#story-planner {
    color: #222;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 40px
}

#story-planner a {
    color: #222
}

#story-planner #story-planner-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 10px
}

#story-planner #story-planner-intro .story-planner-image-container {
    padding: 30px 30px
}

#story-planner #story-planner-intro .story-planner-intro-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#story-planner #story-planner-intro .story-planner-intro-text .title {
    font-size: 24px;
    line-height: 36px
}

#story-planner #story-planner-intro .story-planner-intro-text .subtitle {
    color: #6f6f6f;
    font-weight: 400
}

#story-planner #opportunities-form {
    border: solid 1px #eee;
    padding: 20px;
    padding-bottom: 40px
}

#story-planner #opportunities-form .radio-button-container {
    padding-top: 0
}

#story-planner #story-planner-save-btn {
    padding-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#story-planner #story-planner-save-btn .disabled {
    background-color: #6f6f6f
}

#story-planner .section {
    margin: 0 30px 0 20px;
    padding-top: 20px;
    padding-bottom: 40px;
    border-top: 1px solid #eee
}

#story-planner .section .section-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px
}

#story-planner .section .section-description {
    color: #6f6f6f;
    padding-top: 20px
}

#story-planner .section .section-description .learn-more {
    padding-top: 20px
}

#story-planner .section #story-planner-submit-btn {
    padding-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

#story-planner .section #story-planner-submit-btn .disabled {
    background-color: #6f6f6f
}

#story-planner .section #story-planner-submit-btn .submit-btn-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 14px;
    color: #6f6f6f;
    padding-top: 7px;
    width: 60%
}

#story-planner .section #story-planner-submit-btn .submit-btn-info .hidden {
    display: none
}

#story-planner .section .field-description {
    font-size: 14px;
    color: #6f6f6f;
    line-height: 21px;
    padding-top: 7px
}

#story-planner .section .field-description a {
    padding-left: 5px
}

#story-planner .long-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

#story-planner .form-field.top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

#story-planner .form-field.top .form-field-label {
    margin-top: 8px
}

#story-planner .form-field .long {
    width: 100%
}

#story-planner .form-field .long label {
    padding-bottom: 10px
}

#story-planner .form-field .short {
    width: 45%
}

#story-planner .form-field .autocomplete-field .selected-attributes {
    padding-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#story-planner .form-field .autocomplete-field .valid-attribute {
    border-radius: 100px;
    border: solid 1px #eee;
    background-color: #fff;
    color: #6f6f6f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 3px 8px;
    margin: 3px 3px
}

#story-planner .form-field .autocomplete-field .remove-attribute {
    margin-left: 5px;
    padding-top: 1px;
    cursor: pointer
}

#story-planner .form-field .autocomplete-field input {
    width: 100%;
    border-radius: 4px
}

#story-planner .form-field .autocomplete-field input.focus {
    border: solid 1px #222;
    outline: 0
}

#story-planner .form-field .autocomplete-field .suggestions {
    border: 2px solid #eee;
    max-height: 200px;
    overflow-y: scroll;
    padding-left: 0;
    width: inherit;
    position: absolute;
    z-index: 100;
    background-color: #fff;
    color: #6f6f6f;
    border-radius: 4px;
    cursor: pointer
}

#story-planner .form-field .autocomplete-field .suggestions button {
    padding: .5rem;
    width: 100%;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#story-planner .form-field .autocomplete-field .suggestions :hover {
    color: #222;
    font-weight: 700
}

#story-planner .form-field .autocomplete-field .suggestions li:not(:last-of-type) {
    border-bottom: 2px solid #eee
}

#story-planner .form-field .autocomplete-field .hidden {
    display: none
}

#story-planner .form-field .autocomplete-field .attribute-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

#story-planner .form-field #select-form-component {
    border: solid 1px #eee;
    height: 48px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#story-planner .form-field #select-form-component.long {
    width: 100%
}

#story-planner .form-field #select-form-component.short {
    width: 45%
}

#story-planner .form-field #select-form-component.focus {
    border-color: #222;
    outline: 0
}

#story-planner .form-field #checkbox-label {
    top: 0
}

#story-planner .slider-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

#story-planner .slider-group .form-slider-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.configure-paid-part-modal-container>.modal-content {
    background: 0 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 0;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.configure-paid-part-modal-preview.is-paid-bonus-chapter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.configure-paid-part-modal-preview .configure-paid-part-modal-button .configure-paid-part-loader {
    height: 20px
}

.configure-paid-part-modal-preview .configure-paid-part-modal-button .configure-paid-part-loader img {
    height: 100%
}

.configure-paid-part-modal-preview .configure-paid-part-modal-button .bonus-btn.new-writer-actions {
    margin: 0 4px;
    border-radius: 20px;
    height: 40px;
    line-height: 22px;
    font-weight: 700;
    font-size: 16px
}

#configure-paid-part-modal {
    color: #222;
    font-size: 16px;
    line-height: 24px
}

#configure-paid-part-modal .modal-dialog.modal-sm {
    margin: 10px auto
}

#configure-paid-part-modal .modal-content {
    padding: 0
}

#configure-paid-part-modal .modal-body {
    padding: 22px 24px 26px
}

#configure-paid-part-modal .modal-footer {
    padding-top: 10px;
    text-align: center
}

#configure-paid-part-modal .modal-footer .action-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 10px
}

#configure-paid-part-modal .part-type-selector {
    padding-bottom: 15px
}

#configure-paid-part-modal .part-type-selector .form-field {
    padding: 0
}

#configure-paid-part-modal .section {
    padding: 12px 8px
}

#configure-paid-part-modal .section .section-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px
}

#configure-paid-part-modal .section .section-description {
    padding-top: 7px;
    color: #6f6f6f
}

#configure-paid-part-modal .section .section-note {
    padding-top: 4px;
    font-size: 14px;
    font-style: italic;
    color: #6f6f6f
}

#configure-paid-part-modal .remove-button {
    border: 1px solid #e81249;
    color: #e81249;
    font-size: 15px
}

#configure-paid-part-modal .discard-button {
    color: #3b19a9;
    font-size: 15px
}

#configure-paid-part-modal .form-container {
    border-top: 1px solid #eee
}

#configure-paid-part-modal .error-container {
    text-align: center
}

#configure-paid-part-modal .error-container .error {
    font-weight: 600;
    font-size: 13px;
    color: #e00000
}

#configure-paid-part-modal .long-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

#configure-paid-part-modal .long {
    width: 100%
}

#configure-paid-part-modal .long label {
    padding-bottom: 10px
}

#configure-paid-part-modal .form-field {
    padding-top: 8px
}

#configure-paid-part-modal .form-field .radio-button-group {
    padding-top: 12px
}

#configure-paid-part-modal .form-field .radio-button-group .radio-button {
    padding-top: 1px
}

#configure-paid-part-modal .form-field .radio-button-group .radio-button label.radio-label {
    color: #121212
}

.configure-paid-part-modal-success-toast {
    background-color: #00854e;
    font-size: 16px;
    min-width: 130px;
    padding-bottom: 9px
}

.configure-paid-part-modal-success-toast .success-icon {
    margin-right: 8px
}

#publish-modal {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    top: 120px
}

#publish-modal * {
    line-height: 1.4
}

#publish-modal .publish-modal-content {
    width: 412px;
    max-width: 412px;
    padding: 30px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#publish-modal .publish-modal-content .modal-title {
    font-weight: var(--font-weight-bold);
    font-size: 22px;
    color: var(--ds-neutral-100-solid);
    margin: 0 0 10px
}

#publish-modal .publish-modal-content label {
    color: var(--ds-neutral-100-solid)
}

#publish-modal .publish-modal-content .radio-button-container {
    padding-top: 0
}

#publish-modal .publish-modal-content .radio-button-container .radio-button {
    padding-top: 14px
}

#publish-modal .publish-modal-content .radio-button-container .radio-label {
    padding-left: 6px;
    margin-bottom: 0
}

#publish-modal .publish-modal-content .radio-button-container input[type=radio] {
    border: 1px solid var(--ds-neutral-100-solid)
}

#publish-modal .publish-modal-content .radio-button-container input[type=radio]:checked {
    background-color: var(--ds-base-3-accent);
    border: 2px solid var(--ds-base-3-accent)
}

#publish-modal .publish-modal-content .date-time-field {
    width: 348px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

#publish-modal .publish-modal-content .date-time-field label {
    font-weight: inherit;
    color: inherit
}

#publish-modal .publish-modal-content .date-time-field .field-row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

#publish-modal .publish-modal-content .date-time-field p {
    margin: 0
}

#publish-modal .publish-modal-content .date-time-field .date-form-field {
    height: 36px;
    border: 0;
    border-radius: 4px;
    padding: 5px 10px;
    background-color: #caf6f5;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

#publish-modal .publish-modal-content .date-time-field .date-form-field:active,#publish-modal .publish-modal-content .date-time-field .date-form-field:focus {
    background-color: #f2fdfd
}

#publish-modal .publish-modal-content .date-time-field .select-container {
    position: relative;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

#publish-modal .publish-modal-content .date-time-field .select-container .time-form-field {
    height: 36px;
    width: 100%;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 30px 0 15px;
    border-radius: 4px;
    background-color: #caf6f5
}

#publish-modal .publish-modal-content .date-time-field .select-container .time-form-field:active,#publish-modal .publish-modal-content .date-time-field .select-container .time-form-field:focus {
    background-color: #f2fdfd
}

#publish-modal .publish-modal-content .date-time-field .select-container .time-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none
}

#publish-modal .publish-modal-content input[type=checkbox] {
    margin-right: 6px
}

#publish-modal .publish-modal-content .publish-schedule {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#publish-modal .publish-modal-content .publish-schedule .schedule-date-label {
    font-weight: var(--font-weight-bold);
    font-size: 14px;
    color: var(--ds-neutral-100-solid)
}

#publish-modal .publish-modal-content .publish-footer {
    font-size: 14px;
    line-height: 20px;
    margin-top: 25px
}

#publish-modal .publish-modal-content .publish-footer .schedule-confirm {
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 6px
}

#publish-modal .publish-modal-content .publish-footer .schedule-confirm .react-checkbox {
    height: 15px;
    width: 15px;
    min-width: 15px;
    margin-top: 3px;
    border-radius: 3px;
    border: 1px solid var(--ds-neutral-100-solid)
}

#publish-modal .publish-modal-content .publish-footer .schedule-confirm .react-checkbox svg {
    width: 13px;
    height: 13px
}

#publish-modal .publish-modal-content .publish-footer .schedule-confirm .react-checkbox.checked {
    border: none
}

#publish-modal .publish-modal-content .publish-footer .unschedule-button {
    margin-top: 14px
}

#publish-modal .publish-modal-content .publish-footer .text-alert {
    margin: 10px 0 0;
    color: var(--ds-alert,#e00000)
}

#schedule-success-modal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#schedule-success-modal .schedule-success-modal-content,#schedule-success-modal .schedule-success-modal-header {
    max-width: 600px;
    padding: 30px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#schedule-success-modal .schedule-success-modal-header {
    background: var(--ds-base-3-20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#schedule-success-modal .schedule-success-modal-header.publishing-scheduler-update {
    padding: 32px 32px 24px
}

#schedule-success-modal .schedule-success-modal-header.publishing-scheduler-update .modal-title {
    margin: 5px 0 4px
}

#schedule-success-modal .schedule-success-modal-header.publishing-scheduler-update .text-body {
    margin: 0
}

#schedule-success-modal .schedule-success-modal-header img {
    width: 208px
}

#schedule-success-modal .schedule-success-modal-header .modal-title {
    font-weight: var(--font-weight-bold);
    font-size: 22px;
    color: var(--ds-neutral-100-solid);
    margin: 5px 0 0
}

#schedule-success-modal .schedule-success-modal-content .publish-date-step,#schedule-success-modal .schedule-success-modal-content .story-title {
    font-weight: var(--font-weight-bold)
}

#schedule-success-modal .schedule-success-modal-content .schedule-success-steps {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin: 0 0 0
}

#schedule-success-modal .schedule-success-modal-content .schedule-success-steps li {
    color: var(--ds-neutral-100-solid);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    padding-bottom: 35px
}

#schedule-success-modal .schedule-success-modal-content .schedule-success-steps li:before {
    content: "";
    background: var(--ds-neutral-80-solid);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 2px;
    margin-left: 8px
}

#schedule-success-modal .schedule-success-modal-content .schedule-success-steps li::after {
    content: "";
    background: var(--ds-neutral-80-solid);
    position: absolute;
    top: 16px;
    left: 15px;
    width: 1px;
    height: 100%;
    display: block
}

#schedule-success-modal .schedule-success-modal-content .schedule-success-steps li.active-step {
    gap: 8px
}

#schedule-success-modal .schedule-success-modal-content .schedule-success-steps li.active-step::before {
    display: none
}

#schedule-success-modal .schedule-success-modal-content .schedule-success-steps li .active-check-icon {
    background-color: var(--ds-base-3-accent);
    border-radius: 50%;
    position: relative;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

#schedule-success-modal .schedule-success-modal-content .schedule-success-steps li.publish-date-step .scheduled-date {
    color: var(--ds-base-3-60);
    display: inline-block
}

#schedule-success-modal .schedule-success-modal-content .schedule-success-steps li.publish-date-step::after {
    display: none
}

#schedule-success-modal .schedule-success-modal-content .schedule-success-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

#schedule-success-modal .schedule-success-modal-content .schedule-success-footer button {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%
}

#schedule-success-modal .schedule-success-modal-content .schedule-success-footer button[class*=primary_btn__] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

#schedule-success-modal .schedule-success-modal-content .schedule-success-footer button[class*=secondary_btn__] {
    background-color: var(--ds-base-3-60);
    color: var(--ds-neutral-00);
    -webkit-box-flex: 47%;
    -ms-flex: 47%;
    flex: 47%
}

#premium-picks-faq-modal .premium-picks-faq-content {
    padding: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 80px
}

#premium-picks-faq-modal .premium-picks-faq-content .premium-picks-faq-header {
    text-align: center;
    width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#premium-picks-faq-modal .premium-picks-faq-content .premium-picks-faq-header .modal-title {
    margin: 0 0 25px
}

#premium-picks-faq-modal .premium-picks-faq-content .premium-picks-faq-header .premium-picks-image {
    width: 100%
}

#premium-picks-faq-modal .premium-picks-faq-content .premium-picks-faq-features {
    width: 263px;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

#premium-picks-faq-modal .premium-picks-faq-content .premium-picks-faq-features li {
    color: var(--ds-neutral-100);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

#premium-picks-faq-modal .premium-picks-faq-content .premium-picks-faq-features li .check-icon-container {
    width: 24px;
    height: 24px
}

#premium-picks-faq-modal .premium-picks-faq-footer {
    padding: 0 64px 64px 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px
}

#premium-picks-faq-modal .premium-picks-faq-footer button {
    width: 200px
}

#premium-picks-faq-modal .premium-picks-faq-footer .premium-picks-faq-link {
    font-weight: var(--font-weight-bold);
    color: var(--ds-neutral-100)
}

@media (max-width: 575px) {
    #premium-picks-faq-modal .modal-container {
        border-radius:8px
    }

    #premium-picks-faq-modal .premium-picks-faq-content {
        max-width: 328px;
        padding: 40px 24px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 40px
    }

    #premium-picks-faq-modal .premium-picks-faq-content .premium-picks-faq-header {
        gap: 40px
    }

    #premium-picks-faq-modal .premium-picks-faq-content .premium-picks-faq-header .modal-title {
        font-size: 26px;
        margin: 0
    }

    #premium-picks-faq-modal .premium-picks-faq-content .premium-picks-faq-features {
        width: 280px;
        gap: 40px
    }

    #premium-picks-faq-modal .premium-picks-faq-footer {
        padding: 0 0 40px
    }
}

.form-field {
    padding-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-field .about-form {
    width: 100%;
    padding-bottom: 20px;
    line-height: 21px;
    color: #6f6f6f
}

.form-field .form-field-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.form-field .form-field-label label {
    color: #222;
    font-weight: 600;
    top: 0
}

.form-field .form-field-label .icon-container {
    padding-left: 10px;
    padding-top: 2px
}

.form-field input {
    height: 48px;
    border-radius: 4px;
    border: solid 1px #eee;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    resize: none
}

.form-field .planner-textarea {
    background-color: #fff;
    border: solid 1px #eee
}

.form-field .planner-textarea textarea {
    font-size: 16px;
    color: #6f6f6f;
    overflow: auto;
    border-radius: 4px;
    padding: 10px;
    resize: none;
    min-height: 48px;
    width: 100%
}

.form-field .select-form-field {
    border-radius: 4px;
    border: solid 1px #eee;
    background-color: #fff;
    color: #6f6f6f;
    height: 48px;
    background-image: linear-gradient(#fff,#fff),linear-gradient(-135deg,transparent 50%,#fff 0),linear-gradient(-225deg,transparent 20%,#fff 0),linear-gradient(#fff 50%,#6f6f6f 0);
    background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
    background-size: 0 0,22px 23px,22px 23px,22px 100%;
    background-position: right 20px center,right bottom,right bottom,right bottom;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 2px 25px 2px 10px;
    outline: 0
}

.form-field .select-form-field option {
    padding: 0 10px 0 10px
}

.form-field .select-form-field.focus {
    border-color: #222;
    outline: 0
}

.form-field .select-form-field.long {
    width: 100%
}

.form-field .select-form-field.short {
    width: 45%
}

.radio-button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.radio-button-container .radio-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 19px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.radio-button-container .radio-label {
    color: #6f6f6f;
    padding-left: 10px;
    top: 0;
    cursor: inherit
}

.radio-button-container input[type=radio] {
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 2px solid #6f6f6f;
    border-radius: 100%;
    cursor: inherit;
    -webkit-appearance: none;
    -moz-appearance: none
}

.radio-button-container input[type=radio]:checked {
    background-color: #ff6122;
    box-shadow: inset 0 0 0 2.5px #fff;
    -moz-box-shadow: inset 0 0 0 2.5px #fff;
    -webkit-box-shadow: inset 0 0 0 2.5px #fff;
    -o-box-shadow: inset 0 0 0 2.5px #fff
}

.radio-button-container input[type=radio].focus {
    border: 2px solid #222
}

.checkbox-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.checkbox-container .checkbox {
    padding-top: 10px;
    margin: 0
}

.checkbox-container #checkbox-label {
    top: 0;
    padding-left: 30px
}

.checkbox-container input[type=checkbox] {
    cursor: pointer;
    margin: 0;
    padding: 0;
    margin-top: 3px;
    height: 20px;
    width: 20px;
    -webkit-box-shadow: inset 0 0 1px 0 rgba(0,0,0,.5);
    box-shadow: inset 0 0 1px 0 rgba(0,0,0,.5);
    border: 2px solid #6f6f6f;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent
}

.checkbox-container input[type=checkbox].focus {
    border-color: #222
}

.checkbox-container .checkmark {
    position: absolute;
    display: none
}

.checkbox-container input[type=checkbox]:checked~.checkmark {
    display: block;
    padding-top: 1px;
    padding-left: 3.5px
}

.checkbox-container input[type=checkbox]:checked~label:after {
    padding-left: 0
}

.slider-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-top: 20px
}

.slider-container .slider-labels {
    width: 27.5%;
    color: #6f6f6f
}

.slider-container .left-label {
    text-align: end
}

.slider-container input[type=range] {
    width: 45%;
    margin: 0 20px;
    background-color: #fff;
    -webkit-appearance: none;
    border: 1px solid #fff
}

.slider-container input[type=range]:focus {
    outline: 0
}

.slider-container input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 17px;
    height: 17px;
    border: solid 5px #ff6122;
    border-radius: 50%;
    margin-top: -9px;
    background-color: #fff
}

.slider-container input[type=range]::-moz-range-thumb {
    -moz-appearance: none;
    width: 10px;
    height: 10px;
    border: solid 5px #ff6122;
    border-radius: 50%;
    background-color: #fff
}

.slider-container input[type=range]::-ms-thumb {
    width: 17px;
    height: 17px;
    border: solid 5px #ff6122;
    border-radius: 50%;
    background-color: #fff
}

.slider-container input[type=range]:focus::-webkit-slider-thumb {
    -webkit-box-shadow: 0 0 0 2px #222;
    box-shadow: 0 0 0 2px #222
}

.slider-container input[type=range]:focus::-moz-range-thumb {
    box-shadow: 0 0 0 3px #222
}

.slider-container input[type=range]:focus::-ms-thumb {
    box-shadow: 0 0 0 2px #222
}

.slider-container input[type=range].disabled::-webkit-slider-thumb {
    border: solid 5px #6f6f6f
}

.slider-container input[type=range].disabled::-moz-range-thumb {
    border: solid 5px #6f6f6f
}

.slider-container input[type=range].disabled::-ms-thumb {
    border: solid 5px #6f6f6f
}

.slider-container input[type=range]:-moz-focusring {
    outline-offset: 0
}

.slider-container input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    border-radius: 5px;
    animate: .2s;
    background-color: #6f6f6f;
    color: transparent
}

.slider-container input[type=range]::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    border-radius: 5px;
    background-color: #6f6f6f;
    color: transparent
}

.slider-container input[type=range]::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    border-radius: 5px;
    background-color: transparent;
    color: transparent
}

.slider-container input[type=range]::-ms-fill-lower {
    background: #6f6f6f;
    border-radius: 5px
}

.slider-container input[type=range]::-ms-fill-upper {
    background: #6f6f6f;
    border-radius: 5px
}

.coin-shop .shop-explanation {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 18px
}

.coin-shop .shop-explanation h3 {
    color: #222;
    margin-top: 0
}

.coin-shop .shop-explanation .coin-package-purchase-details p:not(:last-child) {
    margin-bottom: 4px
}

.coin-shop .shop-explanation .premium-benefit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #222
}

.coin-shop .shop-explanation .premium-benefit .zap-icon {
    margin-right: 8px
}

.coin-shop .coin-pack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 12px 0;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    -webkit-transition: .2s ease-in box-shadow;
    transition: .2s ease-in box-shadow
}

.coin-shop .coin-pack:last-child {
    margin-bottom: 0
}

.coin-shop .coin-pack:hover {
    -webkit-box-shadow: 0 3px 14px 2px rgba(34,34,34,.08),0 8px 10px 1px rgba(34,34,34,.1);
    box-shadow: 0 3px 14px 2px rgba(34,34,34,.08),0 8px 10px 1px rgba(34,34,34,.1)
}

.coin-shop .coin-pack:hover .pack-price {
    background-color: #e1e1e1
}

.coin-shop .coin-pack .pack-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.coin-shop .coin-pack .pack-body {
    padding: 16px 20px 16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    text-align: left
}

.coin-shop .coin-pack .pack-body .coins-in-pack {
    margin: 4px 0
}

.coin-shop .coin-pack .pack-body .coins-in-pack h4 {
    color: #222;
    font-weight: 400;
    margin: 0;
    margin-right: 8px;
    display: inline-block;
    white-space: nowrap
}

.coin-shop .coin-pack .pack-body .coins-in-pack .non-premium-value {
    text-decoration: line-through;
    font-size: 14px;
    line-height: 18px;
    display: inline-block
}

.coin-shop .coin-pack .pack-body .premium-status {
    font-size: 12px;
    line-height: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.coin-shop .coin-pack .pack-body .premium-status .zap-icon {
    margin-left: 4px
}

.coin-shop .coin-pack .pack-price {
    border-radius: 50vh;
    color: #222;
    padding: 8px 16px;
    font-weight: 700;
    margin-left: 6px;
    font-size: 14px;
    line-height: 18px;
    background-color: #eee;
    -webkit-transition: .2s ease-in background-color;
    transition: .2s ease-in background-color
}

.coin-shop .coin-pack .most-popular {
    background-color: #222;
    color: #fff;
    font-size: 13px;
    line-height: 15px;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap
}

.coins-modal-container .top-buttons-container {
    position: sticky;
    top: 0;
    background-color: #fff;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.coins-modal-container .modal-content {
    padding: 0
}

.coins-modal-container .coins-modal-body {
    text-align: center;
    padding: 0 16px 24px 16px
}

@media (min-width: 768px) {
    .coins-modal-container .coins-modal-body {
        width:80%;
        max-width: 500px;
        margin: auto;
        padding-bottom: 48px
    }
}

.coin-purchase-confirmation h3 {
    color: #222;
    margin-top: 0
}

.coin-purchase-confirmation .wallet-calculation {
    margin: 24px 0
}

.coin-purchase-confirmation .wallet-calculation .calculation-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #222;
    margin: 8px 0
}

.coin-purchase-confirmation .wallet-calculation .calculation-row .coin-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.coin-purchase-confirmation .wallet-calculation .calculation-row .coin-amount .coin-icon {
    margin-right: 4px
}

.coin-purchase-confirmation .wallet-calculation .calculation-row.new-balance {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #eee
}

.story-carousel {
    z-index: 1
}

.story-carousel .carousel-container {
    width: calc(100% + 29px);
    margin: 0 auto;
    max-width: 976px;
    min-width: 400px
}

.story-carousel .slider-control-centerleft {
    left: -10%!important
}

.story-carousel .slider-control-centerright {
    right: -10%!important
}

.story-carousel .rtl-adjust .slider-control-centerleft {
    right: -10%!important;
    left: unset!important
}

.story-carousel .rtl-adjust .slider-control-centerright {
    right: unset!important;
    left: -10%!important
}

.story-carousel .slider-slide {
    overflow-y: hidden
}

.story-carousel .next-btn,.story-carousel .prev-btn {
    background-color: transparent;
    outline: 0;
    border: none
}

.story-carousel .story-item {
    margin-bottom: 20px;
    padding: 2px 8px 0 8px;
    max-width: 200px;
    min-width: 100px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.story-carousel .story-item .cover {
    display: block;
    background-color: transparent;
    margin-bottom: 20px;
    height: 278px;
    width: 178px;
    min-width: 100px
}

.story-carousel .story-item .cover img {
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 14px 2px rgba(34,34,34,.08),0 7px 10px 1px rgba(34,34,34,.1);
    box-shadow: 0 3px 14px 2px rgba(34,34,34,.08),0 7px 10px 1px rgba(34,34,34,.1)
}

.story-carousel .tag-and-badge {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.story-carousel .tag-and-badge .tag-item {
    padding: 0 10px;
    border: 1px solid #eee;
    border-radius: 120px;
    color: #6f6f6f;
    font-size: 14px;
    line-height: 19px
}

.story-carousel .tag-and-badge .paid-stories-badge {
    color: #222;
    margin-right: 5px
}

.story-carousel .module-divider {
    display: none
}

@media (max-width: 575px) {
    .story-carousel .carousel-container {
        min-width:unset
    }

    .story-carousel .story-item {
        min-width: unset;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding-right: 0;
        width: 105px
    }

    .story-carousel .story-item .cover {
        min-width: unset;
        height: 163px;
        width: 105px
    }

    .story-carousel .story-item .paid-stories-badge {
        margin-right: 3px
    }

    .story-carousel .story-item .tag-item {
        font-size: 12px
    }

    .story-carousel .module-divider {
        display: block
    }
}

@media (min-width: 575px) {
    .story-expanded-carousel {
        width:100%
    }
}

.story-expanded-carousel .carousel-container {
    width: calc(100% + 29px);
    margin: 0 auto;
    max-width: 976px;
    min-width: 400px
}

.story-expanded-carousel .slider-control-centerleft {
    left: -10%!important
}

.story-expanded-carousel .slider-control-centerright {
    right: -10%!important
}

.story-expanded-carousel .rtl-adjust .slider-control-centerleft {
    right: -10%!important;
    left: unset!important
}

.story-expanded-carousel .rtl-adjust .slider-control-centerright {
    right: unset!important;
    left: -10%!important
}

@media (min-width: 575px) {
    .story-expanded-carousel .slider-slide {
        overflow-y:hidden
    }
}

.story-expanded-carousel .next-btn,.story-expanded-carousel .prev-btn {
    background-color: transparent;
    outline: 0;
    border: none
}

.story-expanded-carousel .story-item {
    margin-bottom: 20px;
    padding-right: 8px;
    padding-left: 8px;
    max-width: 200px;
    min-width: 100px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.story-expanded-carousel .story-item .cover {
    display: block;
    background-color: transparent;
    margin-bottom: 20px;
    height: 278px;
    width: 178px;
    min-width: 100px
}

.story-expanded-carousel .story-item .cover img {
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 14px 2px rgba(34,34,34,.08),0 7px 10px 1px rgba(34,34,34,.1);
    box-shadow: 0 3px 14px 2px rgba(34,34,34,.08),0 7px 10px 1px rgba(34,34,34,.1)
}

.story-expanded-carousel .tag-and-badge {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.story-expanded-carousel .tag-and-badge .tag-item {
    background-color: #fff!important;
    padding: 0 10px;
    border: 1px solid #eee;
    border-radius: 120px;
    color: #6f6f6f;
    font-size: 14px;
    line-height: 19px
}

.story-expanded-carousel .module-divider {
    display: none
}

@media (min-width: 575px) {
    .story-expanded-carousel .story-metadata {
        display:none
    }
}

@media (max-width: 575px) {
    .story-expanded-carousel .carousel-container {
        min-width:unset;
        width: 100vw
    }

    .story-expanded-carousel .slider-list {
        height: 160px!important
    }

    .story-expanded-carousel .slider-slide {
        width: 150px!important
    }

    .story-expanded-carousel .slider-slide .cover {
        margin-top: 10px
    }

    .story-expanded-carousel .zoom-story-item .story-item {
        -webkit-transition: all .2s ease-in-out!important;
        transition: all .2s ease-in-out!important;
        -webkit-transform: scale(1.1)!important;
        transform: scale(1.1)!important
    }

    .story-expanded-carousel .zoom-story-item .story-item .cover img {
        -webkit-box-shadow: 0 8px 10px rgba(0,0,0,.2),0 6px 30px rgba(0,0,0,.12),0 16px 24px rgba(0,0,0,.14);
        box-shadow: 0 8px 10px rgba(0,0,0,.2),0 6px 30px rgba(0,0,0,.12),0 16px 24px rgba(0,0,0,.14);
        border-radius: 4px
    }

    .story-expanded-carousel .story-metadata {
        height: 100%;
        padding-top: 12px
    }

    .story-expanded-carousel .story-metadata .meta-header {
        left: 50%;
        margin-right: -50%
    }

    .story-expanded-carousel .story-metadata .meta-header .title-and-badge {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 15px;
        width: 240px
    }

    .story-expanded-carousel .story-metadata .meta-header .title-and-badge .story-title {
        display: inline-block;
        margin-top: -4%
    }

    .story-expanded-carousel .story-metadata .meta-header .title-and-badge .story-title h3 {
        height: 24px;
        width: 90vw;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-style: normal;
        color: #121212;
        font-weight: 700;
        font-size: 16px;
        line-height: 22px
    }

    .story-expanded-carousel .story-metadata .meta-header .icon-bar {
        margin-left: 16px
    }

    .story-expanded-carousel .story-metadata .meta-header .icon-bar .tag-item {
        padding: 0 12px
    }

    .story-expanded-carousel .story-metadata .story-description {
        left: 50%;
        margin-right: -50%;
        margin-top: -1%;
        padding-left: 15px;
        padding-right: 15px;
        right: 0
    }

    .story-expanded-carousel .story-metadata .story-description h4 {
        display: inline-block;
        height: 81px;
        width: 90vw;
        font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-style: normal;
        text-align: justify;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: ds-neutral-80
    }

    .story-expanded-carousel .story-metadata .more-details-wrapper {
        float: right;
        width: 120px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .story-expanded-carousel .story-metadata .more-details-wrapper .more-details {
        padding: 0;
        display: inline-block;
        text-align: left;
        background-color: transparent;
        border: none;
        font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        color: #121212
    }

    .story-expanded-carousel .story-metadata .more-details-wrapper .arrow-icon {
        display: inline-block;
        margin-top: -4%;
        height: 13px
    }

    .story-expanded-carousel .story-item {
        min-width: unset;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding-right: 0;
        width: 93px
    }

    .story-expanded-carousel .story-item .cover {
        min-width: unset;
        height: 144px;
        width: 93px
    }

    .story-expanded-carousel .story-item .tag-item {
        display: none
    }

    .story-expanded-carousel .module-divider {
        display: block
    }
}

.home-sections-wrapper {
    overflow-x: hidden
}

.home-sections-wrapper .wp-modal.modal-contest .modal-content {
    -ms-flex-preferred-size: 1029px;
    flex-basis: 1029px;
    max-height: 80vh
}

.home-sections-wrapper .module-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 24px;
    padding-left: 16px;
    padding-bottom: 24px
}

.home-sections-wrapper .module-content.full-width {
    width: auto
}

.home-sections-wrapper .module-content .context-header {
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 16px;
    color: #ff500a
}

.home-sections-wrapper .module-content .context-header:first-child {
    margin-top: 0
}

.home-sections-wrapper .module-content .story-spotlight-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 960px;
    width: 100%
}

@media (min-width: 575px) {
    .home-sections-wrapper .module-content .story-spotlight-details {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.home-sections-wrapper .module-content .story-spotlight-cover {
    border-radius: 4px
}

@media (max-width: 575px) {
    .home-sections-wrapper .module-content .story-spotlight-cover {
        width:151px;
        height: 237px
    }
}

@media (min-width: 575px) {
    .home-sections-wrapper .module-content .story-spotlight-cover {
        width:238px;
        height: 373px
    }
}

.home-sections-wrapper .module-content .story-spotlight-details .story-info {
    margin: 0 16px;
    max-width: 543px
}

@media (min-width: 575px) {
    .home-sections-wrapper .module-content .story-spotlight-details .story-info {
        margin-left:40px
    }
}

.home-sections-wrapper .module-content .new-flag {
    visibility: hidden;
    color: #ff500a;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    margin-left: 8px
}

@media (min-width: 575px) {
    .home-sections-wrapper .module-content .new-flag {
        margin-left:0
    }
}

.home-sections-wrapper .module-content .cover-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.home-sections-wrapper .module-content .story-spotlight-details .story-info .title {
    color: #121212;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 10px;
    margin-left: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (min-width: 575px) {
    .home-sections-wrapper .module-content .story-spotlight-details .story-info .title {
        margin-left:0
    }
}

@supports (-webkit-line-clamp:2) {
    .home-sections-wrapper .module-content .story-spotlight-details .story-info .title {
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

@media (min-width: 575px) {
    .home-sections-wrapper .module-content .story-spotlight-details .story-info .title {
        font-size:32px;
        line-height: 40px
    }
}

.home-sections-wrapper .module-content .story-spotlight-details .story-info .icon-bar {
    margin-left: 8px
}

@media (min-width: 575px) {
    .home-sections-wrapper .module-content .story-spotlight-details .story-info .icon-bar {
        margin-left:0
    }
}

.home-sections-wrapper .module-content .story-spotlight-details .story-info .icon-bar .paid-icon {
    margin-bottom: 2px
}

.home-sections-wrapper .module-content .story-spotlight-details .story-info .buttons-wrapper {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.home-sections-wrapper .module-content .story-spotlight-details .story-info .description {
    margin-top: 16px
}

@media (min-width: 575px) {
    .home-sections-wrapper .module-content .story-spotlight-details .story-info .description {
        margin-top:32px
    }
}

.home-sections-wrapper .module-content .buttons-wrapper .btn-icon {
    background-color: #eee;
    border-style: none;
    margin-left: 8px
}

@media (max-width: 600px) {
    .home-sections-wrapper .module-content .buttons-wrapper .btn-icon {
        display:none
    }
}

.home-sections-wrapper .module-content .description .description-text {
    color: rgba(18,18,18,.64);
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 16px;
    margin: 16px
}

@media (min-width: 575px) {
    .home-sections-wrapper .module-content .description .description-text {
        margin:0 0 16px 0
    }
}

.home-sections-wrapper .module-content .link {
    color: #121212;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 20px
}

@media (min-width: 575px) {
    .home-sections-wrapper .module-content .link {
        -webkit-box-pack:end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.home-sections-wrapper .story-carousel {
    width: 100%
}

.home-sections-wrapper .carousel-swimlane {
    margin-left: 16px
}

.home-sections-wrapper .story-swimlane-with-hero {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(196,196,196,0)),to(rgba(111,111,111,.06)));
    background: linear-gradient(180deg,rgba(196,196,196,0) 0,rgba(111,111,111,.06) 100%);
    padding-bottom: 50px
}

@media (min-width: 575px) {
    .home-sections-wrapper .story-swimlane-with-hero .module-content {
        padding-bottom:0
    }
}

.home-sections-wrapper .story-swimlane-with-hero.paid,.home-sections-wrapper .story-swimlane-with-hero.paidMultiRow {
    padding-top: 50px
}

.home-sections-wrapper .ranked-story-swimlane a:hover {
    text-decoration: none
}

.home-sections-wrapper .ranked-story-swimlane .story-item .story-item-wrapper {
    border-radius: 8px;
    overflow: hidden
}

.home-sections-wrapper .ranked-story-swimlane .story-item .cover {
    width: 100%;
    margin-bottom: 0
}

.home-sections-wrapper .ranked-story-swimlane .story-item .cover img {
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-box-shadow: none;
    box-shadow: none
}

.home-sections-wrapper .ranked-story-swimlane .story-item .footer {
    background: var(--ds-base-1-20);
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.home-sections-wrapper .ranked-story-swimlane .story-item .footer .rank {
    background: var(--ds-base-1-accent);
    font-family: var(--primary-font-face);
    font-weight: var(--font-weight-bold);
    font-size: 64px;
    color: var(--ds-neutral-00);
    position: relative;
    width: 36px
}

.home-sections-wrapper .ranked-story-swimlane .story-item .footer .rank .number {
    position: absolute;
    right: -4px;
    bottom: 10px
}

.home-sections-wrapper .ranked-story-swimlane .story-item .footer .rank .number.double-digit {
    font-size: 42px;
    letter-spacing: -6px;
    right: 4px
}

.home-sections-wrapper .ranked-story-swimlane .story-item .footer .title {
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    color: var(--ds-neutral-100-solid);
    line-height: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 8px;
    -ms-flex-item-align: center;
    align-self: center
}

@supports (-webkit-line-clamp:2) {
    .home-sections-wrapper .ranked-story-swimlane .story-item .footer .title {
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

@media (max-width: 575px) {
    .home-sections-wrapper .ranked-story-swimlane .story-item {
        width:100%;
        max-width: 128px;
        padding: 0
    }

    .home-sections-wrapper .ranked-story-swimlane .story-item .cover {
        width: 100%;
        max-width: 128px;
        height: 200px
    }

    .home-sections-wrapper .ranked-story-swimlane .story-item .footer {
        height: 40px
    }

    .home-sections-wrapper .ranked-story-swimlane .story-item .footer .rank {
        font-size: 56px
    }

    .home-sections-wrapper .ranked-story-swimlane .story-item .footer .rank .number {
        bottom: 7px
    }

    .home-sections-wrapper .ranked-story-swimlane .story-item .footer .rank .number.double-digit {
        font-size: 34px;
        letter-spacing: -4px
    }

    .home-sections-wrapper .ranked-story-swimlane .story-item .footer .title {
        line-height: 16px
    }
}

.home-sections-wrapper .premium-picks-swimlane {
    background: var(--ds-base-2-20)
}

.home-sections-wrapper .premium-picks-swimlane .expand-prompt-button {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.home-sections-wrapper .premium-picks-swimlane .loading-spinner {
    height: 341px
}

.home-sections-wrapper .premium-picks-swimlane .tag-item {
    background: var(--ds-neutral-60-dark)
}

.home-sections-wrapper .cta.module.paid {
    background-color: #f2fdfd
}

.home-sections-wrapper .cta.module.paid .module-content {
    margin-bottom: 40px;
    padding-top: 0;
    padding-bottom: 0
}

@media (max-width: 575px) {
    .home-sections-wrapper .cta.module.paid .module-content {
        padding-top:24px
    }
}

.home-sections-wrapper .cta.module.paid .btn-secondary.paid {
    color: #18403a;
    background-color: rgba(34,34,34,.12)
}

.home-sections-wrapper .module-header {
    width: 100%;
    max-width: 960px;
    min-width: 400px;
    min-height: -webkit-max-content;
    min-height: -moz-max-content;
    min-height: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 1;
    margin-bottom: 18px
}

.home-sections-wrapper .module-header .left-section .heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 4px
}

.home-sections-wrapper .module-header .left-section .heading h3 {
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0
}

.home-sections-wrapper .module-header .left-section .subheading h4 {
    color: rgba(18,18,18,.64);
    font-weight: 400;
    margin: 0
}

.home-sections-wrapper .module-header .left-section .subheading h4 .promoted-icon {
    height: 25px;
    width: 25px;
    margin-right: 4px
}

.home-sections-wrapper .module-header .promoted-indicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 24px;
    padding-right: 16px
}

@media (max-width: 575px) {
    .home-sections-wrapper .module-header .promoted-indicator {
        padding-right:8px
    }
}

.home-sections-wrapper .module-header .promoted-indicator p {
    margin-left: 2px
}

.home-sections-wrapper .hero-item {
    width: 100%;
    padding-right: 16px;
    min-width: 400px;
    max-width: 960px;
    z-index: 1
}

.home-sections-wrapper .hero {
    max-width: 960px;
    min-width: 400px;
    margin-top: 80px;
    margin-bottom: 20px;
    padding: 36px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 7px 0 rgba(0,0,0,.26);
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.26);
    background-color: #fff;
    z-index: 1
}

.home-sections-wrapper .hero .cover {
    margin: -100px 30px 0 0;
    background-color: transparent
}

.home-sections-wrapper .hero .cover img {
    width: 200px;
    height: 312px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 14px 2px rgba(34,34,34,.08),0 8px 10px 1px rgba(34,34,34,.1);
    box-shadow: 0 3px 14px 2px rgba(34,34,34,.08),0 8px 10px 1px rgba(34,34,34,.1)
}

.home-sections-wrapper .hero .paid-stories-badge {
    margin-right: 8px;
    vertical-align: middle
}

.home-sections-wrapper .hero .title {
    width: 80px;
    height: 24px;
    line-height: 1.33;
    font-size: 32px;
    font-weight: 700;
    color: #222
}

.home-sections-wrapper .hero .title p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.home-sections-wrapper .hero .hero-content {
    min-width: 0
}

.home-sections-wrapper .hero .author {
    font-size: 16px;
    line-height: 1.38;
    color: #222
}

.home-sections-wrapper .hero .description {
    font-size: 16px;
    line-height: 1.38;
    color: #6f6f6f
}

.home-sections-wrapper .hero .right-section {
    margin-left: 25px
}

.home-sections-wrapper .hero .promoted-indicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.home-sections-wrapper .hero .promoted-indicator p {
    margin-left: 2px
}

.home-sections-wrapper .tag-item {
    padding: 0 10px;
    border: 1px solid #eee;
    margin-right: 5px;
    border-radius: 12px;
    color: #6f6f6f;
    font-size: 14px;
    line-height: 19px
}

.home-sections-wrapper .story-swimlane {
    width: 100%;
    margin: 0 auto;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(196,196,196,0)),to(rgba(111,111,111,.06)));
    background: linear-gradient(180deg,rgba(196,196,196,0) 0,rgba(111,111,111,.06) 100%)
}

.home-sections-wrapper .story-swimlane:not(.paid) {
    padding-bottom: 40px
}

.home-sections-wrapper .story-swimlane.paid {
    background-color: #f2fdfd;
    background-image: none
}

.home-sections-wrapper .story-swimlane .module-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 472px
}

.home-sections-wrapper .try-premium-container {
    padding: 24px 24px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home-sections-wrapper .try-premium-container .try-premium {
    width: 100%;
    max-width: 280px
}

.home-sections-wrapper .search-bar {
    width: 80%;
    margin: 0 auto;
    margin-top: 15px
}

.home-sections-wrapper .search-bar .search-field {
    width: 100%;
    height: 40px;
    border-radius: 22px;
    padding-left: 15px;
    padding-right: 8px;
    border: solid 1px #eee;
    background-color: #fafafa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    color: #6f6f6f
}

.home-sections-wrapper .search-bar .search-field:active,.home-sections-wrapper .search-bar .search-field:focus,.home-sections-wrapper .search-bar .search-field:hover {
    outline: 0
}

.home-sections-wrapper .search-bar .search-field::-webkit-input-placeholder {
    color: #6f6f6f;
    text-indent: 35px
}

.home-sections-wrapper .search-bar .search-field::-moz-placeholder {
    color: #6f6f6f;
    text-indent: 35px
}

.home-sections-wrapper .search-bar .search-field:-ms-input-placeholder {
    color: #6f6f6f;
    text-indent: 35px
}

.home-sections-wrapper .search-bar .search-field::-ms-input-placeholder {
    color: #6f6f6f;
    text-indent: 35px
}

.home-sections-wrapper .search-bar .search-field::placeholder {
    color: #6f6f6f;
    text-indent: 35px
}

.home-sections-wrapper .search-bar .search-icon {
    margin-right: 10px
}

.home-sections-wrapper .greeting-and-content-settings {
    margin-top: 50px;
    width: 100%;
    min-width: 400px
}

.home-sections-wrapper .greeting-and-content-settings .greeting-text {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 32px;
    color: #222;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif
}

.home-sections-wrapper .greeting-and-content-settings .content-settings {
    font-size: 16px;
    color: #222;
    font-weight: 700;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 36px
}

.home-sections-wrapper .greeting-and-content-settings .content-settings:hover {
    cursor: pointer
}

.home-sections-wrapper .greeting-and-content-settings .content-settings-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 161px;
    height: 100%
}

.home-sections-wrapper .greeting-and-content-settings .content-settings-label p {
    margin: 0;
    line-height: 22px
}

.home-sections-wrapper .greeting-and-content-settings .content-settings-label:focus {
    outline: 0
}

.home-sections-wrapper .greeting-and-content-settings .content-settings-label svg {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip {
    width: 330px;
    min-height: 160px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    position: absolute;
    right: 300px;
    margin: -8px 50px 0 0;
    padding: 10px 10px 10px 19px;
    z-index: 10000;
    cursor: default
}

.home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip p {
    font-size: 16px;
    line-height: 22px;
    color: #6f6f6f;
    font-weight: 400
}

.home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip h1 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 12px 0 3px 0
}

.home-sections-wrapper .greeting-and-content-settings .cs-backdrop {
    background-color: rgba(0,0,0,.5);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    cursor: default
}

.home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip:after,.home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip:before {
    left: 100%;
    top: 15%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip:after {
    border-color: rgba(136,183,213,0);
    border-left-color: #fff;
    border-width: 14px;
    margin-top: -14px
}

.home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip:before {
    border-color: rgba(194,225,245,0);
    border-left-color: rgba(34,34,34,.1);
    border-width: 16px;
    margin-top: -16px
}

.home-sections-wrapper .greeting-and-content-settings .module-content {
    padding: 0;
    max-width: 960px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 575px) {
    .home-sections-wrapper .greeting-and-content-settings .module-divider {
        left:0;
        width: 960px
    }
}

.home-sections-wrapper .paidMultiRow,.home-sections-wrapper>.paid {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background-color: #c8f5e6;
    width: 100%;
    overflow: hidden;
    position: relative
}

.home-sections-wrapper .paidMultiRow .story-carousel .tag-item,.home-sections-wrapper>.paid .story-carousel .tag-item {
    background-color: #fff!important
}

.home-sections-wrapper .small-nav {
    width: calc(100% + 13px);
    padding-bottom: 46px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 5%
}

.home-sections-wrapper .small-nav .banner-content {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    width: 80%;
    max-width: 960px;
    min-width: 400px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 7px 0 rgba(0,0,0,.26);
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.26)
}

.home-sections-wrapper .small-nav .banner-content:hover {
    text-decoration: none;
    cursor: pointer
}

.home-sections-wrapper .small-nav h1 {
    color: #222;
    font-size: 18px;
    font-weight: 700;
    margin: 30px 0 12px 35px;
    line-height: 1.33
}

.home-sections-wrapper .small-nav h2 {
    color: #6f6f6f;
    font-size: 14px;
    margin: 0 0 0 35px;
    line-height: 1.33
}

.home-sections-wrapper .small-nav.paid {
    background-color: #f2fdfd
}

.home-sections-wrapper .story-swimlane-with-hero .small-nav {
    z-index: 1
}

.home-sections-wrapper .story-swimlane-with-hero .small-nav .banner-content {
    height: 123px;
    width: 100%
}

.home-sections-wrapper .story-swimlane-with-hero .paid-banner .banner-content {
    background-image: url(/img/paid-content/free-stories.png),url(/img/paid-content/currency.png);
    background-position: 69% -6%,90% 110%;
    background-repeat: no-repeat,no-repeat;
    background-size: 200px,150px
}

.home-sections-wrapper .contest-info {
    max-width: 60%
}

.home-sections-wrapper .contest-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 123px
}

.home-sections-wrapper .graphic-container {
    width: 20%;
    background-size: cover;
    border-radius: 0 4px 4px 0
}

@media (max-width: 992px) {
    .home-sections-wrapper .graphic-container {
        width:30%
    }
}

@media (max-width: 575px) {
    .home-sections-wrapper .graphic-container {
        width:40%
    }
}

.home-sections-wrapper .continue-reading-wrapper {
    position: fixed;
    bottom: 0;
    z-index: 2;
    width: 100%;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 15px;
    pointer-events: none
}

.home-sections-wrapper .continue-reading-wrapper .continue-reading {
    height: 70px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 7px 0 rgba(0,0,0,.26);
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.26);
    background-color: #fff;
    width: 50%;
    border: transparent;
    pointer-events: auto;
    -webkit-transition: transform .4s linear;
    -webkit-transition: -webkit-transform .4s linear;
    transition: -webkit-transform .4s linear;
    transition: transform .4s linear;
    transition: transform .4s linear,-webkit-transform .4s linear
}

.home-sections-wrapper .continue-reading-wrapper .continue-reading .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home-sections-wrapper .continue-reading-wrapper .continue-reading .story-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70%
}

.home-sections-wrapper .continue-reading-wrapper .continue-reading .story-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 0 0 0;
    width: 100%
}

.home-sections-wrapper .continue-reading-wrapper .continue-reading .story-details div {
    padding: 0
}

.home-sections-wrapper .continue-reading-wrapper .continue-reading .story-details .header {
    color: #222;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.38;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.home-sections-wrapper .continue-reading-wrapper .continue-reading .story-details .story-title {
    color: #222;
    font-size: 14px;
    line-height: 1.43;
    width: 100%;
    max-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    white-space: nowrap
}

.home-sections-wrapper .continue-reading-wrapper .continue-reading .cover {
    margin: -40px 16px 0 0;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    z-index: 0;
    border-radius: 4px
}

.home-sections-wrapper .continue-reading-wrapper .continue-reading img {
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 14px 2px rgba(34,34,34,.08),0 8px 10px 1px rgba(34,34,34,.1);
    box-shadow: 0 3px 14px 2px rgba(34,34,34,.08),0 8px 10px 1px rgba(34,34,34,.1);
    width: 60px
}

.home-sections-wrapper .continue-reading-wrapper .continue-reading .read {
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.38;
    padding: 8px 9px 0 0;
    color: #222
}

.home-sections-wrapper .continue-reading-wrapper .percentage-read {
    height: 4px;
    background-color: #eee;
    margin: 8px 8px 4px 0;
    border-radius: 2px;
    width: 70%
}

.home-sections-wrapper .continue-reading-wrapper .percentage-position {
    border-radius: 2px;
    height: 4px;
    background-color: #ff6122
}

.home-sections-wrapper .wp-modal.modal-story-preview .modal-content {
    -ms-flex-preferred-size: 586px;
    flex-basis: 586px;
    height: 436px;
    padding: 8px;
    overflow: hidden
}

.home-sections-wrapper .story-preview-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.home-sections-wrapper .story-preview-wrapper .cover {
    width: 50%;
    height: 100%
}

.home-sections-wrapper .story-preview-wrapper .cover img {
    border-radius: 4px
}

.home-sections-wrapper .story-preview-wrapper .story-info {
    height: inherit;
    width: 50%;
    direction: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 10px 16px 0 16px;
    position: relative
}

.home-sections-wrapper .story-preview-wrapper .story-info .meta-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.home-sections-wrapper .story-preview-wrapper .story-info .meta-header .title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home-sections-wrapper .story-preview-wrapper .title-wrapper .paid-stories-badge {
    margin-top: 6px
}

.home-sections-wrapper .story-preview-wrapper .title-wrapper .title {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    color: #222;
    width: 208px;
    height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.home-sections-wrapper .story-preview-wrapper .story-info .meta-header .icon-bar {
    padding-top: 10px
}

.home-sections-wrapper .story-preview-wrapper .story-info .description {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    height: 220px;
    width: 268px;
    overflow: hidden
}

.home-sections-wrapper .story-preview-wrapper .buttons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0
}

.home-sections-wrapper .story-preview-wrapper .buttons-wrapper .read {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    max-width: 208px;
    min-width: 0
}

.home-sections-wrapper .story-preview-wrapper .buttons-wrapper .read .paid-story {
    margin-top: 4px;
    min-width: 20px
}

.home-sections-wrapper .story-preview-wrapper .buttons-wrapper .read .open-book {
    margin-top: 2px;
    margin-right: 4px;
    min-width: 16px
}

.home-sections-wrapper .story-preview-wrapper .buttons-wrapper .read .read-btn-text {
    text-overflow: ellipsis;
    overflow: hidden
}

.home-sections-wrapper .story-preview-wrapper .buttons-wrapper .add-to-library-btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0 16px;
    margin-left: 2px;
    max-width: 56px
}

.home-sections-wrapper .story-preview-wrapper .buttons-wrapper .add-to-library-btn svg {
    stroke: #fff
}

.home-sections-wrapper .story-preview-wrapper .story-info .loader-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0
}

.home-sections-wrapper .story-preview-wrapper .more-details-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.home-sections-wrapper .story-preview-wrapper .more-details-wrapper .more-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    bottom: 18px;
    position: absolute;
    width: inherit;
    padding: 0;
    background-color: transparent
}

.home-sections-wrapper .story-preview-wrapper .close {
    border: none;
    position: absolute;
    right: 0;
    background-color: transparent
}

.home-sections-wrapper.loading-spinner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home-sections-wrapper.loading-spinners {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 300px;
    position: absolute;
    width: 100%
}

.load-home-failed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.load-home-failed .image img {
    margin: 170px 0 50px 0
}

.load-home-failed .text .title {
    font-size: 24px;
    font-weight: 700;
    color: #222;
    margin-bottom: 6px;
    text-align: center;
    line-height: 1.38;
    letter-spacing: normal
}

.load-home-failed .text .subtitle {
    font-size: 16px;
    color: #6f6f6f;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.38;
    letter-spacing: normal
}

@media (max-width: 992px) {
    .home-sections-wrapper .greeting-and-content-settings .module-content {
        padding:0 16px
    }

    .home-sections-wrapper .greeting-and-content-settings .module-divider {
        margin-left: 16px;
        margin-bottom: 0
    }
}

@media (max-width: 575px) {
    .home-sections-wrapper .module-content {
        padding-top:40px;
        padding-left: 8px;
        padding-bottom: 24px
    }

    .home-sections-wrapper .story-swimlane.paid .module-content {
        height: 100%
    }

    .home-sections-wrapper .story-swimlane-with-hero {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .home-sections-wrapper .story-swimlane-with-hero.paid {
        margin-bottom: 32px;
        padding-top: 0
    }

    .home-sections-wrapper .story-swimlane-with-hero.paidMultiRow {
        margin-bottom: 32px;
        padding-top: 0
    }

    .home-sections-wrapper .story-swimlane-with-hero.paidMultiRow .module-header {
        margin: 0
    }

    .home-sections-wrapper .story-swimlane-with-hero.paidMultiRow .module-header:first-child {
        margin-top: 24px
    }

    .home-sections-wrapper .story-swimlane {
        margin-bottom: 0
    }

    .home-sections-wrapper .story-swimlane:not(.paid) {
        padding-bottom: 0
    }

    .home-sections-wrapper .story-swimlane .module-content {
        padding-bottom: 0;
        height: 100%
    }

    .home-sections-wrapper .story-swimlane .module-content.full-width {
        width: 100%
    }

    .home-sections-wrapper .carousel-container {
        height: 206px
    }

    .home-sections-wrapper .module-header {
        min-width: unset;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .home-sections-wrapper .module-header .left-section .heading h3 {
        margin-top: 0;
        margin-bottom: 0
    }

    .home-sections-wrapper .module-header .left-section .subheading h4 {
        color: rgba(18,18,18,.64);
        font-size: 16px;
        line-height: normal;
        margin-top: 4px;
        margin-bottom: 8px
    }

    .home-sections-wrapper .module-header .promoted-indicator p {
        font-size: 14px;
        line-height: 1.29
    }

    .home-sections-wrapper .module-header .promoted-icon {
        height: 15px;
        width: 15px;
        margin-bottom: 6px
    }

    .home-sections-wrapper .module-header .expand-prompt-button {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .home-sections-wrapper .tag-item {
        font-size: 12px
    }

    .home-sections-wrapper .hero-item {
        padding-top: 24px;
        padding-right: 8px;
        margin-bottom: 24px;
        min-width: unset
    }

    .home-sections-wrapper .hero {
        min-width: unset;
        -webkit-box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
        box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
        padding: 15px 8px 20px 15px;
        margin-top: 0
    }

    .home-sections-wrapper .hero .cover {
        margin: -32px 14px 0 0
    }

    .home-sections-wrapper .hero .cover img {
        width: 104px;
        height: 168px
    }

    .home-sections-wrapper .hero .title {
        font-size: 18px
    }

    .home-sections-wrapper .hero .description {
        line-height: 1.29;
        font-size: 14px
    }

    .home-sections-wrapper .hero .promoted-indicator p {
        display: none
    }

    .home-sections-wrapper .greeting-and-content-settings {
        margin-top: 25px;
        min-width: unset;
        border-bottom: none
    }

    .home-sections-wrapper .greeting-and-content-settings .greeting-text {
        font-weight: 400;
        font-size: 22px
    }

    .home-sections-wrapper .greeting-and-content-settings .content-settings-label {
        width: auto
    }

    .home-sections-wrapper .greeting-and-content-settings .content-settings-label p {
        display: none
    }

    .home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip {
        position: absolute;
        width: 250px;
        right: 10px;
        top: -5px
    }

    .home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip p {
        font-size: 14px;
        line-height: 16px
    }

    .home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip h1 {
        font-size: 16px;
        margin: 8px 0 3px 0
    }

    .home-sections-wrapper .greeting-and-content-settings .module-divider {
        margin-left: 16px;
        margin-bottom: 0;
        width: 100%
    }

    .home-sections-wrapper .greeting-and-content-settings .module-content {
        padding: 0 16px;
        max-width: 960px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .home-sections-wrapper .paid .hero-item,.home-sections-wrapper .paidMultiRow .hero-item {
        min-width: unset
    }

    .home-sections-wrapper .small-nav {
        padding-bottom: 16px
    }

    .home-sections-wrapper .small-nav .banner-content {
        min-width: unset;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .home-sections-wrapper .small-nav h2 {
        font-size: 12px;
        margin: 0 0 0 18px
    }

    .home-sections-wrapper .small-nav .contest-content {
        height: 97px
    }

    .home-sections-wrapper .small-nav.twoSections h1 {
        font-size: 14px;
        margin: 10px 0 0 18px
    }

    .home-sections-wrapper .small-nav.oneSection .contest-info {
        max-width: 80%
    }

    .home-sections-wrapper .small-nav.oneSection h1 {
        font-size: 16px;
        margin: 18px 0 4px 18px
    }

    .home-sections-wrapper .story-swimlane-with-hero .paid-banner .banner-content {
        background-image: url(/img/paid-content/currency.png);
        background-position: 90% 0;
        background-size: 75px
    }

    .home-sections-wrapper .continue-reading-wrapper {
        margin-bottom: 4px
    }

    .home-sections-wrapper .continue-reading-wrapper .continue-reading {
        width: 98%
    }

    .home-sections-wrapper .continue-reading-wrapper .continue-reading .cover {
        margin: -15px 8px 0 0;
        border-radius: 4px
    }

    .home-sections-wrapper .continue-reading-wrapper .cover img {
        height: 63px;
        width: 40px
    }

    .home-sections-wrapper .continue-reading-wrapper .continue-reading .story-details {
        width: 90%
    }

    .home-sections-wrapper .continue-reading-wrapper .percentage-read {
        width: 100%
    }

    .load-home-failed .image img {
        margin: 50px 0
    }

    .load-home-failed .text .title {
        font-size: 18px
    }
}

.content-settings {
    margin: 0 10px
}

.content-settings.is-settings-page {
    max-width: 850px;
    padding-top: 20px;
    margin: 0 auto
}

.content-settings.is-settings-page .content-settings-heading {
    display: none
}

.content-settings h2 {
    font-size: 26px
}

.content-settings h2,.content-settings h3 {
    font-weight: 700;
    color: #222;
    margin: 10px 0
}

.content-settings .section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.content-settings .mature {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.content-settings .instruction {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px
}

.content-settings .instruction h3 {
    font-size: 18px
}

.content-settings .instruction p {
    font-size: 16px;
    max-width: 559px
}

.blocked-tags .left-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.blocked-tags .right-section {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.blocked-tags .right-section button {
    padding: 0;
    border: none;
    background: 0 0;
    min-width: 80px;
    margin: 10px 0;
    line-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #222;
    font-size: 14px;
    outline: 0
}

.blocked-tags .right-section button p {
    margin: 0
}

.blocked-tags .blocked-tags-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    margin-right: 10px;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-height: 30px;
    pointer-events: none
}

.blocked-tags .blocked-tags-list .tag-item {
    padding: 0 10px;
    border: 1px solid #eee;
    margin: 5px 5px 10px 0;
    border-radius: 12px;
    color: #6f6f6f;
    font-size: 12px;
    line-height: 19px;
    background-color: #eee!important;
    pointer-events: none;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.blocked-tags .blocked-tags-list .tags {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: calc(100% - 60px);
    height: 100%;
    overflow: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0
}

.blocked-tags .blocked-tags-list .more {
    min-width: 60px;
    height: 100%;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    color: #6f6f6f;
    padding-top: 3px
}

.toggle:focus {
    outline: 0
}

.toggle div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.toggle .block-on {
    background-color: #4db6ac;
    color: #fff
}

.toggle .block-off {
    background-color: #eee
}

.toggle .switch {
    position: absolute;
    width: 50%;
    background-color: #fff;
    z-index: 2
}

.toggle.off .switch {
    -webkit-transition: all .4s;
    transition: all .4s;
    left: 0
}

.toggle.on .switch {
    -webkit-transition: all .4s;
    transition: all .4s;
    left: 50%
}

.toggle.disabled {
    cursor: auto
}

.toggle.disabled .block-on {
    opacity: .5
}

.toggle.disabled .block-off {
    opacity: .5
}

.content-settings .footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-settings .footer .cancel {
    cursor: pointer;
    border: none;
    background: 0 0;
    outline: 0;
    margin-right: 3%;
    color: #222
}

.content-settings .footer .btn-primary {
    cursor: pointer
}

.edit-blocked-tags {
    min-height: 600px;
    max-height: 600px;
    overflow: hidden
}

.edit-blocked-tags .heading {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-height: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.edit-blocked-tags .back {
    padding: 0;
    border: none;
    background: 0 0;
    margin-right: 20px;
    max-width: 24px;
    max-height: 24px
}

.edit-blocked-tags h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #222
}

.content-settings.edit-blocked-tags .instruction {
    margin: 0 10px 0 4px
}

.content-settings.edit-blocked-tags .instruction p {
    max-width: 100%
}

.edit-blocked-tags .tags {
    max-height: 350px;
    overflow: scroll
}

.edit-blocked-tags .blocked-tags-list .tag-item {
    padding: 0 10px;
    border: 1px solid #eee;
    margin: 4px;
    border-radius: 12px;
    color: #6f6f6f;
    font-size: 12px;
    line-height: 19px;
    background-color: #eee
}

.edit-blocked-tags .blocked-tags-list .tag-item .fa-remove:hover {
    color: #ff6122
}

.edit-blocked-tags input {
    outline: 0;
    padding: 0;
    border: none;
    background: 0 0;
    width: 100%;
    font-size: 14px;
    color: #6f6f6f;
    line-height: 1.43;
    margin: 24px 0 0 4px
}

.edit-blocked-tags .warning {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 20px;
    margin-top: 8px
}

.edit-blocked-tags .warning p {
    margin: 1px 0 0 3px;
    height: 100%;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: normal;
    color: #6f6f6f
}

.wp-modal.modal-confirmation .modal-content {
    -ms-flex-preferred-size: 561px;
    flex-basis: 561px;
    min-height: 380px
}

.modal-confirmation .thanks-for-the-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-confirmation .thanks-for-the-input img {
    width: 157px;
    height: 158px
}

.modal-confirmation .thanks-for-the-input .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-confirmation .thanks-for-the-input .text h3 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 24px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    text-align: center;
    color: #222
}

.modal-confirmation .thanks-for-the-input .text p {
    width: 448px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    color: #6f6f6f
}

.suggested-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 320px
}

.suggested-tags .title {
    color: #6f6f6f;
    font-size: 12px;
    line-height: 1.43;
    margin: 24px 0 3px 4px
}

.suggested-tags .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 4px 0 0 4px
}

.suggested-tags .tags button {
    color: #222;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    border: none;
    background: 0 0;
    padding: 6px 0;
    text-decoration: none;
    outline: 0;
    text-align: left;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width: 575px) {
    .wp-modal.modal-contest .modal-content {
        overflow-y:auto
    }

    .wp-modal.modal-contest .modal-content .edit-blocked-tags {
        overflow-y: auto
    }

    .blocked-tags .left-section {
        width: 95%
    }

    .blocked-tags .left-section .blocked-tags-list {
        max-height: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .blocked-tags .left-section .blocked-tags-list .tags {
        width: 100%;
        max-height: 30px;
        margin: 0
    }

    .blocked-tags .left-section .blocked-tags-list .more {
        width: 100%;
        height: 50%;
        text-align: left
    }

    .blocked-tags .right-section .edit-tags-button {
        min-height: 40px;
        min-width: 40px;
        margin: 0
    }

    .blocked-tags button p {
        display: none
    }

    .tags {
        margin: 0
    }

    .edit-blocked-tags .instruction {
        display: none
    }

    .modal-confirmation .thanks-for-the-input img {
        width: 125px;
        height: 127px
    }

    .modal-confirmation .thanks-for-the-input .text p {
        width: 85%;
        height: 100%
    }
}

@media (min-width: 575px) {
    .featured-carousel {
        margin:0 auto;
        width: 100%;
        max-width: 960px;
        min-width: 400px;
        height: 420px
    }

    .featured-carousel .slider,.featured-carousel .slider-frame {
        height: 420px!important
    }

    .featured-carousel .featured-text {
        width: 100%;
        margin-left: 1%;
        margin-top: -22.4em
    }

    .featured-carousel h2 {
        font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-style: normal;
        font-weight: 700;
        height: 26px;
        font-size: 22px;
        line-height: 28px;
        color: #121212
    }

    .featured-carousel p {
        font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        height: 23px;
        line-height: 22px;
        margin-top: -10px;
        color: rgba(18,18,18,.64)
    }

    .featured-carousel.rtl-adjust .featured-slide .featured-text {
        right: 20%!important;
        left: unset!important
    }

    .featured-carousel .featured-slide {
        position: absolute;
        width: 100%;
        top: 96px
    }

    .featured-carousel .featured-slide .image-container {
        height: 267px;
        left: 240px;
        margin-left: 12px;
        margin-right: 12px;
        background-position: center center;
        -webkit-box-shadow: 0 3px 14px rgba(34,34,34,.08),0 8px 10px rgba(34,34,34,.1);
        box-shadow: 0 3px 14px rgba(34,34,34,.08),0 8px 10px rgba(34,34,34,.1);
        border-radius: 16px
    }

    .featured-carousel .slider-control-bottomright {
        margin-right: 46%
    }

    .featured-carousel .slider-control-bottomcenter {
        width: 60%;
        height: 40px
    }

    .featured-carousel .slider-control-bottomcenter .controls {
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        gap: 20px;
        width: unset;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .featured-carousel .controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100px;
        top: -11px;
        cursor: pointer
    }

    .featured-carousel .controls .control {
        display: inline-block;
        background-color: #6f6f6f;
        height: 10px;
        width: 10px;
        border-radius: 50%
    }

    .featured-carousel .controls .control.active {
        background-color: #222
    }

    .featured-carousel .slider-control-centerleft,.featured-carousel .slider-control-centerright {
        display: none
    }

    .featured-carousel .module-divider {
        display: none
    }
}

@media (max-width: 575px) {
    .featured-carousel {
        margin-bottom:70px;
        margin: 100px 0 16px;
        margin-left: 8px;
        height: auto
    }

    .featured-carousel .slider,.featured-carousel .slider-frame {
        height: auto!important;
        max-width: 315px
    }

    .featured-carousel .module-divider {
        display: none;
        margin-top: 16px
    }

    .featured-carousel .featured-slide {
        margin: 0 auto;
        max-width: 315px;
        position: relative;
        -webkit-box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
        box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1)
    }

    .featured-carousel .featured-slide .image-container {
        border-radius: 4px;
        background-position: 50% 0
    }

    .featured-carousel .featured-slide .featured-text {
        position: absolute;
        height: 100px;
        width: 100%;
        top: -100px;
        left: 0
    }

    .featured-carousel .featured-slide.rtl-adjust .featured-slide .featured-text {
        right: 0!important;
        left: unset!important
    }

    .featured-carousel .featured-slide h2 {
        font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
        color: #222;
        font-size: 18px;
        line-height: 1.33;
        top: 0;
        left: 0;
        margin-bottom: 4px;
        font-weight: 700
    }

    .featured-carousel .featured-slide p {
        font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
        color: rgba(18,18,18,.64);
        font-size: 16px;
        line-height: 1.38;
        top: 50px;
        left: 0;
        margin-bottom: 6px
    }
}

.block-modal-content h3.block-modal-title,.block-modal-content h3.mute-modal-title,.mute-modal-content h3.block-modal-title,.mute-modal-content h3.mute-modal-title {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    text-align: center;
    margin: 0 auto;
    text-shadow: none
}

.block-modal-content p,.mute-modal-content p {
    color: #6f6f6f;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    margin: auto;
    margin-bottom: 16px;
    margin-top: 8px
}

.block-modal-content .confirm-buttons,.mute-modal-content .confirm-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.block-modal-content .confirm-buttons button,.mute-modal-content .confirm-buttons button {
    font-size: 16px!important;
    width: 40%;
    height: 38px;
    margin: 0 4px
}

.block-modal-content .confirm-buttons button.cancel-block,.block-modal-content .confirm-buttons button.cancel-mute,.mute-modal-content .confirm-buttons button.cancel-block,.mute-modal-content .confirm-buttons button.cancel-mute {
    font-weight: 600;
    border: 1px solid #eee;
    color: #222;
    background-color: #eee;
    border-radius: 50vh
}

.block-modal-content .mute-error,.mute-modal-content .mute-error {
    margin-bottom: 0;
    margin-top: 14px
}

.wp-modal.block-modal .modal-content,.wp-modal.mute-modal .modal-content,.wp-modal.unblock-modal .modal-content,.wp-modal.unmute-modal .modal-content {
    -ms-flex-preferred-size: 327px;
    flex-basis: 327px;
    padding: 24px
}

.block-modal-wrapper,.mute-modal-wrapper {
    max-width: 327px;
    margin: 0 auto
}

.block-modal-dialog,.mute-modal-dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.block-modal-dialog .modal-body,.mute-modal-dialog .modal-body {
    padding-top: 15px
}

.profile-layout .toast.mute {
    position: absolute;
    bottom: 60px
}

@media (max-width: 768px) {
    .profile-layout .container {
        margin:0;
        padding: 0;
        width: 100%
    }

    .profile-layout .sub-navigation {
        list-style-type: none;
        margin-bottom: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .profile-layout .sub-navigation .navigation {
        width: 100%
    }

    .profile-layout .sub-navigation .navigation .nav-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .profile-layout .sub-navigation .navigation .nav-list .nav-item {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: none
    }

    .profile-layout .sub-navigation .navigation .nav-list .nav-item:active {
        border: none
    }

    .profile-layout .sub-navigation .navigation .nav-list .nav-item .section {
        width: 100%;
        margin: 0;
        height: 44px;
        font-size: 15px;
        border-bottom: 1px solid #eee
    }

    .profile-layout .sub-navigation .navigation .nav-list .nav-item .section .btn-white {
        margin-top: 0;
        height: 44px
    }
}

.profile-layout .btn-white {
    margin-top: 0;
    height: 38px
}

.profile-layout .dropdown-toggle:focus-visible {
    outline: -webkit-focus-ring-color auto 1px
}

.profile-layout .sub-navigation .navigation .nav-item .section {
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 52px;
    padding: 0 15px;
    border-bottom: 3px solid transparent;
    color: #222;
    font-size: 20px;
    line-height: 54px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.profile-layout .sub-navigation .navigation .nav-item .section:hover {
    text-decoration: none;
    background: 0 0;
    font-weight: 600;
    border-bottom: 3px solid #ff6122
}

.profile-layout .sub-navigation .navigation .nav-item:active {
    border-bottom: 3px solid #ff6122
}

.profile-layout .restricted-profile-header .restricted-state {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.profile-layout .restricted-profile-header .restricted-state .unblock-button,.profile-layout .restricted-profile-header .restricted-state .unmute-button {
    margin: 0
}

.close-account-modal .modal-content,.timeout-modal .modal-content {
    padding: 0;
    -ms-flex-preferred-size: 500px;
    flex-basis: 500px
}

.close-account-modal .modal-body,.close-account-modal .modal-footer,.close-account-modal .modal-header,.timeout-modal .modal-body,.timeout-modal .modal-footer,.timeout-modal .modal-header {
    padding: 15px
}

.close-account-modal .close-button,.timeout-modal .close-button {
    background: 0 0;
    border: none
}

.toast {
    width: 100%;
    padding: 16px;
    position: fixed;
    bottom: 0;
    z-index: 1
}

.toast .toast-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-size: 14px;
    background-color: #222;
    border-radius: 4px;
    padding: 16px
}

.toast .toast-content p {
    color: #fff;
    margin: 0
}

.toast .toast-content button {
    color: #ff6122
}

.try-premium {
    background-color: #2a1c60
}

.try-premium .button-copy {
    margin-left: 6px
}

.try-premium:hover {
    background-color: #21164c
}

.wp-modal.email-reverification-modal {
    padding: 0
}

@media screen and (max-width: 600px) {
    .wp-modal.email-reverification-modal .modal-content {
        width:100%;
        max-width: 100%;
        max-height: 100%;
        height: 100%;
        -ms-flex-preferred-size: auto!important;
        flex-basis: auto!important
    }
}

.wp-modal.email-reverification-modal .email-reverification-modal-content {
    min-height: 648px
}

@media screen and (max-width: 600px) {
    .wp-modal.email-reverification-modal .email-reverification-modal-content {
        min-height:auto
    }
}

.wp-modal.email-reverification-modal .close-btn {
    position: absolute;
    right: 25px;
    top: 25px
}

.wp-modal.email-reverification-modal .email-reverification-heading {
    background-color: rgba(18,18,18,.12);
    text-align: center;
    padding-top: 31px;
    padding-bottom: 37px;
    height: 164px
}

.wp-modal.email-reverification-modal .email-reverification-heading .wp-logo.hidden-xs {
    margin: 0 auto
}

.wp-modal.email-reverification-modal h1 {
    color: #222;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    margin-top: 26.59px
}

.wp-modal.email-reverification-modal p.email-notes {
    text-align: center;
    color: #222;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px
}

@media screen and (max-width: 600px) {
    .wp-modal.email-reverification-modal .email-reverification-heading {
        background-color:rgba(18,18,18,.04);
        height: 135px;
        line-height: 24px
    }

    .wp-modal.email-reverification-modal h1 {
        font-size: 22px;
        margin-top: 25px;
        padding-bottom: 25px
    }

    .wp-modal.email-reverification-modal p.email-notes {
        font-size: 16px;
        line-height: 22px
    }
}

.wp-modal.email-reverification-modal .modal-content {
    padding: 0;
    margin: 0 auto;
    -ms-flex-preferred-size: 504px;
    flex-basis: 504px;
    border-radius: 0
}

.wp-modal.email-reverification-modal .modal-content div {
    border: none;
    margin: 0 auto;
    -webkit-box-shadow: none;
    box-shadow: none
}

.wp-modal.email-reverification-modal .modal-content p.note {
    margin: 37px auto;
    color: rgba(18,18,18,.64);
    width: 370px;
    height: 67px
}

.wp-modal.email-reverification-modal .modal-content p.question {
    width: 388px;
    height: 48px;
    margin: 24px auto
}

.wp-modal.email-reverification-modal .modal-content p.email-text {
    font-weight: 700;
    font-size: 18px;
    overflow-wrap: break-word;
    line-height: 133%;
    border: 1px solid rgba(18,18,18,.12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 24px 24px 6px 24px;
    padding: 11.47px
}

.wp-modal.email-reverification-modal .modal-content p.gmail-note {
    text-align: center;
    color: rgba(18,18,18,.64);
    font-size: 14px;
    line-height: 21px;
    width: 370px;
    margin: 2px auto 0
}

@media screen and (max-width: 600px) {
    .wp-modal.email-reverification-modal .modal-content p.note {
        height:auto;
        width: auto;
        margin: 5% 10%
    }

    .wp-modal.email-reverification-modal .modal-content p.question {
        font-weight: 700;
        width: auto;
        height: auto;
        margin: 5% 10%
    }

    .wp-modal.email-reverification-modal .modal-content p.gmail-note {
        width: 90%
    }
}

.wp-modal.email-reverification-modal .modal-content .radio-wrapper {
    text-align: center
}

.wp-modal.email-reverification-modal .modal-content .radio-wrapper .radio-item {
    display: block
}

.wp-modal.email-reverification-modal .modal-content .radio-wrapper .radio-item input[type=radio] {
    display: none
}

.wp-modal.email-reverification-modal .modal-content .radio-wrapper .radio-item label {
    display: block;
    color: #222;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px
}

.wp-modal.email-reverification-modal .modal-content .radio-wrapper .radio-item input[type=radio]:checked+label:before {
    display: inline-block;
    margin: 0 12px 0 0;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    border: 1px solid #ff500a;
    background: radial-gradient(#ff500a 50%,#fff 51%)
}

.wp-modal.email-reverification-modal .modal-content .radio-wrapper .radio-item label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 12px 0 0;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    border: 1px solid rgba(18,18,18,.32);
    background-color: transparent
}

.wp-modal.email-reverification-modal .modal-content .radio-wrapper .radio-item label:nth-child(2) {
    margin-top: 30px
}

.wp-modal.email-reverification-modal .modal-content .radio-wrapper .radio-item label:nth-child(4) {
    margin-bottom: 33px
}

.wp-modal.email-reverification-modal .modal-content .btn-primary.btn-md.btn-email-confirm {
    margin: 30px auto 56px;
    min-width: 267px
}

@media screen and (max-width: 600px) {
    .wp-modal.email-reverification-modal .modal-content .radio-wrapper .radio-item label:nth-child(2) {
        padding-bottom:12px
    }

    .wp-modal.email-reverification-modal .modal-content .btn-primary.btn-md.btn-email-confirm {
        min-width: 60%;
        margin: auto
    }
}

.wp-modal.email-reverification-modal #change-email-modal .close.on-close {
    position: absolute;
    padding: 12px;
    top: 2px;
    right: 1px;
    cursor: pointer
}

.wp-modal.email-reverification-modal #change-email-modal .btn-md {
    margin: 16px auto;
    display: block;
    min-width: 60%
}

.wp-modal.email-reverification-modal #change-email-modal .panel-heading h3 {
    color: #121212
}

.wp-modal.email-reverification-modal .back-btn {
    display: none
}

@media screen and (max-width: 600px) {
    .wp-modal.email-reverification-modal .back-btn {
        display:inline;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-60%,0);
        transform: translate(-60%,0)
    }

    .wp-modal.email-reverification-modal .back-btn .back-btn-label {
        display: inline;
        color: #222;
        font-size: 16px;
        margin-left: 3px
    }
}

@media screen and (min-width: 992px) {
    .toast.email-reverification-toast {
        position:fixed;
        bottom: none;
        top: 54px;
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        z-index: 1030
    }
}

.change-email-modal-wrapper .sent-email-modal-content p,.please-verify-modal-wrapper .sent-email-modal-content p,.sent-email-modal-wrapper .sent-email-modal-content p,.wp-modal.modal-container.please-verify-modal .sent-email-modal-content p {
    margin-bottom: 15px
}

.change-email-modal-wrapper button.close.on-close,.please-verify-modal-wrapper button.close.on-close,.sent-email-modal-wrapper button.close.on-close,.wp-modal.modal-container.please-verify-modal button.close.on-close {
    position: absolute;
    background: 0 0;
    border: none;
    right: 5px;
    top: 5px;
    font-size: 14px!important;
    padding: 12px
}

.change-email-modal-wrapper h1,.please-verify-modal-wrapper h1,.sent-email-modal-wrapper h1,.wp-modal.modal-container.please-verify-modal h1 {
    color: #222;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    margin-top: 24px;
    text-align: center
}

.change-email-modal-wrapper p,.please-verify-modal-wrapper p,.sent-email-modal-wrapper p,.wp-modal.modal-container.please-verify-modal p {
    color: rgba(18,18,18,.64);
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.change-email-modal-wrapper .checked-features,.please-verify-modal-wrapper .checked-features,.sent-email-modal-wrapper .checked-features,.wp-modal.modal-container.please-verify-modal .checked-features {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 9px 0 6px 0
}

.change-email-modal-wrapper .check-and-feature,.please-verify-modal-wrapper .check-and-feature,.sent-email-modal-wrapper .check-and-feature,.wp-modal.modal-container.please-verify-modal .check-and-feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.change-email-modal-wrapper .check-and-feature .check-icon,.please-verify-modal-wrapper .check-and-feature .check-icon,.sent-email-modal-wrapper .check-and-feature .check-icon,.wp-modal.modal-container.please-verify-modal .check-and-feature .check-icon {
    color: #18a599;
    margin-right: 6px
}

.change-email-modal-wrapper .check-and-feature p,.please-verify-modal-wrapper .check-and-feature p,.sent-email-modal-wrapper .check-and-feature p,.wp-modal.modal-container.please-verify-modal .check-and-feature p {
    margin-bottom: 6px
}

.change-email-modal-wrapper .modal-content,.please-verify-modal-wrapper .modal-content,.sent-email-modal-wrapper .modal-content,.wp-modal.modal-container.please-verify-modal .modal-content {
    padding: 0;
    margin: 0 auto;
    -ms-flex-preferred-size: 504px;
    flex-basis: 504px;
    border-radius: 3px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.change-email-modal-wrapper .modal-content div,.please-verify-modal-wrapper .modal-content div,.sent-email-modal-wrapper .modal-content div,.wp-modal.modal-container.please-verify-modal .modal-content div {
    border: none;
    margin: 0 auto;
    -webkit-box-shadow: none;
    box-shadow: none
}

.change-email-modal-wrapper .modal-content .btn-md,.please-verify-modal-wrapper .modal-content .btn-md,.sent-email-modal-wrapper .modal-content .btn-md,.wp-modal.modal-container.please-verify-modal .modal-content .btn-md {
    width: 200px;
    min-width: 60%;
    display: block;
    margin: 8px auto
}

.change-email-modal-wrapper .modal-content form,.please-verify-modal-wrapper .modal-content form,.sent-email-modal-wrapper .modal-content form,.wp-modal.modal-container.please-verify-modal .modal-content form {
    padding-bottom: 24px
}

@media screen and (max-width: 600px) {
    .change-email-modal-wrapper .modal-content .close-btn,.please-verify-modal-wrapper .modal-content .close-btn,.sent-email-modal-wrapper .modal-content .close-btn,.wp-modal.modal-container.please-verify-modal .modal-content .close-btn {
        right:15px;
        top: 15px
    }
}

.change-email-modal-wrapper .change-email-modal-content,.please-verify-modal-wrapper .change-email-modal-content,.sent-email-modal-wrapper .change-email-modal-content,.wp-modal.modal-container.please-verify-modal .change-email-modal-content {
    padding: 0 24px
}

.change-email-modal-wrapper .change-email-modal-content h1,.please-verify-modal-wrapper .change-email-modal-content h1,.sent-email-modal-wrapper .change-email-modal-content h1,.wp-modal.modal-container.please-verify-modal .change-email-modal-content h1 {
    margin-bottom: 0
}

.change-email-modal-wrapper .change-email-modal-content .modal-message,.please-verify-modal-wrapper .change-email-modal-content .modal-message,.sent-email-modal-wrapper .change-email-modal-content .modal-message,.wp-modal.modal-container.please-verify-modal .change-email-modal-content .modal-message {
    color: rgba(18,18,18,.64);
    padding: 15px 0 10px;
    margin: 0
}

.change-email-modal-wrapper .change-email-modal-content .form-group,.please-verify-modal-wrapper .change-email-modal-content .form-group,.sent-email-modal-wrapper .change-email-modal-content .form-group,.wp-modal.modal-container.please-verify-modal .change-email-modal-content .form-group {
    padding-top: 15px
}

.change-email-modal-wrapper .change-email-modal-content span.fa.fa-check,.please-verify-modal-wrapper .change-email-modal-content span.fa.fa-check,.sent-email-modal-wrapper .change-email-modal-content span.fa.fa-check,.wp-modal.modal-container.please-verify-modal .change-email-modal-content span.fa.fa-check {
    bottom: 0;
    margin-right: 6px;
    padding: 12px;
    color: #00854e
}

.change-email-modal-wrapper .change-email-modal-content span.fa.fa-warning,.please-verify-modal-wrapper .change-email-modal-content span.fa.fa-warning,.sent-email-modal-wrapper .change-email-modal-content span.fa.fa-warning,.wp-modal.modal-container.please-verify-modal .change-email-modal-content span.fa.fa-warning {
    padding: 13px;
    margin-right: 10px;
    color: #e00000
}

.change-email-modal-wrapper .change-email-modal-content .form-group.has-feedback.password,.please-verify-modal-wrapper .change-email-modal-content .form-group.has-feedback.password,.sent-email-modal-wrapper .change-email-modal-content .form-group.has-feedback.password,.wp-modal.modal-container.please-verify-modal .change-email-modal-content .form-group.has-feedback.password {
    padding-bottom: 8px
}

.change-email-modal-wrapper .change-email-modal-content .control-label,.please-verify-modal-wrapper .change-email-modal-content .control-label,.sent-email-modal-wrapper .change-email-modal-content .control-label,.wp-modal.modal-container.please-verify-modal .change-email-modal-content .control-label {
    font-weight: 700;
    font-size: 14px;
    color: #121212
}

.change-email-modal-wrapper .change-email-modal-content #new_email:focus,.change-email-modal-wrapper .change-email-modal-content .change-email-input,.please-verify-modal-wrapper .change-email-modal-content #new_email:focus,.please-verify-modal-wrapper .change-email-modal-content .change-email-input,.sent-email-modal-wrapper .change-email-modal-content #new_email:focus,.sent-email-modal-wrapper .change-email-modal-content .change-email-input,.wp-modal.modal-container.please-verify-modal .change-email-modal-content #new_email:focus,.wp-modal.modal-container.please-verify-modal .change-email-modal-content .change-email-input {
    border: 1px solid rgba(18,18,18,.32)
}

.change-email-modal-wrapper .change-email-modal-content #new_email.invalid,.please-verify-modal-wrapper .change-email-modal-content #new_email.invalid,.sent-email-modal-wrapper .change-email-modal-content #new_email.invalid,.wp-modal.modal-container.please-verify-modal .change-email-modal-content #new_email.invalid {
    border: 1px solid #e00000!important
}

.change-email-modal-wrapper .change-email-modal-content .user-error-message,.please-verify-modal-wrapper .change-email-modal-content .user-error-message,.sent-email-modal-wrapper .change-email-modal-content .user-error-message,.wp-modal.modal-container.please-verify-modal .change-email-modal-content .user-error-message {
    color: #e00000;
    font-size: 14px;
    padding: 0;
    text-align: left;
    margin: 0
}

.change-email-modal-wrapper .change-email-modal-content .server-error-message,.please-verify-modal-wrapper .change-email-modal-content .server-error-message,.sent-email-modal-wrapper .change-email-modal-content .server-error-message,.wp-modal.modal-container.please-verify-modal .change-email-modal-content .server-error-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff2f2;
    border: 1px solid #ffcacd;
    border-radius: 3px;
    margin-top: 15px
}

.change-email-modal-wrapper .change-email-modal-content .server-error-message .fa-warning.warning-icon,.please-verify-modal-wrapper .change-email-modal-content .server-error-message .fa-warning.warning-icon,.sent-email-modal-wrapper .change-email-modal-content .server-error-message .fa-warning.warning-icon,.wp-modal.modal-container.please-verify-modal .change-email-modal-content .server-error-message .fa-warning.warning-icon {
    margin: auto 0
}

.change-email-modal-wrapper .change-email-modal-content .server-error-message .server-error-text,.please-verify-modal-wrapper .change-email-modal-content .server-error-message .server-error-text,.sent-email-modal-wrapper .change-email-modal-content .server-error-message .server-error-text,.wp-modal.modal-container.please-verify-modal .change-email-modal-content .server-error-message .server-error-text {
    color: #e00000;
    overflow-wrap: break-word;
    text-align: left;
    margin: auto 0;
    padding: 8px 0
}

.change-email-modal-wrapper .change-email-modal-content .fa-view,.please-verify-modal-wrapper .change-email-modal-content .fa-view,.sent-email-modal-wrapper .change-email-modal-content .fa-view,.wp-modal.modal-container.please-verify-modal .change-email-modal-content .fa-view {
    bottom: 3px;
    margin: auto 9px
}

.change-email-modal-wrapper .change-email-modal-content input.btn-primary.btn-md.btn-save,.please-verify-modal-wrapper .change-email-modal-content input.btn-primary.btn-md.btn-save,.sent-email-modal-wrapper .change-email-modal-content input.btn-primary.btn-md.btn-save,.wp-modal.modal-container.please-verify-modal .change-email-modal-content input.btn-primary.btn-md.btn-save {
    margin-top: 25px
}

.change-email-modal-wrapper .change-email-modal-content input[type=submit]:disabled,.please-verify-modal-wrapper .change-email-modal-content input[type=submit]:disabled,.sent-email-modal-wrapper .change-email-modal-content input[type=submit]:disabled,.wp-modal.modal-container.please-verify-modal .change-email-modal-content input[type=submit]:disabled {
    background-color: rgba(18,18,18,.32)
}

.change-email-modal-wrapper .change-email-modal-content .forgot-password,.please-verify-modal-wrapper .change-email-modal-content .forgot-password,.sent-email-modal-wrapper .change-email-modal-content .forgot-password,.wp-modal.modal-container.please-verify-modal .change-email-modal-content .forgot-password {
    font-size: 14px;
    color: #2a1c60!important
}

.sent-email-modal-wrapper {
    max-width: 512px;
    margin: 0 auto
}

.sent-email-modal-wrapper .modal-body {
    position: static;
    padding: 0
}

.sent-email-modal-wrapper .sent-email-modal-content {
    padding: 0 24px
}

.sent-email-modal-wrapper .change-email-modal-content {
    padding: 0 24px
}

.sent-email-modal-wrapper .change-email-modal-content .form-group {
    margin: 0
}

.sent-email-modal-wrapper .change-email-modal-content .btn-md {
    width: 200px;
    min-width: 60%;
    display: block;
    margin: 8px auto
}

.sent-email-modal-wrapper .change-email-modal-content input.btn-primary.btn-md.btn-save {
    margin-top: 25px
}

.sent-email-modal-wrapper .change-email-modal-content .btn-cancel {
    margin-bottom: 24px
}

.change-email-modal-wrapper,.please-verify-modal-wrapper {
    max-width: 512px;
    margin: 0 auto;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px
}

.change-email-modal-wrapper .modal-body,.please-verify-modal-wrapper .modal-body {
    padding: 1px 25px
}

.change-email-modal-wrapper span.close.on-close,.please-verify-modal-wrapper span.close.on-close {
    right: 5px;
    top: 5px
}

.change-email-modal-wrapper .change-email-modal-content,.please-verify-modal-wrapper .change-email-modal-content {
    padding: 0
}

.change-email-modal-wrapper .change-email-modal-content h1,.please-verify-modal-wrapper .change-email-modal-content h1 {
    margin-bottom: 0
}

.change-email-modal-wrapper .change-email-modal-content .form-group,.please-verify-modal-wrapper .change-email-modal-content .form-group {
    margin: 0
}

.change-email-modal-wrapper .change-email-modal-content .btn-md,.please-verify-modal-wrapper .change-email-modal-content .btn-md {
    width: 200px;
    min-width: 60%;
    display: block;
    margin: 8px auto
}

.change-email-modal-wrapper .change-email-modal-content .btn-secondary,.please-verify-modal-wrapper .change-email-modal-content .btn-secondary {
    margin-bottom: 24px
}

.skeleton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
    background-color: rgba(18,18,18,.12)
}

.skeleton.pulse {
    -webkit-box-shadow: 0 0 0 0 #000;
    box-shadow: 0 0 0 0 #000;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation: pulse 1.5s infinite;
    animation: pulse 1.5s infinite
}

@keyframes pulse {
    0% {
        opacity: .6
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .6
    }
}

@media (prefers-reduced-motion) {
    .skeleton .animation {
        -webkit-animation-duration: 0;
        animation-duration: 0
    }
}

.icon-bar {
    font-size: 12px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.icon-bar .paid-icon {
    margin-right: 8px
}

.icon-bar .icon-parts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 8px
}

.icon-bar .icon-parts .icon {
    margin-right: 4px
}

.icon-bar .completed,.icon-bar .mature {
    margin-right: 8px
}

.icon-bar .completed .tag-item,.icon-bar .mature .tag-item {
    margin: 0
}

.icon-bar div:last-child {
    margin-right: 0
}

.confirm-modal-container>.modal-content {
    -ms-flex-preferred-size: 327px;
    flex-basis: 327px
}

.confirm-modal-container>.modal-content .confirm-modal {
    text-align: center
}

.confirm-modal-container>.modal-content .confirm-modal .title {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    margin: 0 auto
}

.confirm-modal-container>.modal-content .confirm-modal .confirm-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 7px;
    margin: 10px 0
}

#picture-viewer {
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

#picture-viewer img {
    max-width: 100%;
    max-height: 100%
}

#picture-viewer .modal-body .on-report-image {
    display: none
}

#picture-viewer .modal-body .fa-remove {
    display: none
}

#picture-viewer.fade .modal-dialog {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

#picture-viewer.in .modal-dialog {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

#picture-viewer.displayed .vertical-align-helper {
    display: table;
    width: 100%;
    height: 100%
}

#picture-viewer.displayed .vertical-align-helper .modal-dialog {
    margin-right: auto;
    margin-left: auto;
    display: table-cell;
    vertical-align: middle
}

@media (min-width: 768px) {
    #picture-viewer.displayed .vertical-align-helper .modal-dialog {
        width:65%
    }
}

#picture-viewer.displayed .vertical-align-helper .modal-dialog .modal-body {
    padding: 0;
    text-align: center
}

@media (min-width: 768px) {
    #picture-viewer.displayed .vertical-align-helper {
        width:100%;
        text-align: center
    }
}

#picture-viewer.displayed .vertical-align-helper .modal-content {
    display: inline-block;
    height: inherit;
    margin: 0 auto;
    cursor: pointer;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.modal-backdrop.black {
    background-color: #222;
    opacity: .95!important
}

.modal-backdrop.black.fade {
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

#parts-container-new #media-container .media-wrapper {
    margin: 0 0 30px 0;
    background-color: #fff;
    clear: left
}

#parts-container-new #media-container .media-wrapper .hover-wrapper {
    max-height: 340px
}

#parts-container-new #media-container .media-wrapper .hover-wrapper:hover .on-report-image-banner,#parts-container-new #media-container .media-wrapper .hover-wrapper:hover .on-share-image-banner {
    display: inline-block
}

#parts-container-new #media-container .media-wrapper .background {
    background-color: transparent
}

#parts-container-new #media-container .media-wrapper .icon-container {
    text-indent: inherit;
    width: inherit;
    height: inherit;
    border: none
}

#parts-container-new #media-container .media-wrapper .on-report-image-banner,#parts-container-new #media-container .media-wrapper .on-share-image-banner {
    position: absolute;
    top: 0;
    display: none;
    padding: 9px;
    font-size: 12px;
    border-radius: 50%;
    cursor: pointer
}

#parts-container-new #media-container .media-wrapper .on-share-image-banner.pinterest {
    right: 69px;
    background-color: #bd081c
}

#parts-container-new #media-container .media-wrapper .on-share-image-banner.facebook {
    right: 123px;
    background-color: #3b5998
}

#parts-container-new #media-container .media-wrapper .on-report-image-banner {
    left: 69px;
    background-color: #6f6f6f
}

#parts-container-new #media-container .media-wrapper .media {
    display: inline-block;
    max-height: 384px
}

#parts-container-new #media-container .media-wrapper .media .media-item.image>img {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

#parts-container-new #media-container .media-wrapper .media .media-item.story-info {
    max-width: 625px;
    width: 90%;
    vertical-align: middle;
    padding: 50px 0 35px;
    display: inline-block
}

#parts-container-new #media-container .media-wrapper .media .media-item.story-info .cover {
    width: 150px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    background-color: transparent
}

#parts-container-new #media-container .media-wrapper .media .media-item.story-info .text {
    text-align: left;
    height: 245px;
    display: inline-block;
    max-width: calc(100% - 150px - 6%)
}

#parts-container-new #media-container .media-wrapper .media .media-item.story-info .text .item-header {
    margin: 0;
    text-shadow: none;
    font-size: 15px;
    font-weight: 600
}

#parts-container-new #media-container .media-wrapper .media .media-item.story-info .text .item-title {
    margin: 0;
    text-shadow: none
}

#parts-container-new #media-container .media-wrapper .media .media-item.story-info .text .item-category {
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 12px;
    font-size: 12px
}

#parts-container-new #media-container .media-wrapper .media .media-item.story-info .text .item-description {
    max-height: 95px;
    overflow: hidden;
    margin: 0
}

#parts-container-new #media-container .media-wrapper .media .media-item.story-info .text .item-tags {
    height: 25px;
    overflow: hidden;
    font-size: 15px
}

#parts-container-new #media-container .media-wrapper .media .media-item.story-info .text .item-tags a {
    margin-right: 10px;
    color: #fff
}

#parts-container-new #media-container .media-wrapper .carousel-indicators {
    left: inherit;
    position: relative;
    margin-top: 12px
}

.media-wrapper {
    margin-top: 46px;
    width: 100%;
    min-height: 120px;
    max-height: 340px;
    background-color: #eee;
    text-align: center
}

.media-wrapper .media-buttons {
    padding-top: 36px
}

.media-wrapper .media-buttons button {
    border: 1px solid #eee
}

.media-wrapper .media-buttons button:hover {
    background: #fff
}

.media-wrapper .media-buttons button:hover .fa {
    color: #222
}

.media-wrapper .media-buttons .btn:first-child {
    margin-right: 0
}

.media-wrapper .btn-writer-media>.fa {
    top: 10px
}

.media-wrapper .background {
    height: 100%
}

.media-wrapper .background .background-lg {
    padding-top: 0
}

.media-wrapper .media-fields {
    padding-top: 24px
}

.media-wrapper .media-fields .photo-url,.media-wrapper .media-fields .video-url {
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    width: 400px;
    z-index: 1600
}

.media-wrapper .media-fields .align {
    top: -30px
}

.media-wrapper .media-fields input {
    color: #6f6f6f
}

.media-wrapper .media-fields .btn {
    line-height: 30px;
    margin-top: 0
}

.media-wrapper .media {
    min-height: 120px;
    padding-top: 0;
    max-height: 340px
}

.media-wrapper .media .on-prev-media {
    z-index: 1
}

.media-wrapper .media .media-item {
    cursor: pointer
}

.media-wrapper .media .media-item.image {
    display: inline-block;
    height: 340px;
    line-height: 340px
}

.media-wrapper .media .media-item.image>img {
    max-height: 98%;
    max-width: 100%
}

.media-wrapper .media .media-item.image .banned-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: rgba(0,0,0,.5)
}

.media-wrapper .media .media-item.video {
    display: inline-block;
    overflow: hidden;
    height: 340px;
    width: auto;
    vertical-align: middle
}

.media-wrapper .media .media-item.video:active .play,.media-wrapper .media .media-item.video:hover .play,.media-wrapper .media .media-item.video:visited .play {
    background-color: red
}

.media-wrapper .media .media-item.video img {
    margin-top: -55px;
    margin-bottom: -55px;
    height: 450px;
    width: auto
}

.media-wrapper .media .media-item.video .play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 55px;
    opacity: .7;
    border-radius: 20%;
    font-size: 25px;
    background-color: #6f6f6f;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: .2s background-color;
    transition: .2s background-color
}

.media-wrapper .media .media-item.video .triangle-right {
    top: 25%
}

.media-wrapper .btn-primary {
    display: flex-inline;
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px
}

.media-wrapper .media-menu {
    right: 10px;
    left: auto;
    bottom: auto;
    top: 325px;
    background-color: #fff
}

.media-wrapper .media-menu .media-menu-content {
    padding: 12px 15px 0;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.media-wrapper .media-menu .media-menu-content a {
    color: #222;
    margin-bottom: 10px
}

.media-wrapper .media-menu .media-menu-content a.remove-options {
    color: #e00000
}

.media-wrapper .media-menu .arrow {
    left: 88%
}

.media-fields-underlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 1500
}

.ds .mb-half {
    margin-bottom: 4px
}

.ds .mb-1 {
    margin-bottom: 8px
}

.ds .mb-2 {
    margin-bottom: 16px
}

.ds .mb-3 {
    margin-bottom: 24px
}

.ds .text-center,.ds.text-center {
    text-align: center
}

.ds .text-left,.ds.text-left {
    text-align: left
}

.ds .neutral-100 {
    color: #121212
}

.ds .fs-12 {
    font-size: 12px;
    line-height: 16px
}

.ds .fs-14 {
    font-size: 14px;
    line-height: 20px
}

.ds .b {
    font-weight: 700
}

.ds a.base-2-60:link,.ds a.base-2-60:visited {
    color: #3b19a9;
    text-decoration: underline
}

.ds a.base-2-60:active,.ds a.base-2-60:focus,.ds a.base-2-60:hover {
    color: #2a1c60
}

.ds-alert {
    padding: .5rem;
    background-color: #fff2f2;
    border-radius: 8px;
    border: 1px solid #e00000;
    color: #121212;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ds-alert svg {
    margin-right: 1rem
}

.ds-button {
    border-radius: 2em;
    background-color: #121212;
    padding: 1rem 2rem;
    margin: 0;
    font-weight: 700;
    border: 0
}

.ds-button:focus,.ds-button:hover {
    outline: initial
}

.ds-button.full-width {
    width: 100%
}

.ds-button.base-2-60 {
    background-color: #3b19a9;
    color: #fff
}

.ds-button.base-2-60:focus,.ds-button.base-2-60:hover {
    outline: 0;
    background-color: #2a1c60
}

.ds-button.neutral-100 {
    background-color: #121212;
    color: #fff
}

.ds-button.neutral-100:focus,.ds-button.neutral-100:hover {
    background-color: rgba(18,18,18,.64)
}

.ds-button:disabled {
    background-color: #b3b3b3;
    color: #fff
}

.ds-button:disabled:focus,.ds-button:disabled:hover {
    background-color: #b3b3b3;
    color: #fff
}

.dscontainer {
    padding: 3rem 2rem 3rem;
    background-color: transparent;
    border-radius: 8px;
    color: #121212
}

.dscontainer.base-2 {
    background-color: #f6f2ff
}

.ds-header {
    line-height: 140%;
    font-weight: 700;
    color: #121212;
    margin: 0
}

.ds-header.large {
    font-size: 20px
}

.ds-header.med {
    font-size: 18px
}

.ds-header.mb {
    margin-bottom: 3rem
}

.ds-one-col-page {
    min-height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 400px) {
    .ds-one-col-page.max-width-and-wp-bg {
        background:#2a1c60 url(/img/shared/portals/rounded-5.svg) no-repeat center/cover
    }
}

.ds-one-col-page.max-width-and-wp-bg .column {
    padding: 2rem;
    max-width: 400px;
    margin: 0 auto
}

.button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px;
    height: 40px;
    margin-left: 8px
}

.reading-list-modal-container {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.reading-list-modal-container .modal-content {
    max-width: unset;
    border-radius: 12px 12px 0 0;
    border: none
}

.reading-list-modal-container .close-btn {
    display: none
}

@media (max-width: 360px) {
    .reading-list-modal-container .modal-content {
        padding:20px 8px
    }
}

.reading-list-modal-container .reading-list-modal {
    text-align: center
}

.reading-list-modal-container .reading-list-modal .reading-list-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

.reading-list-modal-container .reading-list-modal .reading-list-header .reading-list-title {
    width: 95%;
    margin-left: 36px;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    padding-bottom: 24px;
    color: #121212
}

.reading-list-modal-container .reading-list-modal .reading-list-header .reading-list-close-btn {
    background: 0 0;
    border: none;
    color: #000;
    height: 32px
}

.reading-list-modal-container .reading-list-modal .reading-list-items {
    overflow-y: auto;
    height: 30vh;
    list-style: none;
    padding: 0
}

.reading-list-modal-container .reading-list-modal .reading-list-items .reading-list-item {
    border-bottom: 1px solid #eee
}

.reading-list-modal-container .reading-list-modal .reading-list-items .reading-list-item .reading-list-item-name {
    width: 100%;
    font-size: 22px;
    line-height: 28px;
    text-align: left;
    padding-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.reading-list-modal-container .reading-list-modal .reading-list-items .reading-list-item button {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #222;
    background-color: #fff;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    line-height: 21px;
    padding: 5px 10px
}

.reading-list-modal-container .reading-list-modal .reading-list-items .reading-list-item button:hover {
    color: #222;
    font-weight: 400;
    text-decoration: none;
    outline: 0;
    background-color: #eee
}

.reading-list-modal-container .reading-list-modal .reading-list-input-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0
}

.reading-list-modal-container .reading-list-modal .reading-list-input-row .input-text {
    font-size: 16px;
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.reading-list-modal-container .reading-list-modal .reading-list-input-row .btn-icon {
    background-color: #eee;
    border-style: none;
    margin-left: 8px;
    height: 32px;
    width: 32px
}

.reading-list-modal-container .reading-list-modal .reading-list-error {
    font-size: 12px;
    color: #e00000;
    line-height: 15px
}

.story-details-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    height: 100%
}

@media (max-width: 575px) {
    .story-details-page {
        min-height:100vh;
        min-height: -webkit-fill-available;
        min-height: -moz-available;
        min-height: stretch
    }
}

.story-details-page .wp-modal.modal-container.reading-list-modal-container {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.story-details-page .story-info-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 24px
}

.story-details-page .story-info-container .extras-text {
    font-size: 12px;
    font-weight: 400;
    color: #121212;
    padding-top: 32px
}

.story-details-page .story-info-container .extras-text.shown-xxs {
    padding: 0 0 8px 0
}

.story-details-page .story-info-container .extras-text a {
    color: #121212;
    font-weight: 700;
    padding-left: 2px
}

.story-details-page .story-info-container .story-status {
    margin: 24px 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px
}

.story-details-page .story-info-container .story-status--important {
    color: #e81249
}

@media (max-width: 780px) {
    .story-details-page .story-info-container .xxs-container-padding {
        margin:24px 0
    }
}

@media (max-width: 768px) {
    .story-details-page .story-info-container .right-container {
        margin:0
    }
}

@media (min-width: 781px) {
    .story-details-page .story-info-container>.left-container {
        min-width:300px;
        max-width: 700px;
        padding-top: 24px
    }

    .story-details-page .story-info-container>.right-container {
        padding-top: 24px;
        max-width: 344px;
        min-width: 324px;
        margin-left: 40px
    }
}

@media (min-width: 911px) {
    .story-details-page .story-info-container>.left-container {
        margin-right:40px
    }
}

@media (max-width: 875px) {
    .story-details-page .story-info-container {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100vw;
        padding-bottom: 24px
    }
}

.story-details-page .story-info-container .auth-form-width {
    width: 384px
}

.story-details-page .story-info-container .signup-modal.card {
    padding: 16px 24px;
    margin-bottom: 24px;
    display: inherit
}

.story-details-page .story-info-container .signup-modal.card.old-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.story-details-page .story-info-container .signup-modal.card .login-form,.story-details-page .story-info-container .signup-modal.card .signup-form {
    width: 100%
}

.story-details-page .story-info-container .signup-modal.card .panel-body {
    padding: 0
}

.story-details-page .story-info-container .signup-modal.card .sidebar .subtitle {
    font-size: 18px;
    line-height: 24px
}

.story-details-page .story-info-container .signup-modal.card .sidebar-title {
    font-weight: var(--font-weight-normal);
    font-size: 28px;
    line-height: 36px
}

@media (max-width: 347px) {
    .story-details-page .story-info-container {
        padding:0 10px
    }
}

@media (max-width: 870px) {
    .story-details-page .story-info-container {
        padding-left:16px;
        padding-right: 16px
    }
}

.story-details-page .action-bar--sticky {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100vw;
    background: 0 0;
    padding-bottom: 24px;
    position: sticky;
    bottom: 0
}

.react-popover-container--small.story-details-add-to-library {
    width: 411px;
    padding: 0 16px
}

.react-popover-container--small.story-details-add-to-library .react-popover-header {
    padding-bottom: 24px;
    padding-top: 16px
}

.react-popover-container--small.story-details-add-to-library .react-popover-header .react-popover-title {
    font-size: 22px;
    line-height: 28px
}

.react-popover-container--small.story-details-add-to-library .react-popover-header .react-popover-done-btn {
    font-size: 18px
}

.react-popover-container--small.story-details-add-to-library .react-popover-list--small {
    max-height: 260px
}

.react-popover-container--small.story-details-add-to-library .react-popover-list--small .react-popover-item .react-popover-item__btn {
    height: 52px
}

.react-popover-container--small.story-details-add-to-library .react-popover-list--small .react-popover-item .react-popover-item__btn:hover {
    outline: 0
}

.react-popover-container--small.story-details-add-to-library .react-popover-list--small .react-popover-item .react-popover-item__btn .item-name {
    font-size: 22px;
    line-height: 28px;
    padding-left: 10px
}

.react-popover-container--small.story-details-add-to-library .react-popover-input-row {
    padding-bottom: 24px
}

.react-popover-container--small.story-details-add-to-library .react-popover-input-row .input-text {
    font-size: 16px;
    max-width: 305px;
    height: 39px
}

.react-popover-container--small.story-details-add-to-library .react-popover-input-row .btn-icon {
    margin-left: 16px;
    height: 40px;
    max-width: 40px
}

.react-popover-container--small.story-details-add-to-library .react-popover-input-row .btn-icon svg {
    width: 24px
}

.story-details-page .badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.story-details-page .badges .author-info {
    padding-bottom: 12px
}

@media (max-width: 575px) {
    .story-details-page .badges .author-info {
        display:none!important
    }
}

.story-details-page .badges .story-badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.story-details-page .badges .story-badges .icon .tag-item {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px
}

.story-details-page .badges .story-badges>.icon {
    padding-left: 0
}

.story-details-page .badges .story-badges>.icon~.icon {
    padding-left: 8px
}

.story-details-page .badges .story-badges #publish-date {
    opacity: 1
}

.story-details-page .badges .story-badges div[class*=pill__] {
    margin: 3px 0 0 4px
}

.story-details-page .story-list {
    padding: 40px 0
}

.story-details-page .story-list a {
    text-decoration: none
}

.story-details-page .story-list .story-list__container {
    background: #fff;
    -webkit-box-shadow: 0 4px 8px rgba(18,18,18,.12);
    box-shadow: 0 4px 8px rgba(18,18,18,.12);
    border-radius: 8px;
    padding: 16px 24px
}

@media (max-width: 574px) {
    .story-details-page .story-list .story-list__container {
        display:none
    }
}

.story-details-page .story-list .story-list__container .story-list__DW_title {
    padding-bottom: 20px;
    font-weight: 700;
    font-size: 22px;
    color: #121212
}

.story-details-page .story-list .story-list__container .story-list__item {
    margin-bottom: 16px
}

.story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical>.btn-group.on-story-preview,.story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview,.story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview,.story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview,.story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview,.story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview,.story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview,.story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview,.story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview,.story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 130px
}

.story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical>.btn-group.on-story-preview .send-story-cover-event.cover.cover-sm,.story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview .send-story-cover-event.cover.cover-sm,.story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview .send-story-cover-event.cover.cover-sm,.story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview .send-story-cover-event.cover.cover-sm,.story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview .send-story-cover-event.cover.cover-sm,.story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview .send-story-cover-event.cover.cover-sm,.story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview .send-story-cover-event.cover.cover-sm,.story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview .send-story-cover-event.cover.cover-sm,.story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview .send-story-cover-event.cover.cover-sm,.story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview .send-story-cover-event.cover.cover-sm {
    height: 100%;
    width: unset;
    background-color: unset
}

.story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical>.btn-group.on-story-preview .send-story-cover-event.cover.cover-sm img,.story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview .send-story-cover-event.cover.cover-sm img,.story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview .send-story-cover-event.cover.cover-sm img,.story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview .send-story-cover-event.cover.cover-sm img,.story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview .send-story-cover-event.cover.cover-sm img,.story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview .send-story-cover-event.cover.cover-sm img,.story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview .send-story-cover-event.cover.cover-sm img,.story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview .send-story-cover-event.cover.cover-sm img,.story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview .send-story-cover-event.cover.cover-sm img,.story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview .send-story-cover-event.cover.cover-sm img {
    height: 100%;
    width: unset;
    border-radius: 8px;
    -webkit-filter: drop-shadow(0 4px 8px rgba(18, 18, 18, .12));
    filter: drop-shadow(0 4px 8px rgba(18, 18, 18, .12))
}

.story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical>.btn-group.on-story-preview .left-container,.story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview .left-container,.story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview .left-container,.story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview .left-container,.story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview .left-container,.story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview .left-container,.story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview .left-container,.story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview .left-container,.story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview .left-container,.story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview .left-container {
    width: 80%;
    margin: 0;
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0
}

.story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical>.btn-group.on-story-preview .left-container .story-item-title-and-badge,.story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview .left-container .story-item-title-and-badge,.story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview .left-container .story-item-title-and-badge,.story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview .left-container .story-item-title-and-badge,.story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview .left-container .story-item-title-and-badge,.story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview .left-container .story-item-title-and-badge,.story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview .left-container .story-item-title-and-badge,.story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview .left-container .story-item-title-and-badge,.story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview .left-container .story-item-title-and-badge,.story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview .left-container .story-item-title-and-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical>.btn-group.on-story-preview .left-container .story-item-title-and-badge .title,.story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview .left-container .story-item-title-and-badge .title,.story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview .left-container .story-item-title-and-badge .title,.story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview .left-container .story-item-title-and-badge .title,.story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview .left-container .story-item-title-and-badge .title,.story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview .left-container .story-item-title-and-badge .title,.story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview .left-container .story-item-title-and-badge .title,.story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview .left-container .story-item-title-and-badge .title,.story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview .left-container .story-item-title-and-badge .title,.story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview .left-container .story-item-title-and-badge .title {
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #121212;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical>.btn-group.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge,.story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge,.story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge,.story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge,.story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge,.story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge,.story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge,.story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge,.story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge,.story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge {
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical>.btn-group.on-story-preview .left-container .icon-bar,.story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview .left-container .icon-bar,.story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview .left-container .icon-bar,.story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview .left-container .icon-bar,.story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview .left-container .icon-bar,.story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview .left-container .icon-bar,.story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview .left-container .icon-bar,.story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview .left-container .icon-bar,.story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview .left-container .icon-bar,.story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview .left-container .icon-bar {
    line-height: 24px
}

.story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical>.btn-group.on-story-preview .left-container .icon-bar .icon-parts,.story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview .left-container .icon-bar .icon-parts,.story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview .left-container .icon-bar .icon-parts,.story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview .left-container .icon-bar .icon-parts,.story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview .left-container .icon-bar .icon-parts,.story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview .left-container .icon-bar .icon-parts,.story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview .left-container .icon-bar .icon-parts,.story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview .left-container .icon-bar .icon-parts,.story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview .left-container .icon-bar .icon-parts,.story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview .left-container .icon-bar .icon-parts {
    color: rgba(18,18,18,.64)
}

.story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical>.btn-group.on-story-preview .left-container .icon-bar .tag-item,.story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview .left-container .icon-bar .tag-item,.story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview .left-container .icon-bar .tag-item,.story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview .left-container .icon-bar .tag-item,.story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview .left-container .icon-bar .tag-item,.story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview .left-container .icon-bar .tag-item,.story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview .left-container .icon-bar .tag-item,.story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview .left-container .icon-bar .tag-item,.story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview .left-container .icon-bar .tag-item,.story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview .left-container .icon-bar .tag-item {
    padding: 0 4px;
    font-size: 12px;
    line-height: 16px
}

.story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical>.btn-group.on-story-preview .left-container .small.story-item-description,.story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview .left-container .small.story-item-description,.story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview .left-container .small.story-item-description,.story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview .left-container .small.story-item-description,.story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview .left-container .small.story-item-description,.story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview .left-container .small.story-item-description,.story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview .left-container .small.story-item-description,.story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview .left-container .small.story-item-description,.story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview .left-container .small.story-item-description,.story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview .left-container .small.story-item-description {
    padding-top: 8px;
    line-height: 16px;
    font-size: 12px;
    color: #6f6f6f;
    word-break: break-word
}

@media (max-width: 574px) {
    .story-details-page .story-list .story-list__MW_title {
        padding-bottom:8px;
        font-weight: 700;
        font-size: 22px;
        color: #121212
    }
}

@media (min-width: 575px) {
    .story-details-page .story-list .story-list__MW_title {
        display:none
    }
}

@media (max-width: 574px) {
    .story-details-page .story-list .story-expanded-carousel {
        margin:0 -24px;
        overflow: hidden
    }

    .story-details-page .story-list .story-expanded-carousel .tag-item {
        padding: 0 4px
    }

    .story-details-page .story-list .story-expanded-carousel .story-metadata .more-details-wrapper {
        padding-bottom: 24px
    }
}

@media (min-width: 575px) {
    .story-details-page .story-list .story-expanded-carousel {
        display:none
    }
}

@media (max-width: 574px) {
    .story-details-page .story-list .story-carousel {
        padding-top:24px;
        margin: 0 -24px;
        overflow: hidden
    }
}

@media (min-width: 575px) {
    .story-details-page .story-list .story-carousel {
        display:none
    }
}

.story-details-page .story-header {
    width: 100%;
    -webkit-box-shadow: 0 8px 12px rgba(18,18,18,.16);
    box-shadow: 0 8px 12px rgba(18,18,18,.16);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    padding: 20px
}

@media (max-width: 575px) {
    .story-details-page .story-header {
        -webkit-box-pack:unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        padding: 40px 20px
    }
}

.story-details-page .story-header .story-cover {
    position: relative;
    height: 304px
}

.story-details-page .story-header .story-cover img {
    width: 30vw;
    min-width: 96px;
    max-width: 184px;
    background-size: cover;
    -webkit-filter: drop-shadow(0 8px 12px rgba(18, 18, 18, .16));
    filter: drop-shadow(0 8px 12px rgba(18, 18, 18, .16));
    border-radius: 8px
}

.story-details-page .story-header .story-cover .banned-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: rgba(0,0,0,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px
}

@media (max-width: 575px) {
    .story-details-page .story-header .story-cover {
        height:256px
    }
}

@media (max-width: 470px) {
    .story-details-page .story-header .story-cover {
        height:228px
    }
}

@media (max-width: 376px) {
    .story-details-page .story-header .story-cover {
        height:200px
    }
}

.story-details-page .story-header .story-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 32px;
    margin-left: 24px
}

@media (max-width: 575px) {
    .story-details-page .story-header .story-info {
        margin-top:24px
    }
}

.story-details-page .story-header .story-info .paid-indicator {
    font-size: 12px;
    line-height: 16px;
    color: rgba(18,18,18,.64);
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.story-details-page .story-header .story-info .paid-indicator .paid-stories-badge {
    margin-right: 8px
}

.story-details-page .story-header .story-info .story-info__title {
    height: 83px;
    width: 344px;
    overflow: hidden;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #121212
}

@media (max-width: 575px) {
    .story-details-page .story-header .story-info .story-info__title {
        height:68px;
        width: 175px;
        font-size: 26px;
        line-height: 34px
    }
}

@media (min-width: 576px) {
    .story-details-page .story-header .story-info .author-info {
        display:none
    }
}

@media (max-width: 575px) {
    .story-details-page .story-header .story-info .author-info {
        margin-top:12px
    }
}

@media (max-width: 575px) {
    .story-details-page .story-header .story-info .author-info .author-info__username {
        width:16ch
    }
}

.story-details-page .description .description-text {
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #121212;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

.story-details-page .description .story-copyright {
    color: #121212;
    padding-top: 24px
}

.story-details-page .description .story-copyright .fa-wp-neutral-8 {
    font-size: 12px;
    padding-right: 4px;
    float: unset
}

.story-details-page .storylanding_top {
    width: 300px;
    height: 250px
}

.story-details-page .storylanding_top h2 {
    padding: 70px 0
}

.story-details-page .storylanding_bottom {
    width: 728px;
    height: 90px
}

.story-details-page .storylanding_bottom h2 {
    padding: 0
}

.story-details-page .advertisement.storylanding_bottom_mweb {
    width: 320px;
    height: 50px
}

@media (max-width: 780px) {
    .story-details-page .advertisement.storylanding_bottom_mweb {
        margin-bottom:24px
    }
}

.story-details-page .advertisement.storylanding_bottom_mweb h2 {
    padding: 0
}

.story-details-page .advertisement {
    margin-bottom: 24px
}

@media (max-width: 780px) {
    .story-details-page .advertisement {
        margin-bottom:40px
    }
}

.story-details-page .advertisement h2 {
    text-align: center
}

.story-details-page .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 0 16px 24px;
    background: #fff;
    border: 1px solid rgba(18,18,18,.04);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 4px 5px rgba(34,34,34,.1),0 1px 10px rgba(34,34,34,.08);
    box-shadow: 0 4px 5px rgba(34,34,34,.1),0 1px 10px rgba(34,34,34,.08);
    border-radius: 8px;
    margin-bottom: 8px;
    text-decoration: none
}

.story-details-page .card .card__label>*,.story-details-page .card>* {
    margin-right: 8px
}

.story-details-page .card .card__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.story-details-page .card .card__label.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.story-details-page .card .card__label .card__title {
    color: #121212;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px
}

.story-details-page .card .card__label .card__title .title__name {
    color: rgba(18,18,18,.64);
    padding-left: 8px;
    font-weight: 400
}

.story-details-page .card .card__label .card__description {
    font-size: 12px;
    line-height: 18px;
    color: rgba(18,18,18,.64)
}

.story-details-page .card .card__label .card__description.md {
    font-size: 15px
}

.story-details-page .card .card__nav-icon {
    margin-left: auto
}

.story-details-page .card .card__nav-icon--rotated {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.story-details-page .card .card__action-icon-premium-content {
    background: var(--ds-base-2-80);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin-right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.story-details-page button.card {
    width: 100%
}

.story-details-page .story-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.story-details-page .story-actions .btn-primary.read-btn {
    width: 246px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.story-details-page .story-actions .btn-primary.read-btn svg {
    margin-top: 4px;
    margin-right: 8px
}

.story-details-page .story-actions .btn-primary.add-to-library-btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0 16px;
    margin-left: 2px
}

.story-details-page .story-actions .btn-primary.add-to-library-btn svg {
    stroke: #fff
}

.new-story-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-top: 24px;
    margin-bottom: 40px;
    -webkit-padding-start: 0;
    padding-inline-start:0
}

@media (max-width: 575px) {
    .new-story-stats {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.new-story-stats .stats-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px
}

@media (max-width: 336px) {
    .new-story-stats .stats-item {
        padding:0 8px
    }
}

.new-story-stats .stats-item+.stats-item {
    border-left: 1px solid rgba(18,18,18,.12)
}

.new-story-stats .stats-item:first-of-type {
    padding-left: 0
}

.new-story-stats .stats-item:last-of-type {
    padding-right: 0
}

.new-story-stats .stats-item .stats-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.new-story-stats .stats-item .stats-label__icon+.stats-label__text {
    margin-left: 4px
}

.new-story-stats .stats-label__text {
    color: rgba(18,18,18,.64);
    font-size: 12px;
    line-height: 16px
}

.new-story-stats .stats-value {
    color: #121212;
    font-size: 14px;
    font-weight: 700;
    justify-self: center;
    line-height: 20px;
    margin-top: 4px;
    cursor: pointer
}

.story-500-wrapper {
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 80px!important;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 12px rgba(18,18,18,.16);
    box-shadow: 0 8px 12px rgba(18,18,18,.16)
}

.story-500-wrapper .error-500-image {
    max-width: 204px;
    margin-right: 24px
}

.story-500-wrapper .error-500-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.story-500-wrapper .error-500-info h3 {
    margin: 0 auto;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #121212
}

.story-500-wrapper .error-500-info p {
    width: 286px;
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    color: #121212
}

.story-500-wrapper .error-500-info .buttons-500 {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.story-500-wrapper .error-500-info .buttons-500 .btn {
    height: 42px;
    border-radius: 21px;
    margin: 0 4px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 575px) {
    .story-500-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 36px;
        margin-top: 0
    }

    .story-500-wrapper .error-500-info {
        margin-top: 16px
    }

    .story-500-wrapper .error-500-info h3 {
        font-size: 18px;
        line-height: 30px
    }

    .story-500-wrapper .error-500-info p {
        font-size: 14px;
        line-height: 21px;
        margin-top: 8px;
        width: 100%
    }

    .story-500-wrapper .error-500-info .buttons-500 {
        margin-top: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.story-details-page .table-of-contents {
    background-color: #fff;
    -webkit-box-shadow: 0 4px 8px 4px rgba(18,18,18,.12);
    box-shadow: 0 4px 8px 4px rgba(18,18,18,.12);
    border-radius: 8px;
    margin: 12px 0;
    padding-top: 12px
}

.story-details-page .table-of-contents .table-of-contents__header {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    color: #121212;
    padding: 12px 16px
}

.story-details-page .table-of-contents .table-of-contents__header .table-of-contents__last-updated {
    font-weight: 400;
    font-size: 18px;
    padding-left: 16px;
    line-height: 18px;
    color: rgba(18,18,18,.64)
}

.story-details-page .story-parts ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.story-details-page .story-parts ul li:last-child .story-parts__part {
    border-radius: 0 0 8px 8px
}

.story-details-page .story-parts .part-meta {
    font-weight: 400;
    padding-left: 12px
}

.story-details-page .story-parts .is-bonus-part {
    background: #f6f2ff
}

.story-details-page .story-parts .is-bonus-part .part__bonus-type {
    font-weight: 700;
    font-size: 14px;
    color: #3b19a9;
    padding-left: 14px;
    line-height: 20px
}

.story-details-page .story-parts .is-scheduled {
    background: var(--ds-base-3-20)
}

.story-details-page .story-parts .is-scheduled .scheduled-date {
    font-weight: var(--font-weight-bold);
    color: var(--ds-base-3-60)
}

.story-details-page .story-parts .story-parts__part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 12px 16px 4px;
    text-decoration: none;
    color: #121212
}

.story-details-page .story-parts .story-parts__part:hover {
    background: rgba(18,18,18,.04)
}

.story-details-page .story-parts .story-parts__part .left-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.story-details-page .story-parts .story-parts__part .left-container .part__label {
    font-size: 18px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.story-details-page .story-parts .story-parts__part .left-container .part__label .part-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.story-details-page .story-parts .story-parts__part .left-container .part__label .icon-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 12px;
    padding-right: 4px
}

.story-details-page .story-parts .story-parts__part .left-container .part__label .icon-container .fa-circle-filled {
    color: #51a800
}

.story-details-page .story-parts .story-parts__part .right-label {
    white-space: nowrap;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px
}

.story-details-page .story-parts .story-parts__part .part__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px
}

.story-details-page .story-parts .story-parts__part.new-part {
    background-color: #f5fef2
}

.story-details-page .story-parts .story-parts__part.new-part:hover {
    background: #d6f9ca
}

.story-details-page .story-parts .story-parts__part.bonus-part {
    padding: 6px 12px 6px 4px
}

.story-details-page .story-parts .story-parts__part .part__reading-progress {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #a93e19;
    padding-left: 16px
}

.story-details-page .story-parts .currently-reading {
    background: #fff6f2;
    -webkit-box-shadow: inset 4px 0 0 #ff500a;
    box-shadow: inset 4px 0 0 #ff500a;
    padding: 8px 6px
}

.story-details-page .story-parts .deleted-part,.story-details-page .story-parts .draft-part {
    padding: 6px 12px 6px 4px
}

.admin-panel {
    margin-top: 24px;
    margin-bottom: 28px
}

.admin-panel .admin-panel__header-btn {
    padding: 0;
    width: 100%;
    border: none;
    background: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.admin-panel .admin-panel__header-btn .admin-header__title {
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 22px;
    color: #121212;
    font-weight: 700;
    padding-left: 12px;
    line-height: 28px
}

.admin-panel .admin-panel__header-btn .admin-header__chevron {
    margin-left: auto
}

.admin-panel .admin-panel__header-btn .admin-header__chevron--rotated {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.admin-panel .admin-panel__content {
    padding-top: 24px
}

.admin-panel .admin-panel__content .author-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

.admin-panel .admin-panel__content .author-content img {
    width: 40px;
    height: 40px;
    border-radius: 24px
}

.admin-panel .admin-panel__content .author-content .author-content__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #121212;
    padding-left: 12px
}

.admin-panel .admin-panel__content .author-content .author-content__details .author-details__username {
    font-weight: 700;
    line-height: 22px;
    font-size: 16px
}

.admin-panel .admin-panel__content .author-content .author-content__details .author-details__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 12px
}

.admin-panel .admin-panel__content .author-content .author-content__details .author-details__info .author-info__country:before {
    content: "•";
    padding: 0 4px
}

.admin-panel .admin-panel__content ul.admin-panel-content-grid {
    padding: 24px 0 8px;
    line-height: 42px;
    list-style-type: none;
    font-size: 14px
}

.admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row {
    padding: 3px 0;
    color: #121212
}

.admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row .row-name {
    width: 83px;
    display: inline-block;
    line-height: initial
}

.admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row.total-reads-row .option-items {
    color: rgba(18,18,18,.64)
}

.admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row .row-controls {
    position: absolute
}

.admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row .row-controls .form-control {
    width: 256px
}

.admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row .row-controls input {
    position: absolute;
    height: 0;
    width: 0
}

.admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row .row-controls ul.option-items {
    display: inline-block;
    padding: 0
}

.admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row .row-controls ul.option-items li {
    margin-left: 20px;
    display: inline
}

.admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row .row-controls ul.option-items li .cover-upload-btn {
    display: inline
}

.admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row .row-controls ul.option-items li a,.admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row .row-controls ul.option-items li button {
    font-weight: 400;
    color: #ff500a;
    border: none;
    background: 0 0;
    padding: 0
}

.admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row .notes {
    background: #f6f6f6;
    padding: 5px;
    min-height: 100px;
    max-height: 300px;
    width: 400px;
    margin: 0;
    border: #686868 solid 1px;
    cursor: not-allowed
}

@media (max-width: 575px) {
    .admin-panel {
        display:none
    }
}

.story-details-page .author-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    overflow: visible;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.story-details-page .author-info .author-info__badge {
    width: 24px;
    height: 24px;
    border-radius: 12px
}

.story-details-page .author-info .author-info__username {
    padding: 2px 12px 2px 0;
    margin-left: 8px;
    font-size: 18px;
    line-height: 24px
}

.story-details-page .author-info .author-info__username a {
    color: #121212
}

.search-bar {
    color: #121212;
    margin: 16px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search-bar .search-bar__icon {
    position: absolute;
    left: 16px;
    pointer-events: none
}

.search-bar .search-bar__input {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 8px 16px 8px 56px;
    background: rgba(18,18,18,.04);
    border: 1px solid rgba(18,18,18,.12);
    border-radius: 20px;
    font-size: 16px;
    line-height: 22px;
    color: #121212
}

.search-bar .search-bar__input::-webkit-input-placeholder {
    color: rgba(18,18,18,.64)
}

.search-bar .search-bar__input::-moz-placeholder {
    color: rgba(18,18,18,.64)
}

.search-bar .search-bar__input:-ms-input-placeholder {
    color: rgba(18,18,18,.64)
}

.search-bar .search-bar__input::-ms-input-placeholder {
    color: rgba(18,18,18,.64)
}

.search-bar .search-bar__input::placeholder {
    color: rgba(18,18,18,.64)
}

.search-bar .search-bar__cancel {
    border: none;
    background: 0 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #121212;
    margin-left: 16px
}

@media (max-width: 324px) {
    .search-bar {
        margin:16px 0
    }
}

.list-group-item.new-item .profile-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 672px;
    margin: 0 auto;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 4px 5px rgba(34,34,34,.1),0 1px 10px rgba(34,34,34,.08);
    box-shadow: 0 4px 5px rgba(34,34,34,.1),0 1px 10px rgba(34,34,34,.08);
    border-radius: 4px
}

.list-group-item.new-item .profile-card:hover {
    background-color: #fafafa
}

@media (min-width: 1072px) {
    .list-group-item.new-item .profile-card {
        width:672px;
        max-width: 100%
    }
}

.list-group-item.new-item .profile-card .profile-card-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 16px 0;
    min-width: 0
}

.list-group-item.new-item .profile-card .profile-card-data .display-pic {
    width: 40px;
    height: 40px;
    margin: 0 0 0 8px;
    border-radius: 50%;
    -ms-flex-item-align: center;
    align-self: center;
    min-width: 40px
}

@media (min-width: 720px) {
    .list-group-item.new-item .profile-card .profile-card-data .display-pic {
        width:80px;
        height: 80px;
        margin-left: 16px;
        min-width: 80px
    }
}

.list-group-item.new-item .profile-card .profile-card-data .card-content {
    white-space: nowrap;
    overflow: hidden;
    margin: 0 16px 0 8px
}

@media (min-width: 720px) {
    .list-group-item.new-item .profile-card .profile-card-data .card-content {
        margin:0 16px
    }
}

.list-group-item.new-item .profile-card .profile-card-data .card-content .name-and-badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.list-group-item.new-item .profile-card .profile-card-data .card-content .name-and-badges h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px
}

@media (min-width: 720px) {
    .list-group-item.new-item .profile-card .profile-card-data .card-content .name-and-badges h5 {
        line-height:28px;
        font-size: 22px
    }
}

.list-group-item.new-item .profile-card .profile-card-data .card-content .name-and-badges h5 .user-badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: bottom;
    padding-right: 8px
}

@media (min-width: 720px) {
    .list-group-item.new-item .profile-card .profile-card-data .card-content .name-and-badges h5 .user-badge {
        margin-bottom:3px
    }
}

.list-group-item.new-item .profile-card .profile-card-data .card-content .name-and-badges h5 .user-badge:first-child {
    padding-left: 8px
}

.list-group-item.new-item .profile-card .profile-card-data .card-content .username {
    margin: 0;
    font-size: 14px;
    line-height: 20px
}

@media (min-width: 720px) {
    .list-group-item.new-item .profile-card .profile-card-data .card-content .username {
        font-size:18px;
        line-height: 24px
    }
}

.list-group-item.new-item .profile-card .profile-card-data .card-content .card-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    overflow: unset;
    white-space: normal
}

.list-group-item.new-item .profile-card .profile-card-data .card-content .card-meta p {
    color: #222;
    margin: 0 16px 0 0;
    font-size: 16px;
    line-height: 22px
}

@media (max-width: 1408px) {
    .list-group-item.new-item .profile-card .profile-card-data .card-content .card-meta p {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
}

.list-group-item.new-item .profile-card .profile-card-data .card-content .card-meta p:last-child {
    margin: 0
}

@media (max-width: 719px) {
    .list-group-item.new-item .profile-card .profile-card-data .card-content .card-meta {
        display:none
    }
}

.list-group-item.new-item .profile-card .follow {
    margin: auto 16px auto 0;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 720px) {
    .list-group-item.new-item .profile-card .follow:hover path {
        fill:#fff
    }
}

@media (max-width: 719px) {
    .list-group-item.new-item .profile-card .follow {
        padding:0;
        background-color: transparent
    }
}

.list-group-item.new-item .profile-card .follow .follow__icon {
    margin: 0
}

@media (min-width: 720px) {
    .list-group-item.new-item .profile-card .follow .follow__icon {
        margin-right:4px
    }
}

@media (max-width: 719px) {
    .list-group-item.new-item .profile-card .follow .follow__text {
        display:none
    }
}

.list-group-item.new-item .profile-card .active .follow__icon path {
    fill: #ff6122
}

@media (min-width: 720px) {
    .list-group-item.new-item .profile-card .active {
        background-color:#a93e19;
        color: #fff
    }

    .list-group-item.new-item .profile-card .active .follow__icon path {
        fill: #fff
    }
}

.story-card-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 220px;
    padding: 8px;
    margin: 8px 4px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 5px rgba(34,34,34,.1),0 1px 10px rgba(34,34,34,.08);
    box-shadow: 0 4px 5px rgba(34,34,34,.1),0 1px 10px rgba(34,34,34,.08)
}

.story-card-data .cover {
    min-height: 100%;
    min-width: 133px;
    border-radius: 4px
}

.story-card-data .cover img {
    -webkit-box-shadow: 0 3px 14px 2px rgba(34,34,34,.08),0 8px 10px 1px rgba(34,34,34,.1);
    box-shadow: 0 3px 14px 2px rgba(34,34,34,.08),0 8px 10px 1px rgba(34,34,34,.1);
    border-radius: 4px
}

.story-card-data .story-info {
    height: 100%;
    padding: 8px 0 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.story-card-data .story-info .title {
    min-height: 56px;
    margin-bottom: 8px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    color: #121212;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@supports (-webkit-line-clamp:2) {
    .story-card-data .story-info .title {
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

.story-card-data .story-info .icon-bar {
    margin-bottom: 8px
}

.story-card-data .story-info .icon-bar .paid-icon {
    margin-right: 4px
}

.story-card-data .story-info .icon-bar .tag-item {
    padding: 0 10px;
    border: 1px solid #eee;
    font-size: 14px;
    line-height: 18px
}

.story-card-data .story-info .new-story-stats {
    margin: 0 0 8px 0
}

.story-card-data .description {
    width: 100%;
    padding-right: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word
}

@supports (-webkit-line-clamp:3) {
    .story-card-data .description {
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }
}

.story-card-container .story-card-data {
    margin: 0
}

@media (min-width: 1072px) {
    .story-card-data .new-story-stats .stats-item {
        padding:0 8px
    }

    .story-card-data .new-story-stats .stats-item:first-of-type {
        padding-left: 0
    }

    .story-card-data .new-story-stats .stats-item:last-of-type {
        padding-right: 0
    }
}

.story-card:hover:focus {
    outline: 5px auto -webkit-focus-ring-color
}

.story-card-data:hover {
    text-decoration: none;
    background: #fafafa
}

@media (max-width: 575px) {
    .story-card-data {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .story-card-data .top-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 133px;
        margin-bottom: 8px
    }

    .story-card-data .top-section .story-info {
        padding: 0
    }

    .story-card-data .top-section .title {
        margin-top: 8px
    }

    .story-card-data .top-section .cover {
        min-width: 88px
    }

    .story-card-data .top-section .icon-bar .tag-item {
        font-size: 12px;
        line-height: 16px
    }

    .story-card-data .top-section .new-story-stats {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin-bottom: 3px
    }

    .story-card-data .top-section .new-story-stats .stats-item {
        padding: 0 8px
    }

    .story-card-data .top-section .new-story-stats .stats-item:first-of-type {
        padding-left: 0
    }

    .story-card-data .top-section .new-story-stats .stats-item:last-of-type {
        padding-right: 0
    }

    .story-card-data .top-section .new-story-stats .stats-item .stats-label__text {
        font-size: 10px;
        line-height: 11px
    }

    .story-card-data .top-section .new-story-stats .stats-item .stats-value {
        font-size: 12px;
        line-height: 16px
    }

    .story-card-data:hover {
        text-decoration: none;
        background: #f7f7f7
    }
}

@media (max-width: 575px) and (max-width:356px) {
    .story-card-data .top-section .new-story-stats .stats-item {
        padding:0 4px
    }
}

@media (max-width: 575px) and (max-width:356px) {
    .story-card-data .top-section .new-story-stats .stats-item .stats-label__text {
        font-size:9px
    }
}

@media (max-width: 575px) and (max-width:356px) {
    .story-card-data .top-section .new-story-stats .stats-item .stats-value {
        font-size:11px
    }
}

.recent-searches {
    color: #121212;
    line-height: 22px;
    margin: 0 16px
}

.recent-searches__heading {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    margin: 0
}

.recent-searches__results-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.recent-searches__list-item {
    margin-top: 10px;
    font-size: 14px;
    color: #686868
}

@media (min-width: 576px) {
    .recent-searches__list-item {
        font-size:15px;
        margin-top: 20px
    }
}

.recent-searches__item-link,.recent-searches__item-link:hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #6f6f6f;
    text-decoration: none
}

.recent-searches__item-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    pointer-events: none
}

.educational-banner__message {
    padding: 8px;
    margin: 5px 0 20px;
    border: 1px solid #bce8f1;
    border-radius: 5px;
    font-weight: 700;
    background-color: #d9edf7;
    color: #31708f
}

.educational-banner__message a {
    color: #31708f;
    text-decoration: underline
}

.results-people-update .panel.feed-item-new .list-group.list-container {
    overflow: unset;
    padding-bottom: 16px
}

.results-people-update .panel.feed-item-new .list-group.list-container .new-item {
    background: 0 0;
    padding-bottom: 8px
}

@media (min-width: 720px) {
    .results-people-update .panel.feed-item-new .list-group.list-container .new-item {
        padding-bottom:16px
    }
}

.results-people-update .panel.feed-item-new .btn-load-more.load-more {
    margin: 0 auto;
    display: block;
    margin-bottom: 48px
}

@media (min-width: 768px) {
    .results-people-update .panel.feed-item-new .btn-load-more.load-more {
        margin-bottom:56px
    }
}

.story-card-container {
    width: 672px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 944px) and (max-width:1408px) {
    .story-card-container {
        width:500px
    }
}

@media (max-width: 720px) {
    .story-card-container {
        width:92vw
    }
}

.story-card-container .list-group.new-list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    overflow: visible
}

.story-card-container .list-group.new-list-group .list-group-item {
    padding: 8px 0;
    background: 0 0
}

.story-card-container .list-group.new-list-group .list-group-item .story-card {
    padding: 0;
    background: #fff
}

.story-card-container .list-group.new-list-group .more-stories {
    list-style: none;
    border-bottom: none
}

.story-card-container .btn-load-more {
    margin: 24px 0 16px 0
}

.story-card-container .results {
    color: #121212;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px
}

#browse-topics .browse-title {
    color: #222;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    margin-bottom: 16px;
    margin-right: 16px
}

.topics-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 16px
}

.topics-container .browse-topic-tile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 104px;
    width: 225px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    margin: 0 20px 16px 0;
    background-color: #fafafa;
    color: #222;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    padding-left: 20px;
    padding-right: 100px;
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: right
}

@media (max-width: 575px) {
    .topics-container .browse-topic-tile {
        width:45%;
        height: 72px;
        margin-right: 8px;
        margin-bottom: 8px;
        padding-left: 8px;
        padding-right: 72px;
        font-size: 14px;
        line-height: 1.29;
        background-size: 65px
    }
}

#search-page #search-controls .search-tabs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    min-height: 56px
}

#search-page #search-controls .search-tabs ul li {
    text-align: center;
    margin-right: 24px
}

@media (max-width: 575px) {
    #search-page #search-controls .search-tabs ul li {
        margin-right:16px
    }
}

#search-page #search-controls .search-tabs ul li a {
    display: block;
    padding: 6px 0;
    text-decoration: none;
    color: rgba(18,18,18,.64);
    font-size: 32px;
    line-height: 40px
}

@media (max-width: 575px) {
    #search-page #search-controls .search-tabs ul li a {
        font-size:22px;
        list-style: 28px
    }
}

#search-page #search-controls .search-tabs ul li a.active {
    color: #121212;
    font-weight: 700;
    border-bottom: 4px solid #ff6122
}

#search-page #search-controls .search-tabs ul li a:hover {
    outline: 0
}

.empty-search-results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 56px;
    width: 672px
}

@media (min-width: 944px) and (max-width:1408px) {
    .empty-search-results {
        width:500px
    }
}

@media (max-width: 720px) {
    .empty-search-results {
        width:92vw
    }
}

.empty-search-results .message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 286px
}

.empty-search-results .message h4 {
    color: #222;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    margin-top: 16px
}

.empty-search-results .message .message {
    color: #222;
    font-size: 16px;
    line-height: 22px;
    text-align: center
}

.story-card-skeleton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 220px;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #eee;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 5px rgba(34,34,34,.1),0 1px 10px rgba(34,34,34,.08);
    box-shadow: 0 4px 5px rgba(34,34,34,.1),0 1px 10px rgba(34,34,34,.08)
}

.story-card-skeleton .top-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.story-card-skeleton .top-section .cover-skeleton {
    width: 88px;
    height: 136px
}

.story-card-skeleton .top-section .title-skeleton {
    width: 100%;
    padding: 8px 8px 0 8px
}

.story-card-skeleton .bottom-section {
    height: 100%;
    padding-top: 8px
}

.filters-container {
    width: 328px;
    padding: 4px
}

@media (max-width: 943px) {
    .filters-container {
        display:none
    }
}

.filters-container .search-info {
    margin-bottom: 24px;
    padding-left: 4px;
    min-height: 68px
}

.filters-container .search-info .search-term {
    font-size: 32px;
    font-weight: 700;
    font-style: normal;
    line-height: 40px;
    letter-spacing: 0;
    text-align: left;
    color: #121212;
    margin-bottom: 8px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@supports (-webkit-line-clamp:2) {
    .filters-container .search-info .search-term {
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

.filters-container .search-info .stories-count {
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left;
    color: rgba(18,18,18,.64)
}

.tag-filter-container {
    line-height: 24px;
    border-radius: 8px;
    background: #fff
}

.tag-filter-container .refine-by-tag-header {
    padding-bottom: 20px;
    font-weight: 700;
    font-size: 18px;
    color: #121212
}

.tag-filter-container .tag-cloud-container ul li {
    float: left;
    margin-right: 4px;
    margin-bottom: 15px
}

.tag-filter-container .tag-cloud-container ul li .refine-by-tag {
    font-size: 16px;
    height: 40px;
    font-weight: 400;
    color: #121212
}

.tag-filter-container .add-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 10px
}

.tag-filter-container .add-tag .tag-text-box {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    padding-right: 10px
}

.tag-filter-container .add-tag .tag-text-box .tag-text-input {
    width: 100%;
    height: 39px;
    padding-left: 15px;
    font-size: 16px;
    border: 1px solid rgba(18,18,18,.12);
    border-radius: 4px
}

.tag-filter-container .add-tag .add-tag-btn {
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 50%;
    background-color: rgba(18,18,18,.12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .7s;
    transition: .7s
}

.tag-filter-container .add-tag .add-tag-btn.disabled-btn {
    opacity: .5;
    cursor: not-allowed
}

.tag-filter-container .add-tag .add-tag-btn:hover {
    border: 1px solid rgba(18,18,18,.12)
}

.tag-filter-container .add-tag .add-tag-error-message {
    color: #e00000
}

.password-fields .control-label {
    color: #222;
    margin-bottom: 0
}

.password-fields .form-group {
    margin: 0!important
}

.password-fields .field-container {
    margin-bottom: 16px
}

.password-fields .has-msg {
    margin-bottom: 10px
}

.password-fields .password-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative
}

.password-fields .password-container .field-valid-check {
    position: absolute;
    top: 14px;
    right: 12px
}

.password-fields .password-container .password-show {
    -ms-flex-item-align: center;
    align-self: center;
    color: var(--ds-base-6-60);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    position: absolute;
    right: 16px;
    padding: 0
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .password-fields .password-container .password-show {
        position: absolute;
        top: 35px
    }
}

.password-fields .password-container .old-password-show {
    color: #222;
    font-weight: var(--font-weight-normal);
    right: 16px!important
}

.password-fields .password-container .valid~.password-show {
    right: 48px
}

.password-fields .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    font-size: 16px;
    background-color: #fafafa;
    color: #222;
    margin-top: 4px;
    height: 48px
}

.password-fields .form-control:focus {
    border: solid 1px #222;
    border-radius: 4px
}

.password-fields .form-control.valid {
    border-color: #00854e;
    outline: 0
}

.password-fields .form-control.invalid {
    border-color: var(--ds-base-4-60);
    outline: 0
}

.password-fields .field-message {
    color: #222;
    font-size: small;
    line-height: 18px;
    margin-top: 3px
}

.password-fields .field-message.password-strength {
    margin-bottom: 10px
}

.password-fields .field-message.password-rules ul {
    padding-left: 20px;
    padding-bottom: 10px
}

.filter {
    margin-bottom: 40px
}

.filter .filter__title {
    line-height: 24px;
    font-size: 18px;
    font-weight: 700;
    color: #121212;
    margin: 4px
}

.filter .filter__description {
    line-height: 16px;
    font-size: 12px;
    color: rgba(18,18,18,.64);
    margin: 4px
}

.filter .filter__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin: 8px 0
}

.filter .filter__options .c-checkbox {
    padding: 4px 0 4px 8px;
    margin-bottom: 8px
}

.filter .filter__options .c-checkbox:hover {
    background-color: #fff6f2;
    border-radius: 8px
}

.filter .filter__options .c-checkbox.label-active {
    background-color: #fff6f2;
    border-radius: 8px
}

.c-checkbox {
    font-size: 18px;
    line-height: 24px
}

.c-checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    z-index: -1;
    margin: 0
}

.c-checkbox input[type=checkbox]+div {
    cursor: pointer;
    color: #121212;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-checkbox input[type=checkbox]+div:before {
    content: "";
    border-radius: 3px;
    display: inline-block;
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin: 3px
}

.c-checkbox input[type=checkbox]+div:not(.checked).invalid:before {
    border: 1px solid var(--ds-base-4-60)
}

.c-checkbox input[type=checkbox]+div:not(.checked):before {
    border: 1px solid #121212
}

.c-checkbox input[type=checkbox]+div .c-checkbox__content {
    margin-left: 8px
}

.c-checkbox input[type=checkbox][disabled]+div {
    cursor: not-allowed
}

.c-checkbox input[type=checkbox][disabled]+div::before {
    opacity: .2
}

.c-checkbox input[type=checkbox]:focus+div:before {
    outline: 1px dotted #121212;
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color
}

.c-checkbox input[type=checkbox]:focus:not(:focus-visible)+div:before {
    outline: 0
}

.c-checkbox .checked:before {
    background: #121212;
    border-color: #ff6122
}

.c-checkbox .checked .check-icon {
    position: absolute;
    left: .3em
}

.c-checkbox .old-checked:before {
    background: #3b19a9;
    border-color: #ff6122
}

.c-checkbox .old-checked .check-icon {
    position: absolute;
    left: .3em
}

.profile-card-skeleton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 76px;
    max-width: 672px;
    margin: 0 auto;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 4px 5px rgba(34,34,34,.1),0 1px 10px rgba(34,34,34,.08);
    box-shadow: 0 4px 5px rgba(34,34,34,.1),0 1px 10px rgba(34,34,34,.08)
}

@media (min-width: 768px) {
    .profile-card-skeleton {
        height:116px
    }
}

.profile-card-skeleton .profile-avatar {
    margin: 0 8px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    background-color: rgba(18,18,18,.32)
}

@media (min-width: 768px) {
    .profile-card-skeleton .profile-avatar {
        margin:0 16px;
        width: 80px;
        height: 80px;
        margin-left: 16px;
        min-width: 80px
    }
}

.profile-card-skeleton .card-content-region {
    margin-right: 16px;
    width: 304px
}

.profile-card-skeleton .card-content-region .title-skeleton {
    margin-bottom: 8px
}

.profile-card-skeleton .card-content-region .subtitle-skeleton {
    width: 120px
}

@media (min-width: 768px) {
    .profile-card-skeleton .card-content-region .subtitle-skeleton {
        margin-bottom:8px
    }
}

.profile-card-skeleton .card-content-region .card-meta-region {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.profile-card-skeleton .card-content-region .card-meta-region div {
    margin-right: 16px
}

.profile-card-skeleton .card-content-region .card-meta-region:last-child {
    margin-right: 0
}

@media (max-width: 767px) {
    .profile-card-skeleton .card-content-region .card-meta-region {
        display:none
    }
}

.profile-skeleton-container .profile-card-skeleton {
    margin-bottom: 16px;
    max-width: 672px
}

@media (min-width: 1072px) {
    .profile-skeleton-container .profile-card-skeleton {
        width:672px
    }
}

@media (min-width: 720px) and (max-width:943px) {
    .profile-skeleton-container .profile-card-skeleton {
        width:672px
    }
}

.story-card-skeleton-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 672px
}

@media (min-width: 944px) and (max-width:1071px) {
    .story-card-skeleton-container {
        width:500px
    }
}

@media (max-width: 720px) {
    .story-card-skeleton-container {
        width:92vw
    }
}

.story-card-skeleton-container .list-group.new-list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    overflow: visible
}

.story-card-skeleton-container .list-group.new-list-group .list-group-item {
    padding: 8px 0;
    background: 0 0
}

.story-card-skeleton-container .list-group.new-list-group .list-group-item .story-card-skeleton {
    background: #fff
}

.report-input-field {
    margin-bottom: 16px;
    max-width: 420px
}

.report-input-field label {
    display: block;
    font-weight: 400
}

.report-input-field label span {
    color: #e00000
}

.report-input-field textarea {
    resize: vertical;
    min-height: 34px
}

.report-input-field input,.report-input-field textarea {
    width: 100%;
    display: block;
    background: #fafafa;
    border: 1px solid rgba(18,18,18,.04);
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 16px;
    color: #121212
}

.report-input-field input:focus,.report-input-field textarea:focus {
    outline: 0;
    border: 1px solid #121212
}

.submitted .report-input-field input:invalid,.submitted .report-input-field textarea:invalid {
    border: 1px solid #e00000
}

.report-dropdown-field {
    margin-bottom: 16px;
    max-width: 420px
}

.report-dropdown-field label {
    display: block;
    font-weight: 400
}

.report-dropdown-field label span {
    color: #e00000
}

.report-dropdown-field select {
    width: 100%;
    display: block;
    background: #fafafa;
    border: 1px solid rgba(18,18,18,.04);
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 16px;
    color: #121212
}

.report-dropdown-field select:focus {
    outline: 0;
    border: 1px solid #121212
}

.submitted .report-dropdown-field select:invalid {
    border: 1px solid #e00000
}

.report-checkbox-field {
    margin-bottom: 4px
}

.report-checkbox-field .c-checkbox {
    margin: 0;
    font-weight: 400
}

.report-checkbox-field .c-checkbox span {
    color: #e00000
}

.report-checkbox-field .c-checkbox .c-checkbox__content {
    font-size: 16px
}

.help-dmca-page {
    margin: auto;
    max-width: 800px;
    padding: 0 16px
}

.help-dmca-page .info,.help-dmca-page .success,.help-dmca-page h1,.help-dmca-page h2,.help-dmca-page label {
    color: #222
}

.help-dmca-page h1 {
    font-size: 32px
}

.help-dmca-page h2 {
    font-size: 21px
}

.help-dmca-page .info {
    margin-bottom: 24px
}

.help-dmca-page .important {
    font-weight: 700
}

.help-dmca-page .form-container {
    margin: 24px 0
}

.help-dmca-page .form-container .error-message {
    color: #e00000;
    font-weight: 700;
    margin-bottom: 10px
}

.comments-list {
    background-color: #fff
}

.comments-list .show-more-btn {
    padding: 16px
}

.comments-list .go-back {
    padding: 12px 16px
}

.comments-list .go-back .info {
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 8px;
    color: #121212
}

.comments-list .go-back .info .fa-info {
    margin-right: 4px;
    vertical-align: middle
}

.comments-list .loader-animation-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px
}

.comments-list .loader-animation-wrapper #loader-light {
    height: 27px;
    width: 44px
}

.comments-list .advertisement-wrapper,.comments-list .comment-ad.loaded {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 16px
}

.comments-list .advertisement-wrapper:before,.comments-list .comment-ad.loaded:before {
    content: "";
    width: 100%;
    margin-bottom: 16px
}

.comments-list .show-more-replies-wrapper {
    color: rgba(18,18,18,.64);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 4px 0;
    padding-left: 60px;
    padding-right: 12px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.comments-list .show-more-replies-wrapper .show-more-replies-hr {
    width: 40px;
    margin: 9px 0;
    margin-inline:0;
    border-top: 1px solid rgba(18,18,18,.32)
}

.comments-list .show-more-replies-wrapper .show-more-replies-btn {
    border: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background-color: #fff
}

.comment-options {
    max-width: 350px;
    min-width: 170px;
    padding: 11px 16px
}

.comment-options .option,.comment-options a {
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comment-options .option span,.comment-options a span {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 600;
    color: #121212
}

.comment-options .option:not(:first-child),.comment-options a:not(:first-child) {
    margin-top: 8px
}

.comment-options .option:hover,.comment-options a:hover {
    color: #121212;
    text-decoration: underline
}

.comment-options .option svg,.comment-options a svg {
    margin-right: 8px
}

.new-comment-field {
    top: 52px;
    z-index: 1;
    padding: 12px 16px;
    background-color: #fff
}

.new-comment-field.sticky {
    position: sticky
}

.new-comment-field.reply {
    padding-left: 60px;
    background-color: #f6f6f6
}

.new-comment-field.replyTo {
    padding-left: 88px
}

.new-comment-field .reply-to-user {
    font-size: 12px;
    margin-top: -12px
}

.comments-empty-stage {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 0
}

.comments-empty-stage .message {
    line-height: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #121212;
    margin-top: 16px;
    margin-bottom: 24px
}

.comment-card-container {
    position: relative
}

.comment-item-options-dropdown {
    z-index: 1051;
    margin: 0;
    -webkit-box-shadow: 0 1px 12px rgba(0,0,0,.25);
    box-shadow: 0 1px 12px rgba(0,0,0,.25)
}

.comment-item-options-dropdown.sp {
    z-index: 1000
}

.comment-item-options-dropdown.pa {
    z-index: 1033
}

.comment-item-options-dropdown[data-placement^=bottom] .react-popover-arrow {
    border-width: 0 10px 10px 10px;
    margin-top: -2px;
    margin-left: -2px
}

.comment-item-options-dropdown[data-placement^=top] .react-popover-arrow {
    border-width: 10px 10px 0 10px;
    margin-bottom: -2px;
    margin-left: -2px
}

.paragraph-comments-drawer .modal-backdrop {
    z-index: 1030
}

.paragraph-comments-drawer .drawer-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 1032;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(18,18,18,.32);
    box-shadow: 0 5px 15px rgba(18,18,18,.32);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: translate(460px,0);
    transform: translate(460px,0);
    -webkit-transition: -webkit-transform .3s ease-out,opacity .3s;
    -webkit-transition: opacity .3s,-webkit-transform .3s ease-out;
    transition: opacity .3s,-webkit-transform .3s ease-out;
    transition: transform .3s ease-out,opacity .3s;
    transition: transform .3s ease-out,opacity .3s,-webkit-transform .3s ease-out
}

.paragraph-comments-drawer .drawer-content.open {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.paragraph-comments-drawer .drawer-content .drawer-header {
    top: 0;
    z-index: 1033;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: sticky;
    background-color: #fff
}

.paragraph-comments-drawer .drawer-content .drawer-header .drawer-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    color: #121212;
    margin: 15px 0 15px 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.paragraph-comments-drawer .drawer-content .drawer-header .close-btn {
    background: 0 0;
    border: none;
    padding: 19px
}

.paragraph-comments-drawer .drawer-content .drawer-header .close-btn span {
    display: block
}

.paragraph-comments-drawer .drawer-content .drawer-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.paragraph-comments-drawer .drawer-content .drawer-body .comments-list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.paragraph-comments-drawer .drawer-content .drawer-body .paragraph-content {
    padding: 16px;
    background: #f6f6f6
}

.paragraph-comments-drawer .drawer-content .drawer-body .paragraph-content pre {
    color: #121212;
    margin: 0;
    line-height: inherit
}

.paragraph-comments-drawer .drawer-content .drawer-body .paragraph-content pre p[data-media-type] {
    margin: 0;
    line-height: 0
}

.paragraph-comments-drawer .drawer-content .drawer-body .paragraph-content pre p[data-media-type] img {
    width: 100%;
    height: auto
}

.paragraph-comments-drawer .drawer-content .drawer-body .paragraph-content pre figure {
    line-height: 0
}

@media (min-width: 460px) {
    .paragraph-comments-drawer .drawer-content {
        width:460px
    }
}

#story-part-navigation {
    padding-top: 20px;
    margin: 0 16px
}

#story-part-navigation .message {
    color: #121212;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

#story-part-navigation .message .top-message {
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px
}

#story-part-navigation .message .top-message .title {
    color: #a93e19
}

#story-part-navigation .message .last-updated-text {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 16px
}

#story-part-navigation .message .bottom-message {
    margin-bottom: 44px
}

.continue-reading {
    background-color: #f5fef2!important;
    border-style: solid;
    border-color: #3f6f0c;
    border-width: 2px 0
}

.continue-reading h4 {
    color: #121212!important
}

.continue-reading .module-content {
    height: 550px!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width: 425px) {
    .continue-reading .module-content {
        height:440px!important
    }
}

.continue-reading .module-content .carousel-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: 1100px;
    overflow-x: hidden
}

@media (max-width: 1060px) {
    .continue-reading .module-content .carousel-container {
        min-width:auto;
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }
}

.continue-reading .module-content .carousel-container .continue-reading-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 1000px;
    min-width: 400px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 20px;
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out,-webkit-transform 250ms ease-in-out;
    overflow-y: clip
}

@media (max-width: 425px) {
    .continue-reading .module-content .carousel-container .continue-reading-carousel div[class*=story_slide_container__] {
        padding-right:10px
    }
}

@media (max-width: 425px) {
    .continue-reading .module-content .carousel-container .continue-reading-carousel .one-slide-section {
        padding-right:20px
    }
}

.continue-reading .module-content .btn-container {
    background: #f5fef2!important;
    z-index: 10;
    min-width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 370px
}

@media (max-width: 1050px) {
    .continue-reading .module-content .btn-container {
        display:none
    }
}

.continue-reading .module-content .btn-container button {
    background: 0 0;
    border: none
}

.info-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 24px 0;
    padding: 8px 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    border-radius: 6px;
    border: 1px solid var(--ds-neutral-40-solid);
    background: var(--ds-neutral-20-solid)
}

.info-bar .leading-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.info-bar .text {
    margin: 0
}

.info-bar .learn-more-link {
    color: var(--ds-base-3-60)
}

.inbox-empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 32px 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.inbox-empty .typography-heading-x-small {
    text-align: center
}

.inbox-empty .typography-paragraph-medium {
    text-align: center
}

#browse-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#browse-container .gutter {
    display: none;
    min-width: 176px;
    padding: 0 8px;
    margin-top: 60px
}

@media (min-width: 1132px) {
    #browse-container .gutter {
        display:block
    }
}

@media (min-width: 1320px) {
    #browse-container .gutter {
        min-width:316px
    }
}

#browse-container .right-rail {
    position: relative
}

#browse-container .right-rail .sticky {
    position: sticky;
    top: 60px
}

#browse-container .container {
    max-width: 960px;
    margin: 0
}

#browse-container header {
    padding: 35px 35px 0 0;
    background-color: #fff
}

#browse-container header h1 {
    margin: 0;
    color: #222;
    font-weight: 600;
    font-size: 40px
}

#browse-container .story-swimlane.module h3 {
    color: #222;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 0
}

#browse-container .story-swimlane.module h4 {
    color: #6f6f6f;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 0
}

#browse-container .story-swimlane.module .carousel-container {
    width: 100%!important
}

#browse-container .story-swimlane.module .slider-frame {
    height: 218px!important
}

#browse-container .story-swimlane.module .cover {
    width: 112px;
    height: auto
}

#browse-container .tag-item {
    color: #121212
}

#browse-container .tag-item.with-icon {
    color: #121212
}

#browse-container .tag-item.with-icon .fa {
    color: #121212
}

#browse-container .tags-container {
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 1px #eee;
    box-shadow: 0 0 10px 1px #eee;
    border-radius: 2px;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 15px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

#browse-container .tags-container #refine-by-msg {
    color: #222
}

#browse-container .tags-container .tag-carousel {
    margin-top: 5px;
    margin-bottom: 0;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    max-height: 80px;
    overflow: hidden
}

#browse-container .tags-container .tag-carousel .tag-items {
    white-space: initial;
    overflow-x: auto;
    height: auto
}

#browse-container .tags-container .tag-carousel .tag-item {
    margin-left: 0;
    margin-right: 5px;
    margin-bottom: 10px
}

#browse-container #sortby-text {
    font-size: 15px
}

#browse-container #sortby-dropdown .tab-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#browse-container .browse-content-container {
    margin-top: 10px;
    padding: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 1px #eee;
    box-shadow: 0 0 10px 1px #eee;
    border-radius: 2px
}

#browse-container .browse-content-container .panel-heading {
    color: #222;
    background-color: #fff;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom: 1px solid #eee;
    min-height: 54px;
    padding: 9px 9px 8px 9px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#browse-container .browse-content-container .panel-heading #header-left {
    font-size: 15px
}

#browse-container .browse-content-container .panel-heading .dropdown-toggle {
    color: #222
}

#browse-container .browse-story-item,#browse-container .tag-module-lists,#browse-container .tag-module-writers {
    margin: 0 6px 25px 0
}

#browse-container .tag-module-lists,#browse-container .tag-module-writers {
    width: 447px;
    height: 222px;
    overflow: hidden
}

#browse-container .tag-module-lists .reading-list-cover,#browse-container .tag-module-lists .writer-avatar,#browse-container .tag-module-writers .reading-list-cover,#browse-container .tag-module-writers .writer-avatar {
    float: left
}

#browse-container .tag-module-lists .reading-list-info,#browse-container .tag-module-lists .writer-info,#browse-container .tag-module-writers .reading-list-info,#browse-container .tag-module-writers .writer-info {
    float: left;
    margin-left: 10px;
    width: 295px
}

#browse-container .tag-module-lists .reading-list-info .reading-list-title,#browse-container .tag-module-lists .reading-list-info .writer-name,#browse-container .tag-module-lists .writer-info .reading-list-title,#browse-container .tag-module-lists .writer-info .writer-name,#browse-container .tag-module-writers .reading-list-info .reading-list-title,#browse-container .tag-module-writers .reading-list-info .writer-name,#browse-container .tag-module-writers .writer-info .reading-list-title,#browse-container .tag-module-writers .writer-info .writer-name {
    margin: 0;
    color: #6f6f6f;
    font-size: 18px;
    line-height: 24px
}

#browse-container .tag-module-writers .writer-info .writer-meta {
    margin: 5px 0;
    font-size: 14px
}

#browse-container .tag-module-writers .writer-info .writer-description {
    display: block;
    font-size: 15px
}

#browse-container .tag-module-lists {
    height: 165px
}

#browse-container .tag-module-lists .reading-list-cover {
    margin: 0
}

#browse-container .tag-module-lists .reading-list-info {
    height: auto;
    max-width: 295px
}

#browse-container .tag-module-lists .reading-list-info .reading-list-title {
    height: auto
}

#browse-container .tag-module-lists .reading-list-info .meta span {
    color: #6f6f6f
}

#browse-container .tag-module-lists .reading-list-info .meta span a {
    color: #6f6f6f
}

@media (max-width: 767px) {
    .profile-layout .mobile-break {
        display:block!important
    }

    .profile-layout #following-panel .avatar {
        display: block!important
    }

    .profile-layout #profile-lists .story-item {
        display: inline-block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .profile-layout .tablet-break {
        display:block!important
    }

    .profile-layout #following-panel .avatar:nth-child(-n+3) {
        display: block!important
    }

    .profile-layout #profile-lists .story-item:nth-child(-n+3) {
        display: inline-block!important
    }
}

@media (min-width: 992px) and (max-width:1349px) {
    .profile-layout .desktop-break {
        display:block!important
    }

    .profile-layout #following-panel .avatar:nth-child(-n+4) {
        display: block!important
    }

    .profile-layout #profile-lists .story-item:nth-child(-n+4) {
        display: inline-block!important
    }
}

@media (min-width: 1350px) {
    .profile-layout .desktop-wide-break {
        display:block!important
    }

    .profile-layout #following-panel .avatar:nth-child(-n+6) {
        display: block!important
    }

    .profile-layout #profile-lists .story-item {
        display: inline-block!important
    }
}

.profile-layout #follower-modal .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list),.profile-layout .user-information .panel:not(#authentication-panel) .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list),.profile-layout header.background .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list) {
    height: 40px;
    padding: 5px 10px;
    color: #6f6f6f;
    font-size: 16px;
    border: solid 2px #eee
}

.profile-layout #follower-modal .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list):not(.btn-white):not(.btn-glass),.profile-layout .user-information .panel:not(#authentication-panel) .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list):not(.btn-white):not(.btn-glass),.profile-layout header.background .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list):not(.btn-white):not(.btn-glass) {
    border: none
}

.profile-layout #follower-modal .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list):not(.btn-white):not(.btn-glass):not(.btn-grey),.profile-layout .user-information .panel:not(#authentication-panel) .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list):not(.btn-white):not(.btn-glass):not(.btn-grey),.profile-layout header.background .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list):not(.btn-white):not(.btn-glass):not(.btn-grey) {
    color: #fff
}

.profile-layout #follower-modal .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list).btn-glass,.profile-layout .user-information .panel:not(#authentication-panel) .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list).btn-glass,.profile-layout header.background .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list).btn-glass {
    color: #fff
}

.profile-layout #follower-modal .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list).dropdown-toggle:focus-visible,.profile-layout .user-information .panel:not(#authentication-panel) .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list).dropdown-toggle:focus-visible,.profile-layout header.background .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list).dropdown-toggle:focus-visible {
    outline: -webkit-focus-ring-color auto 1px
}

.profile-layout #follower-modal .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list).dropdown-toggle,.profile-layout #follower-modal .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list).on-edit-profile,.profile-layout .user-information .panel:not(#authentication-panel) .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list).dropdown-toggle,.profile-layout .user-information .panel:not(#authentication-panel) .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list).on-edit-profile,.profile-layout header.background .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list).dropdown-toggle,.profile-layout header.background .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list).on-edit-profile {
    margin-right: 0
}

.profile-layout #follower-modal .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list) .fa,.profile-layout .user-information .panel:not(#authentication-panel) .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list) .fa,.profile-layout header.background .btn:not(.btn-story-lists):not(.on-start-reading):not(.on-create-list) .fa {
    top: 2px
}

.profile-layout #follower-modal a.btn,.profile-layout .user-information .panel:not(#authentication-panel) a.btn,.profile-layout header.background a.btn {
    line-height: 26px
}

.profile-layout #follower-modal a.btn .fa-lock,.profile-layout #follower-modal a.btn .fa-unlock,.profile-layout .user-information .panel:not(#authentication-panel) a.btn .fa-lock,.profile-layout .user-information .panel:not(#authentication-panel) a.btn .fa-unlock,.profile-layout header.background a.btn .fa-lock,.profile-layout header.background a.btn .fa-unlock {
    padding-right: 0
}

.profile-layout img.fallback.fa-badge-heart {
    top: -6px!important
}

.profile-layout img.fallback.fa-follow,.profile-layout img.fallback.fa-user {
    top: -2px!important
}

.profile-layout img.fallback.fa-location {
    top: -1px!important;
    margin-right: 5px!important
}

.profile-layout img.fallback.fa-facebook-square,.profile-layout img.fallback.fa-link,.profile-layout img.fallback.fa-twitter {
    top: 4px!important
}

.profile-layout .user-information .panel .panel-heading {
    padding: 0;
    border: 0
}

.profile-layout .user-information .panel .panel-heading .settings {
    float: right;
    margin-left: 8px;
    text-decoration: none;
    cursor: pointer
}

.profile-layout .user-information .panel .panel-heading .panel-title {
    font-size: 24px;
    font-weight: 600;
    color: #222
}

.profile-layout .user-information .panel .panel-heading ul.metadata {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-top: 5px;
    font-size: 15px;
    color: #6f6f6f
}

.profile-layout .user-information .panel .panel-heading ul.metadata li {
    display: inline-block
}

.profile-layout .user-information .panel .panel-heading ul.metadata li+li {
    margin-left: 10px
}

.profile-layout .user-information .panel .panel-heading ul.metadata li+li:before {
    content: "\00b7";
    font-size: 30px;
    position: absolute;
    margin-top: -1px;
    margin-left: -10px
}

.profile-layout .user-information .panel .panel-body {
    padding: 0
}

.profile-layout .user-information .panel .social-meta {
    font-size: 12px;
    color: #6f6f6f
}

.profile-layout .user-information .panel .social-meta>span {
    padding-right: 4px
}

.profile-layout .user-information .panel .social-meta .fa {
    font-size: 12px!important;
    padding: 0
}

.profile-layout .user-information .panel .on-showmore {
    margin-top: 20px
}

.profile-layout .user-information .panel.empty-placeholder .panel-title {
    height: 30px;
    width: 33%;
    background-color: #eee;
    margin-bottom: 10px
}

.profile-layout .user-information .panel.empty-placeholder .panel-subtitle {
    background-color: #eee;
    height: 18px;
    width: 23%;
    margin-bottom: 15px
}

.profile-layout .user-information .panel.empty-placeholder .panel-body {
    position: relative
}

.profile-layout .user-information .panel.empty-placeholder .panel-body .no-reading-list {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.profile-layout .user-information .panel.empty-placeholder .panel-body .story-cover {
    display: inline-block;
    vertical-align: top;
    width: 22.5%;
    background-color: #eee
}

.profile-layout .user-information .panel.empty-placeholder .panel-body .story-cover:not(:last-child) {
    margin-left: 3.3%
}

.profile-layout header.background-lg {
    position: relative;
    padding-top: 108px
}

.profile-layout header.background-lg #page-navigation {
    position: relative;
    z-index: 2;
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 0 0 rgba(0,0,0,.3);
    border: none
}

.profile-layout header.background-lg #page-navigation nav li a {
    height: 60px;
    line-height: 66px;
    font-size: 18px;
    color: #222;
    border-bottom-width: 4px;
    padding: 0 15px
}

@media (min-width: 768px) and (max-width:992px) {
    .profile-layout header.background-lg #page-navigation .no-right-padding {
        padding-right:0
    }
}

.profile-layout header.background-lg .avatar-profile {
    position: relative;
    overflow: hidden;
    z-index: 1
}

.profile-layout header.background-lg .badges {
    margin: 12px 0 6px 0
}

.profile-layout header.background-lg .badges .profile-name {
    margin: 0
}

.profile-layout header.background-lg h3 {
    max-width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto;
    white-space: nowrap;
    opacity: 1;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.profile-layout header.background-lg h3.hidden {
    display: block!important;
    visibility: hidden
}

.profile-layout header.background-lg h1 {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    text-shadow: 0 0 10px rgba(0,0,0,.5);
    margin: 12px 0 6px 0;
    display: inline-block
}

.profile-layout header.background-lg #alias {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 26px
}

.profile-layout header.background-lg .header-metadata {
    margin: 0 auto;
    max-width: 325px
}

.profile-layout header.background-lg .header-metadata div {
    color: #fff
}

.profile-layout header.background-lg .header-metadata div.on-followers,.profile-layout header.background-lg .header-metadata div.scroll-to-element {
    cursor: pointer
}

.profile-layout header.background-lg .header-metadata div.on-followers:hover,.profile-layout header.background-lg .header-metadata div.scroll-to-element:hover {
    font-weight: 700
}

.profile-layout header.background-lg .header-metadata p {
    font-size: 15px;
    line-height: 15px;
    margin: 0
}

.profile-layout #profile-request header {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
    color: #6f6f6f
}

.profile-layout #profile-request article.notification {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width: 767px) {
    .profile-layout #profile-about footer {
        margin-left:10px;
        margin-right: 10px
    }
}

.profile-layout #profile-about .panel-body :not(.btn):not(span.fa):not(a) {
    color: #222;
    font-size: 15px
}

.profile-layout #profile-about .panel-body hr {
    margin: 15px -15px;
    border-top-color: #eee
}

.profile-layout #profile-about .panel-body .description pre {
    color: #222;
    overflow-x: hidden;
    margin: 0
}

.profile-layout #profile-about .panel-body .no-description {
    text-align: center
}

.profile-layout #profile-about .panel-body .no-description div {
    margin-bottom: 12px;
    font-weight: 600
}

.profile-layout #profile-about .panel-body .no-description button {
    margin: 0
}

.profile-layout #profile-about .fa-location {
    position: relative;
    top: 2px
}

.profile-layout #profile-about .title {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    color: #6f6f6f
}

.profile-layout #profile-about ul .user-meta-info-content,.profile-layout #profile-about ul a {
    display: inline-block;
    word-wrap: break-word;
    word-break: break-all
}

.profile-layout #profile-about ul.user-meta-info {
    margin-top: 12px;
    color: #222
}

.profile-layout #profile-about ul.user-meta-info .user-meta-info-content span {
    font-weight: 600;
    margin-left: 5px
}

@media screen and (max-width: 767px) and (min-width:400px) {
    .profile-layout #profile-about li {
        width:50%
    }
}

.profile-layout #profile-about #profile-links {
    margin-bottom: 0
}

.profile-layout #profile-about #profile-links .fa {
    position: absolute;
    top: 8px;
    left: 0px;
    line-height: .5
}

.profile-layout #profile-about #profile-links .fa-facebook-square {
    color: #3b5998
}

.profile-layout #profile-about #profile-links .fa-twitter {
    color: #55acee
}

.profile-layout #profile-about #profile-links li a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 90%;
    margin-left: 28px
}

.profile-layout #profile-about #following-panel a.on-nav-item {
    display: block;
    text-decoration: none
}

.profile-layout #profile-about #following-panel .users .avatar {
    margin-right: 7px;
    margin-top: 10px
}

.profile-layout #profile-about #following-panel .num-following {
    margin-left: 3px;
    margin-top: 10px;
    min-width: 53px;
    height: 36px;
    border-radius: 100px;
    padding: 0 8px;
    text-align: center;
    line-height: 34px;
    background-color: #00b2b2;
    font-size: 18px;
    font-weight: 600;
    color: #fff
}

.profile-layout #profile-about #profile-share-links a {
    margin-right: 4px;
    margin-top: 10px
}

.profile-layout #profile-works .profile-works-content #works-item-view {
    margin-top: 15px
}

.profile-layout #profile-works .profile-works-content .discover-module-stories-large {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    color: #6f6f6f
}

.profile-layout #profile-works .profile-works-content .discover-module-stories-large:not(:last-child) {
    margin-bottom: 20px
}

.profile-layout #profile-works .profile-works-content .discover-module-stories-large .cover {
    float: left
}

.profile-layout #profile-works .profile-works-content .discover-module-stories-large .content {
    margin-left: 155px
}

.profile-layout #profile-works .profile-works-content .discover-module-stories-large .content .supported-marker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #222;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap
}

.profile-layout #profile-works .profile-works-content .discover-module-stories-large .content .supported-marker img {
    margin-right: 8px;
    width: auto
}

.profile-layout #profile-works .profile-works-content .discover-module-stories-large .content a.title {
    display: block;
    max-height: 56px;
    overflow: hidden;
    word-wrap: break-word;
    color: #222;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600
}

.profile-layout #profile-works .profile-works-content .discover-module-stories-large .content a.username {
    display: block;
    overflow: hidden;
    color: #6f6f6f;
    margin-top: 5px
}

.profile-layout #profile-works .profile-works-content .discover-module-stories-large .content .work-state {
    font-size: 12px;
    text-transform: uppercase;
    color: #00b2b2
}

.profile-layout #profile-works .profile-works-content .discover-module-stories-large .content .work-state.category,.profile-layout #profile-works .profile-works-content .discover-module-stories-large .content .work-state.draft {
    color: #6f6f6f
}

.profile-layout #profile-works .profile-works-content .discover-module-stories-large .content .work-state .text {
    text-transform: none
}

.profile-layout #profile-works .profile-works-content .discover-module-stories-large .content .description {
    line-height: 21px;
    padding-bottom: 15px
}

.profile-layout #profile-works .profile-works-content .discover-module-stories-large .content .tag-meta {
    margin-top: 15px
}

.profile-layout #profile-works .profile-works-content .discover-module-stories-large .content .tag-ranking {
    padding-top: 15px;
    border-top: 1px #eee solid;
    overflow: hidden;
    padding-bottom: 5px
}

.profile-layout #profile-works .profile-works-content .discover-module-stories-large .content .tag-ranking .tag-ranking-medal {
    float: left
}

.profile-layout #profile-works .profile-works-content .discover-module-stories-large .content .tag-ranking span {
    display: inline-block;
    color: #6f6f6f;
    text-transform: uppercase;
    margin-left: 5px;
    font-size: 12px;
    line-height: 19px
}

.profile-layout #profile-works .profile-works-content .discover-module-stories-large .content .tag-ranking span b {
    font-weight: 600
}

.profile-layout #profile-works .profile-works-content .discover-module-stories-large .content .tag-ranking a {
    margin: 0 0 0 18px;
    padding: 4px 9px;
    border: solid 1px #6f6f6f;
    border-radius: 4px;
    color: #6f6f6f;
    font-size: 12px;
    line-height: 19px;
    white-space: nowrap
}

.profile-layout #profile-lists hr {
    border-top: solid 1px #eee;
    margin-bottom: 28px
}

.profile-layout #profile-lists .reading-list {
    margin: 0
}

.profile-layout #profile-lists .reading-list:not(:first-child) {
    margin-top: 25px
}

.profile-layout #profile-lists .reading-list .story-item {
    display: inline-block;
    vertical-align: top;
    width: 123px;
    margin-top: 15px
}

.profile-layout #profile-lists .reading-list .story-item:not(:last-child) {
    margin-right: 15px
}

.profile-layout #profile-lists .reading-list .story-item .cover {
    float: none;
    margin: 0
}

.profile-layout #profile-lists .reading-list .story-item .content {
    height: auto;
    overflow: hidden;
    margin-top: 10px
}

.profile-layout #profile-lists .reading-list .story-item .title {
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    color: #222;
    height: 35px;
    overflow: hidden
}

.profile-layout #profile-lists .reading-list .social-meta {
    line-height: 12px
}

.profile-layout #profile-admin {
    margin-top: 25px;
    padding: 10px;
    padding-bottom: 20px
}

.profile-layout #profile-admin.bg-danger {
    border: solid 1px #ebccd1
}

.profile-layout #profile-admin header h3 {
    margin-top: 0
}

.profile-layout #profile-admin hr {
    background-color: state-danger-border;
    border: 0;
    margin: 5px 0;
    height: 1px
}

.profile-layout #profile-activity .activity-feed>.message-new {
    margin-bottom: 18px
}

.profile-layout #profile-activity .activity-item {
    width: 100%;
    margin-bottom: 15px
}

.profile-layout #notice-banner {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
    padding: 6px;
    background: #eee;
    -webkit-box-shadow: 0 0 3px rgba(0,0,5,.15);
    box-shadow: 0 0 3px rgba(0,0,5,.15);
    opacity: 1
}

.profile-layout .show-notice #notice-banner {
    display: block
}

.profile-layout .user-following {
    margin-top: 24px
}

.profile-layout .user-following .show-more {
    margin-top: 0
}

.profile-layout .profile-modal .modal-title {
    margin: 0
}

.profile-layout .profile-modal#userClose .modal-body p:first-child,.profile-layout .profile-modal#userTimeout .modal-body p:first-child {
    display: inline-block;
    padding-right: 10px
}

.profile-layout .profile-disclaimer-container {
    text-align: center
}

.profile-layout .profile-disclaimer-container .disclaimer {
    max-width: 350px;
    margin: auto
}

.profile-layout #profile-message-wrapper {
    margin: auto;
    margin-top: 21px;
    float: none
}

.profile-layout #profile-message-wrapper .wattpad-empty {
    font-size: 21px;
    text-align: center;
    color: #6f6f6f;
    margin-top: 48px
}

.profile-layout #profile-message-wrapper .pinned-item {
    margin-top: 24px
}

.profile-layout #profile-message-wrapper .feed-item-new.panel {
    overflow: inherit
}

.profile-layout #profile-message-wrapper .div.tooltip {
    position: relative;
    top: 36px;
    left: -30px
}

.profile-layout #profile-message-wrapper #broadcast-container {
    background: #eee;
    -webkit-box-shadow: 0 2px 5px rgba(120,120,120,.25);
    box-shadow: 0 2px 5px rgba(120,120,120,.25)
}

.profile-layout #profile-message-wrapper #broadcast-container .tooltip {
    opacity: 1
}

.profile-layout #profile-message-wrapper #broadcast-container .tooltip .tooltip-arrow {
    border-top-color: #fff
}

.profile-layout #profile-message-wrapper #broadcast-container .tooltip .tooltip-inner {
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 11px 3px rgba(1,1,1,.25);
    box-shadow: 0 2px 11px 3px rgba(1,1,1,.25);
    color: #6f6f6f;
    font-size: 12px;
    line-height: 1.5
}

.profile-layout #profile-feed-wrapper {
    margin-top: 21px
}

.profile-layout .pinned-icon {
    position: relative;
    top: 18px;
    left: -30px;
    float: left
}

.profile-layout #profile-pinned-item {
    color: #222
}

.profile-layout #profile-pinned-item header {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600
}

.profile-layout #profile-pinned-item header .fa-pin {
    margin-right: 10px
}

.profile-layout #profile-pinned-item .avatar {
    margin-right: 12px
}

.profile-layout #profile-pinned-item .username {
    color: #222;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    display: block
}

.profile-layout #profile-pinned-item .latest-msg-date {
    font-size: 16px;
    color: #6f6f6f
}

.profile-layout #profile-pinned-item pre {
    color: #222;
    margin: 10px 0;
    font-size: 15px
}

.profile-layout #profile-pinned-item .btn-grey {
    margin: 0
}

#edit-profile {
    -webkit-transition: all 320ms ease-in-out;
    transition: all 320ms ease-in-out
}

#edit-profile.longfade {
    -webkit-transition: opacity 3s ease-in;
    transition: opacity 3s ease-in
}

#edit-profile .description .count-error {
    color: #ff3f12
}

.info-message {
    margin-bottom: 40px;
    font-size: 14px;
    color: #000
}

@media (min-width: 767px) {
    .info-message {
        margin-left:185px;
        margin-right: 185px
    }
}

@media (min-width: 991px) {
    .info-message {
        margin-left:240px;
        margin-right: 240px
    }
}

@media (min-width: 1350px) {
    .info-message {
        margin-left:290px;
        margin-right: 290px
    }
}

.info-message a {
    color: #3b19a9;
    text-decoration: underline
}

#edit-controls {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1030;
    width: 100%;
    padding: 15px 8px;
    background: #eee;
    -webkit-box-shadow: 0 2p rgba(0,0,0,.25);
    box-shadow: 0 2p rgba(0,0,0,.25);
    opacity: 1
}

#edit-controls.faded {
    opacity: 1!important;
    top: -42px
}

#edit-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: .5;
    width: 100%;
    height: 100%;
    background: #099
}

#edit-background {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 2;
    opacity: 1;
    width: 100%;
    height: 36px
}

#edit-background button {
    display: block;
    position: relative;
    margin: 0 auto
}

#edit-background button .longfade {
    -webkit-transition: opacity 3s ease-in;
    transition: opacity 3s ease-in
}

#edit-background img.fallback {
    vertical-align: middle;
    top: 0;
    margin-top: -5px
}

#edit-avatar {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%
}

#edit-avatar button {
    width: 100%;
    height: 100%;
    padding-right: 5px;
    opacity: .6;
    border: none;
    background: #00b2b2;
    font-size: 60px;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

#edit-avatar button:hover {
    opacity: .7
}

#edit-avatar button.longfade {
    -webkit-transition: opacity 3s ease-in;
    transition: opacity 3s ease-in
}

#edit-avatar button img.fallback {
    vertical-align: middle;
    margin-top: -21px;
    padding: 0
}

#edit-name {
    position: absolute;
    top: 252px;
    left: 0;
    width: 100%;
    z-index: 2;
    opacity: 1
}

#edit-name input {
    width: 300px;
    margin: 0 auto;
    background: rgba(255,255,255,.667);
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #6f6f6f;
    font-size: 24px;
    font-weight: 400;
    line-height: 31px;
    text-align: center
}

.profile-layout #edit-name {
    top: 209px
}

#edit-navblock {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: .75;
    width: 100%;
    height: 100%;
    background: #fff
}

.btn-facebook-link {
    margin-top: 10px
}

.unlink-facebook-wrapper {
    margin-top: 10px
}

.unlink-facebook-form {
    display: inline-block
}

.connect-facebook-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.connect-facebook-wrapper .facebook-tooltip {
    margin-top: 10px;
    margin-left: 5px
}

.connect-facebook-wrapper .__react_component_tooltip {
    max-width: 200px
}

#creation-works-listing {
    margin-top: 42px
}

#creation-works-listing .too-many-parts {
    float: right
}

#creation-works-listing .too-many-parts .on-newpart {
    opacity: .65
}

#creation-works-listing .too-many-parts .dropdown-menu {
    padding: 5px
}

#creation-works-listing .too-many-parts:hover .dropdown-menu,#creation-works-listing .too-many-parts:hover .triangle {
    visibility: visible;
    opacity: 1
}

#creation-works-listing .panel {
    padding: 0
}

#creation-works-listing header {
    width: 100%;
    padding: 20px
}

#creation-works-listing header h2 {
    margin: 0;
    color: #222
}

#creation-works-listing .banned-image-messaging {
    background-color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 16px;
    color: #fff;
    height: 70px;
    margin-bottom: 16px;
    border-radius: 3px
}

#creation-works-listing .banned-image-messaging .learn-more {
    padding-left: 2px;
    color: #fff;
    text-decoration: underline
}

#creation-works-listing .banned-image-messaging .warning-icon {
    margin-right: 8px
}

#creation-works-listing .works-type-select>button {
    height: 48px;
    border: 0;
    background-color: transparent;
    color: #222;
    font-size: 18px;
    margin-right: 24px;
    padding: 0 24px
}

#creation-works-listing .works-type-select>button:hover {
    font-weight: 600
}

#creation-works-listing .works-type-select>button.active {
    height: 45px;
    border-bottom: 3px solid #ff6122;
    font-weight: 600
}

#creation-works-listing .works-item,#creation-works-listing .works-item-new {
    border-top: 1px solid #eee;
    padding: 15px 0 20px
}

#creation-works-listing .works-item .drag-handle,#creation-works-listing .works-item-new .drag-handle {
    visibility: hidden
}

#creation-works-listing .published-list .works-item .drag-handle,#creation-works-listing .published-list .works-item-new .drag-handle {
    visibility: visible
}

#creation-works-listing .no-works {
    text-align: center;
    padding: 20px 0
}

#creation-works-listing .no-works .icon {
    font-size: 120px;
    margin-bottom: 24px
}

#creation-works-listing .no-works .create-story {
    margin-top: 24px
}

#creation-works-listing .no-works .works-type-select+.row .no-works {
    border-top: 1px solid #eee;
    padding: 20px 0
}

#creation-works-listing .works-writers-portal {
    margin-top: 76px;
    padding-left: 10px
}

#creation-works-listing .works-writers-portal a.portal-link {
    display: block;
    width: 300px
}

#creation-works-listing .works-writers-portal a.portal-link img {
    width: 100%
}

#creation-works-listing .works-item-new {
    cursor: pointer
}

#creation-works-listing .works-item-new .row-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#creation-works-listing .works-item-new .left-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

#creation-works-listing .works-item-new .story-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 477px;
    min-width: 0;
    min-height: 125px
}

#creation-works-listing .works-item-new .story-wrapper .story-image {
    margin-right: 16px
}

#creation-works-listing .works-item-new .story-wrapper .story-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#creation-works-listing .works-item-new .story-wrapper .story-info .info-icon {
    padding: 8px
}

#creation-works-listing .works-item-new .story-wrapper .story-title {
    font-size: 18px;
    line-height: 24px;
    height: 24px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#creation-works-listing .works-item-new .story-wrapper .story-title .fa-image-warning {
    position: relative;
    top: 2px
}

#creation-works-listing .works-item-new .story-wrapper .story-title a {
    color: #222
}

#creation-works-listing .works-item-new .story-wrapper .scheduled {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px
}

#creation-works-listing .works-item-new .story-wrapper .scheduled span {
    color: var(--ds-base-3-60,#1c6f65)
}

#creation-works-listing .works-item-new .story-wrapper .counts {
    font-size: 14px
}

#creation-works-listing .works-item-new .story-wrapper .counts .publish-count {
    color: #00b2b2
}

#creation-works-listing .works-item-new .story-wrapper .counts .draft-count {
    color: #6f6f6f
}

#creation-works-listing .works-item-new .story-wrapper .updated-date {
    font-size: 14px;
    color: #6f6f6f
}

#creation-works-listing .works-item-new .story-wrapper .category {
    font-size: 12px;
    color: #6f6f6f;
    text-transform: uppercase;
    height: 24px
}

#creation-works-listing .works-item-new .story-wrapper .meta-wrapper {
    line-height: 18px
}

#creation-works-listing .works-item-new .story-wrapper .story-meta {
    display: inline-block;
    margin-right: 15px;
    font-size: 12px
}

#creation-works-listing .works-item-new .story-wrapper .story-meta .fa {
    margin-right: 3px;
    position: relative;
    top: 1px
}

@media (max-width: 1350px) {
    #creation-works-listing .works-item-new .story-wrapper {
        max-width:324px
    }
}

@media (max-width: 685px) {
    #creation-works-listing .works-item-new .story-wrapper {
        max-width:311px
    }
}

#creation-works-listing .works-item-new .actions-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 25px
}

#creation-works-listing .works-item-new .actions-wrapper .dropdown-toggle {
    padding: 9px 50px
}

#creation-works-listing .works-item-new .actions-wrapper .dropdown-toggle .parts-dropdown {
    float: right
}

#creation-works-listing .works-item-new .actions-wrapper .dropdown-toggle .down-icon {
    position: relative;
    right: -36px;
    border-left: 1px solid #fafafa;
    padding-left: 16px
}

#creation-works-listing .works-item-new .actions-wrapper .story-parts-wrapper {
    max-height: 200px;
    overflow: scroll
}

#creation-works-listing .works-item-new .actions-wrapper li.story-part {
    margin: 0 12px;
    border-bottom: 1px solid #eee;
    padding: 9px 0;
    width: 312px;
    font-size: 12px;
    line-height: 18px
}

#creation-works-listing .works-item-new .actions-wrapper li.story-part .part-title a {
    color: #6f6f6f
}

#creation-works-listing .works-item-new .actions-wrapper li.story-part .part-meta {
    color: #6f6f6f
}

#creation-works-listing .works-item-new .actions-wrapper li.story-part .part-meta .published {
    color: #00b2b2
}

#creation-works-listing .works-item-new .actions-wrapper .newpart-wrapper {
    -webkit-box-shadow: 0 -1px 4px 0 rgba(0,0,0,.12);
    box-shadow: 0 -1px 4px 0 rgba(0,0,0,.12);
    padding: 12px 0
}

#creation-works-listing .works-item-new .actions-wrapper .newpart-wrapper .on-newpart {
    padding: 5px 15px;
    margin: 0 auto;
    display: block
}

#creation-works-listing .works-item-new .actions-wrapper .on-newpart {
    padding: 9px 79px
}

#creation-works-listing .works-item-new .actions-wrapper .btn-white {
    font-weight: 600;
    border-radius: 5px;
    padding: 9px 12px
}

#creation-works-listing .works-item-new .actions-wrapper .btn-white:hover .fa {
    color: #6f6f6f
}

@media (max-width: 685px) {
    #creation-works-listing .works-item-new .actions-wrapper .parts-dropdown .dropdown-toggle {
        padding:9px 75px
    }

    #creation-works-listing .works-item-new .actions-wrapper .parts-dropdown .dropdown-toggle .down-icon {
        right: inherit
    }

    #creation-works-listing .works-item-new .actions-wrapper .on-continue-editing {
        padding: 9px 72px
    }

    #creation-works-listing .works-item-new .actions-wrapper .on-newpart {
        padding: 9px 73px
    }

    #creation-works-listing .works-item-new .actions-wrapper .continue-text {
        display: none
    }

    #creation-works-listing .works-item-new .actions-wrapper .btn-white .text {
        display: none
    }
}

#creation-works-listing .works-item-new .vcenter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#creation-works-listing .works-item-new .dropdown {
    display: inline-block
}

#creation-works-listing .works-item-new .dropdown-menu .disabled {
    display: block;
    height: 30px;
    padding: 3px 15px;
    clear: both;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #6f6f6f;
    white-space: nowrap;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

#creation-works-listing #publish-count-wrapper {
    margin-bottom: 15px
}

#creation-works-listing .publish-count+.publish-count:before {
    content: "-";
    font-size: 20px;
    margin: 0 5px;
    display: inline-block
}

#creation-works-listing #quick-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

#creation-works-listing #quick-links .dropdown .fa {
    vertical-align: middle;
    position: relative;
    top: -2px;
    font-size: 20px
}

#creation-works-listing #quick-links .dropdown .divider {
    margin: 5px 0
}

#creation-works-listing #unpublish-working {
    margin: 24px 0 12px
}

#creation-works-listing #delete-modal .prompt,#creation-works-listing #delete-only-modal .prompt,#creation-works-listing #unpublish-modal .prompt {
    margin-bottom: 24px
}

#creation-works-listing #delete-modal .close,#creation-works-listing #delete-only-modal .close,#creation-works-listing #unpublish-modal .close {
    position: absolute;
    right: 24px;
    font-weight: 600;
    font-size: 28px
}

#creation-works-listing #delete-modal .cta,#creation-works-listing #delete-only-modal .cta,#creation-works-listing #unpublish-modal .cta {
    min-width: 100px
}

#creation-works-listing #unpublish-modal .progress {
    margin: 0
}

#works-item-edit {
    margin-top: 114px
}

#works-item-edit .popover-icon {
    cursor: pointer
}

#works-item-edit .edit-profile {
    width: 100%;
    position: fixed;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#works-item-edit .edit-profile .on-edit-cancel {
    margin: 5px
}

#works-item-edit .edit-profile .on-edit-cancel span {
    line-height: normal
}

#works-item-edit .edit-profile .small {
    color: #6f6f6f;
    margin: 0
}

#works-item-edit #publish-status-banner {
    color: #fff
}

#works-item-edit #publish-status-banner .error {
    background-color: #ff3f12;
    padding: 3px 2%
}

#works-item-edit #publish-status-banner .success {
    background-color: #00b2b2;
    padding: 7px 2%
}

#works-item-edit #publish-status-banner:empty {
    margin: 0
}

#works-item-edit #publish-status-banner:not(:empty) {
    margin: -40px 0 15px 0
}

#works-item-edit .banned-image-messaging {
    background-color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 16px;
    color: #fff;
    margin-left: 18px;
    height: 70px;
    margin-bottom: 22px;
    border-radius: 3px
}

#works-item-edit .banned-image-messaging .learn-more {
    padding-left: 2px;
    color: #fff;
    text-decoration: underline
}

@media (max-width: 1018px) {
    #works-item-edit .banned-image-messaging {
        margin-left:12px
    }
}

#works-item-edit .banned-image-messaging .warning-icon {
    margin-right: 8px
}

#works-item-edit .works-item-metadata {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #222;
    display: inline-block
}

#works-item-edit #image-tooltip {
    position: relative;
    float: right;
    bottom: 27px;
    right: 6px
}

#works-item-edit .on-edit-save .writer-tooltip {
    font-weight: 400
}

#works-item-edit .on-edit-save .writer-tooltip .popover-content {
    margin: 18px 14px 0
}

#works-item-edit #category-tooltip,#works-item-edit #copyright-tooltip,#works-item-edit #language-tooltip {
    position: relative;
    top: 3px
}

#works-item-edit #rating-tooltip,#works-item-edit #story-tooltip {
    position: relative;
    top: -12px
}

#works-item-edit .writer-tooltip {
    width: 350px;
    border-radius: 4px;
    border: none;
    -webkit-box-shadow: 0 2px 11px 3px rgba(1,1,1,.25);
    box-shadow: 0 2px 11px 3px rgba(1,1,1,.25);
    background-color: #fff
}

#works-item-edit .writer-tooltip .popover-title {
    font-weight: 600;
    background-color: #fff;
    border: none;
    padding: 12px 14px
}

#works-item-edit .writer-tooltip .popover-content {
    margin: 0 14px;
    font-size: 12px;
    line-height: 1.5;
    color: #6f6f6f;
    padding-bottom: 9px;
    padding: 0 0 9px 0
}

#works-item-edit .writer-tooltip .additional-content,#works-item-edit .writer-tooltip .secondary-content {
    margin-top: 9px;
    color: #6f6f6f
}

#works-item-edit .writer-tooltip .tooltip-footer {
    border-top: 1px solid #eee;
    margin-top: 12px;
    padding-top: 12px
}

#works-item-edit .writer-tooltip .tooltip-footer .on-okay {
    float: right;
    padding: 3px 12px;
    position: relative;
    bottom: 9px;
    border-radius: 3px
}

#works-item-edit .writer-tooltip .tooltip-footer .prefilled-tag-okay {
    background-color: #fff;
    color: #ff6122;
    font-weight: 700
}

#works-item-edit #picture-sidebar .image-placeholder {
    height: 304px;
    width: 195px;
    background-color: #eee;
    border: 1px solid #eee;
    margin: 0 auto;
    position: relative
}

#works-item-edit #picture-sidebar .image-placeholder .cover {
    background-size: cover;
    background-position: center;
    background-color: #eee;
    color: #eee
}

#works-item-edit #picture-sidebar .image-placeholder .drag-state {
    display: none
}

@media (min-width: 1350px) {
    #works-item-edit #picture-sidebar .image-placeholder {
        width:256px;
        height: 400px
    }

    #works-item-edit #picture-sidebar .image-placeholder .cover {
        width: 256px;
        height: 400px
    }
}

#works-item-edit #picture-sidebar .image-placeholder.drag-over .drag-state {
    display: block
}

#works-item-edit #picture-sidebar .image-placeholder.drag-over .default-state {
    display: none
}

#works-item-edit #picture-sidebar .image-placeholder.drag-over .fa-image {
    color: #fff
}

#works-item-edit #picture-sidebar .image-placeholder.new-image {
    display: block
}

#works-item-edit #picture-sidebar .image-placeholder.new-image.drag-over img {
    background-color: #00b2b2
}

#works-item-edit #picture-sidebar .image-placeholder.new-image.drag-over .new-cover-upload .add-cover-text {
    display: none
}

#works-item-edit #picture-sidebar .image-placeholder.new-image.drag-over .new-cover-upload .drop-cover-text {
    display: block
}

#works-item-edit #picture-sidebar .image-placeholder.new-image.drop-done .fa-image {
    display: none
}

#works-item-edit #picture-sidebar .image-placeholder.new-image.drop-done .new-cover-upload .add-cover-text,#works-item-edit #picture-sidebar .image-placeholder.new-image.drop-done .new-cover-upload .drop-cover-text {
    display: none
}

#works-item-edit #picture-sidebar .new-cover-upload {
    width: 50%;
    height: 86px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center
}

#works-item-edit #picture-sidebar .new-cover-upload .add-cover-text {
    color: #6f6f6f;
    cursor: pointer
}

#works-item-edit #picture-sidebar .new-cover-upload .drop-cover-text {
    display: none;
    cursor: pointer;
    color: #fff
}

#works-item-edit #picture-sidebar .new-cover-upload .cover-edit-dropdown {
    text-align: center;
    left: -14px
}

@media (max-width: 1350px) {
    #works-item-edit #picture-sidebar .new-cover-upload .cover-edit-dropdown {
        left:-30px
    }
}

#works-item-edit #picture-sidebar .new-cover-upload .fa-image {
    cursor: pointer
}

#works-item-edit #picture-sidebar #cover-uploader {
    position: absolute;
    bottom: 0
}

#works-item-edit #picture-sidebar #cover-uploader .cover-edit-prompt {
    height: 48px;
    text-align: center;
    width: 256px
}

#works-item-edit #picture-sidebar #cover-uploader .cover-edit-prompt .on-cover-edit-icon {
    background-color: #00b2b2;
    padding: 9px;
    top: 6px;
    margin-left: 9px;
    border-radius: 50%;
    position: absolute;
    left: 0
}

#works-item-edit #picture-sidebar #cover-uploader .cover-edit-prompt .on-cover-edit {
    color: #fff;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    cursor: pointer
}

#works-item-edit #picture-sidebar #cover-uploader .cover-edit-prompt .cover-edit-dropdown {
    text-align: center;
    margin-left: 42px
}

@media (max-width: 1350px) {
    #works-item-edit #picture-sidebar #cover-uploader .cover-edit-prompt {
        width:195px
    }

    #works-item-edit #picture-sidebar #cover-uploader .cover-edit-prompt .cover-edit-dropdown {
        margin-left: 21px
    }
}

#works-item-edit #picture-sidebar #cover-uploader .cover-edit-prompt.open .triangle {
    visibility: visible;
    opacity: 1
}

#works-item-edit #picture-sidebar #cover-uploader.active {
    background-color: #00b2b2
}

#works-item-edit #picture-sidebar .btn-view-as-reader {
    margin: 15px 0;
    width: 100%;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 900
}

@media (max-width: 992px) {
    #works-item-edit #picture-sidebar .image-placeholder {
        display:inline-block
    }
}

#works-item-edit .social-share-wrapper h5 {
    margin: 5px;
    font-weight: 600;
    font-size: 18px
}

#works-item-edit .social-share-wrapper .social-share:hover {
    text-decoration: none
}

#works-item-edit .social-share-wrapper>.share-twitter {
    background-color: #55acee
}

#works-item-edit .social-share-wrapper>.share-facebook {
    background-color: #3b5998
}

#works-item-edit .social-share-wrapper>.share-pinterest {
    background-color: #bd081c
}

#works-item-edit .social-share-wrapper>.share-tumblr {
    background-color: #35465c
}

#works-item-edit .social-share-wrapper>.share-embed {
    background-color: #6f6f6f
}

#works-item-edit .social-share-wrapper>.button-group,#works-item-edit .social-share-wrapper>a {
    display: inline-block;
    margin: 0 9px 9px 0;
    background: #eee;
    height: 40px;
    width: 40px;
    border-radius: 50%
}

#works-item-edit .social-share-wrapper>.button-group:hover,#works-item-edit .social-share-wrapper>a:hover {
    text-decoration: none
}

#works-item-edit .social-share-wrapper>.button-group>.btn>.fa,#works-item-edit .social-share-wrapper>.button-group>.fa,#works-item-edit .social-share-wrapper>a>.btn>.fa,#works-item-edit .social-share-wrapper>a>.fa {
    position: relative;
    top: 9px;
    left: 8px;
    color: #dcdcdc
}

#works-item-edit .social-share-wrapper>.button-group>.fa-twitter,#works-item-edit .social-share-wrapper>a>.fa-twitter {
    color: #fff
}

#works-item-edit .social-share-wrapper>.button-group>.fa-facebook,#works-item-edit .social-share-wrapper>a>.fa-facebook {
    color: #fff
}

#works-item-edit .social-share-wrapper>.button-group>.fa-pinterest,#works-item-edit .social-share-wrapper>a>.fa-pinterest {
    color: #fff
}

#works-item-edit .social-share-wrapper>.button-group>.fa-tumblr,#works-item-edit .social-share-wrapper>a>.fa-tumblr {
    color: #fff
}

#works-item-edit .social-share-wrapper>.button-group>.fa-code,#works-item-edit .social-share-wrapper>a>.fa-code {
    color: #fff
}

#works-item-edit .social-share-wrapper>.button-group>.btn {
    padding: 0;
    position: relative;
    top: 3px
}

#works-item-edit .works-edit-select {
    border-bottom: 1px solid #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 5px
}

#works-item-edit .works-edit-select #story-planner-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 0
}

#works-item-edit .works-edit-select #story-planner-new-tag-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 5px;
    position: relative;
    margin-top: -15px;
    margin-left: -20px
}

#works-item-edit .works-edit-select>button {
    border: 0;
    color: #222;
    background-color: #fff;
    padding: 25px 18px 18px;
    margin: 0 4px;
    font-size: 18px
}

#works-item-edit .works-edit-select>button:first-of-type {
    border-top-left-radius: 6px
}

#works-item-edit .works-edit-select>button:hover {
    font-weight: 600
}

#works-item-edit .works-edit-select>button.active {
    border-bottom: 5px solid #ff6122;
    font-weight: 600;
    padding-bottom: 15px
}

#works-item-edit #main-edit-container .work-section {
    -webkit-box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    border-radius: 5px
}

#works-item-edit #main-edit-container .toc-wrapper {
    padding: 2% 5%
}

#works-item-edit #main-edit-container .toc-wrapper .on-new-part {
    margin: 3px 5px 0
}

#works-item-edit #main-edit-container .empty-warning {
    font-size: 14px;
    color: #6f6f6f;
    float: right
}

#works-item-edit #main-edit-container .on-new-part {
    margin: 20px 0 20px 26px
}

#works-item-edit #main-edit-container .red-warning {
    color: #ff3f12
}

#works-item-edit #main-edit-container #category-empty-warning {
    line-height: 42px;
    margin-left: 15px
}

#works-item-edit #main-edit-container .onoffswitch {
    display: inline-block;
    width: 130px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

#works-item-edit #main-edit-container .onoffswitch .onoffswitch-checkbox {
    display: none
}

#works-item-edit #main-edit-container .onoffswitch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}

#works-item-edit #main-edit-container .onoffswitch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0
}

#works-item-edit #main-edit-container .onoffswitch .onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #eee;
    border-radius: 4px;
    height: 42px;
    margin-bottom: 0
}

#works-item-edit #main-edit-container .onoffswitch .onoffswitch-inner {
    display: inline-block;
    width: 200%;
    margin-left: -100%
}

#works-item-edit #main-edit-container .onoffswitch .onoffswitch-inner .off,#works-item-edit #main-edit-container .onoffswitch .onoffswitch-inner .on {
    display: block;
    float: left;
    width: 50%;
    height: 42px;
    padding: 0;
    line-height: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #eee;
    font-weight: 500;
    font-size: 16px;
    line-height: 27px
}

#works-item-edit #main-edit-container .onoffswitch .onoffswitch-inner .on {
    padding: 7px 12px;
    background-color: #00b2b2;
    color: #fff
}

#works-item-edit #main-edit-container .onoffswitch .onoffswitch-inner .off {
    text-align: right;
    padding: 7px 12px 7px 24px
}

#works-item-edit #main-edit-container .onoffswitch .onoffswitch-switch {
    display: block;
    width: 50%;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0
}

#works-item-edit #main-edit-container .main-edit-form {
    padding: 2% 5%
}

#works-item-edit #main-edit-container .main-edit-form .required-form-wrapper {
    border-bottom: 1px solid #eee
}

#works-item-edit #main-edit-container .publish-edit {
    border: none
}

#works-item-edit #main-edit-container .form-group label {
    display: block;
    font-size: 21px;
    font-weight: 600;
    color: #222;
    margin-bottom: 9px;
    display: inline-block
}

#works-item-edit #main-edit-container .form-group .story-title {
    width: 100%;
    line-height: inherit;
    padding: 6px 9px;
    border: 1px solid #eee;
    color: #6f6f6f
}

#works-item-edit #main-edit-container .form-group .story-title:before {
    content: "\feff "
}

#works-item-edit #main-edit-container .form-group .story-title.has-title {
    color: #6f6f6f
}

#works-item-edit #main-edit-container .form-group textarea {
    width: 100%;
    height: 187px;
    padding: 3px 0 0 9px;
    border: 1px solid #eee;
    resize: none
}

#works-item-edit #main-edit-container .form-group .form-wrapper label {
    display: inline-block
}

#works-item-edit #main-edit-container .form-group .form-wrapper .popover-icon {
    margin: 0 6px
}

#works-item-edit #main-edit-container .form-group .empty-border {
    border-color: #ff3f12!important
}

#works-item-edit #main-edit-container .characters-form {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}

#works-item-edit #main-edit-container .characters-form label {
    margin-bottom: 20px
}

#works-item-edit #main-edit-container .characters-form .character input {
    display: inline-block;
    width: 50%;
    margin-right: 6px;
    margin-bottom: 16px;
    padding: 6px 9px;
    border: 1px solid #eee
}

#works-item-edit #main-edit-container .characters-form .character .btn {
    vertical-align: top;
    margin: 0;
    padding: 9px 8px;
    width: 37px;
    height: 37px
}

#works-item-edit #main-edit-container .category-form {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}

#works-item-edit #main-edit-container .category-form select {
    margin-bottom: 16px
}

#works-item-edit #main-edit-container .tags-form {
    margin-bottom: 21px
}

#works-item-edit #main-edit-container .tags-form #tag-input {
    outline: 0;
    display: inline-block;
    border: none;
    width: 200px
}

#works-item-edit #main-edit-container .tags-form #tag-hint {
    color: #6f6f6f
}

#works-item-edit #main-edit-container .tag-container {
    padding: 5px 0
}

#works-item-edit #main-edit-container .tag-container #add-tag {
    padding: 6px 15px 5px 15px;
    margin: 0 6px 4px 0;
    height: 35px;
    min-width: 60px;
    background-color: #fff;
    border-color: #eee;
    color: #6f6f6f;
    text-overflow: ellipsis
}

#works-item-edit #main-edit-container .tag-container #tag-input-wrapper {
    position: relative;
    display: inline-block;
    padding: 4px
}

#works-item-edit #main-edit-container .inline-form-row {
    padding-top: 21px
}

#works-item-edit #main-edit-container .inline-form {
    display: inline-block;
    margin-bottom: 21px
}

#works-item-edit #main-edit-container .rating-label {
    top: -11px
}

#works-item-edit #main-edit-container .toggle-prompt {
    position: relative;
    top: -12px;
    margin: 0 6px
}

#works-item-edit #main-edit-container label {
    display: inline-block;
    margin-bottom: 0;
    position: relative;
    top: 3px
}

#works-item-edit #main-edit-container select:not(.form-element) {
    border: 1px solid #eee;
    height: 42px;
    font-weight: 500;
    display: inline-block;
    width: 176px;
    text-align: center
}

#works-item-edit #main-edit-container .target-audience-form {
    margin-bottom: 0;
    padding: 21px 0;
    border-bottom: 1px solid #eee
}

#works-item-edit #main-edit-container .target-audience-form #target-audience-tooltip {
    position: relative;
    top: 3px
}

#works-item-edit #main-edit-container .target-audience-form select {
    width: auto
}

#works-item-edit #main-edit-container .language-form {
    margin-bottom: 0;
    padding: 21px 0;
    border-bottom: 1px solid #eee
}

#works-item-edit #main-edit-container .language-form .info-icon {
    padding: 8px
}

#works-item-edit #main-edit-container .language-form .unsupported-language-message {
    background-color: #efebeb;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    line-height: 21px;
    margin-top: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px
}

#works-item-edit #main-edit-container .language-form .unsupported-language-message .learn-more-link {
    font-weight: var(--font-weight-bold);
    color: #1c6f65;
    cursor: pointer
}

#works-item-edit #main-edit-container .language-form .unsupported-language-message .unsupported-info-message {
    display: inline
}

#works-item-edit #main-edit-container .copyright-form {
    margin-bottom: 0;
    padding-top: 21px;
    border-bottom: 1px solid #eee
}

#works-item-edit #main-edit-container .copyright-form .form-field {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 0
}

#works-item-edit #main-edit-container .copyright-form .form-field .icon-container {
    padding-left: 0
}

#works-item-edit #main-edit-container .copyright-form .form-field .icon-container .btn-no-style {
    display: block
}

#works-item-edit #main-edit-container .copyright-form .form-field .select-form-field {
    background-image: none;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist
}

#works-item-edit #main-edit-container .copyright-form select {
    width: auto
}

#works-item-edit #main-edit-container .copyright-form .copyright-description {
    padding-top: 10px
}

@media (min-width: 768px) {
    #works-item-edit #main-edit-container .complete-form {
        float:right
    }
}

#works-item-edit #main-edit-container .rating-form,#works-item-edit #main-edit-container .status-form {
    border-top: 1px solid #eee;
    padding-top: 18px
}

#works-item-edit #main-edit-container .rating-warning {
    color: #6f6f6f;
    font-size: 14px
}

#works-item-edit #main-edit-container .works-item-toc .story-part {
    padding: 15px 0;
    border-top: solid 1px #eee;
    color: #6f6f6f
}

#works-item-edit #main-edit-container .works-item-toc .story-part.is-paid {
    background: #f6f2ff
}

#works-item-edit #main-edit-container .works-item-toc .story-part.is-scheduled {
    background: var(--ds-base-3-20,#f2fdfd)
}

#works-item-edit #main-edit-container .works-item-toc .part-meta {
    width: calc(95% - 28px - 24px - 24px - 62px)
}

@media (max-width: 767px) {
    #works-item-edit #main-edit-container .works-item-toc .part-meta {
        width:calc(95% - 28px - 10px - 10px - 62px)
    }
}

#works-item-edit #main-edit-container .works-item-toc .part-meta .part-name {
    margin-bottom: 6px
}

#works-item-edit #main-edit-container .works-item-toc .part-meta .part-name .fa-image-warning {
    padding-right: 2px;
    top: 2px;
    position: relative
}

#works-item-edit #main-edit-container .works-item-toc .part-meta .part-name a {
    font-size: 18px;
    color: #222;
    font-weight: 700
}

#works-item-edit #main-edit-container .works-item-toc .part-meta .part-detail .publish-state {
    color: var(--ds-neutral-100,#121212)
}

#works-item-edit #main-edit-container .works-item-toc .part-meta .part-detail .publish-state.published {
    font-weight: var(--font-weight-bold,700)
}

#works-item-edit #main-edit-container .works-item-toc .part-meta .part-detail .publish-state.deleted {
    color: #ff3f12
}

#works-item-edit #main-edit-container .works-item-toc .part-meta .part-detail .scheduled-date {
    font-weight: var(--font-weight-bold,700);
    color: var(--ds-base-3-60,#1c6f65)
}

#works-item-edit #main-edit-container .works-item-toc .part-meta .part-detail .no-stats {
    font-size: 14px
}

#works-item-edit #main-edit-container .works-item-toc .part-meta .bonus-chapter-display {
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    color: #3b19a9
}

#works-item-edit #main-edit-container .acknowledge-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid #eee;
    padding-top: 15px
}

#works-item-edit #main-edit-container .acknowledge-wrapper .acknowledge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#works-item-edit #main-edit-container .acknowledge-wrapper .acknowledge label {
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 400
}

#works-item-edit #main-edit-container .acknowledge-wrapper .acknowledge .react-checkbox {
    border: 2px solid rgba(18,18,18,.12);
    border-radius: 0;
    margin-right: 17px
}

#works-item-edit #details-modal {
    text-align: center
}

#works-item-edit #details-modal .close {
    margin-top: 0
}

#works-item-edit #details-modal .modal-title {
    font-size: 32px;
    line-height: 36px;
    font-weight: 600;
    margin-top: 10px
}

#works-item-edit #details-modal .modal-body {
    font-size: 18px;
    padding-top: 20px
}

#works-item-edit #details-modal .modal-body .warning {
    color: #ff3f12;
    font-weight: 600;
    margin-bottom: 20px
}

#works-item-edit #details-modal .modal-body form {
    width: 340px;
    margin: 0 auto;
    margin-top: 10px
}

#works-item-edit #details-modal .modal-body form .form-group.last {
    margin-bottom: 40px
}

#works-item-edit #details-modal .modal-body form .alert {
    position: relative;
    padding-left: 42px;
    margin-bottom: 15px;
    color: #222;
    text-align: left
}

#works-item-edit #details-modal .modal-body form .alert .fa-warning {
    position: absolute;
    left: 15px
}

#works-item-edit #details-modal .modal-body form .alert div {
    font-size: 15px;
    line-height: 15px;
    font-weight: 600
}

#works-item-edit #details-modal .modal-body form .alert ul {
    padding-left: 15px;
    margin-top: 10px;
    font-size: 13px;
    line-height: 20px
}

#works-item-edit #details-modal .modal-body .action-buttons {
    height: 40px;
    margin-bottom: 24px
}

#works-item-edit #details-modal .modal-body .action-buttons.two-btns {
    width: 340px;
    margin-left: auto;
    margin-right: auto
}

#works-item-edit #details-modal .modal-body .action-buttons button,#works-item-edit #details-modal .modal-body .action-buttons input[type=submit] {
    height: 40px;
    min-width: 130px;
    font-weight: 700
}

#works-item-edit #details-modal .modal-body .action-buttons button.btn-long,#works-item-edit #details-modal .modal-body .action-buttons button.btn-short,#works-item-edit #details-modal .modal-body .action-buttons input[type=submit].btn-long,#works-item-edit #details-modal .modal-body .action-buttons input[type=submit].btn-short {
    margin: 0
}

#works-item-edit #details-modal .modal-body .action-buttons button.btn-long,#works-item-edit #details-modal .modal-body .action-buttons input[type=submit].btn-long {
    float: left;
    width: 58%
}

#works-item-edit #details-modal .modal-body .action-buttons button.btn-short,#works-item-edit #details-modal .modal-body .action-buttons input[type=submit].btn-short {
    float: right;
    width: 29%
}

#works-item-edit .dropdown-menu .disabled {
    display: block;
    height: 30px;
    padding: 3px 15px;
    clear: both;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #6f6f6f;
    white-space: nowrap;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.banned-overlay {
    width: 101.5%;
    height: 101%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: rgba(0,0,0,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fade-transition #creation-works-new,.fade-transition#creation-works-new {
    opacity: 1;
    -webkit-animation: EDIT-TRANSITION 1s;
    animation: EDIT-TRANSITION 1s
}

.fade-transition #creation-works-new #edit-controls,.fade-transition#creation-works-new #edit-controls {
    top: 0;
    -webkit-animation: EDIT-CONTROLS-SLIDE 1s;
    animation: EDIT-CONTROLS-SLIDE 1s
}

.fade-transition-done #creation-works-new,.fade-transition-done#creation-works-new {
    position: inherit;
    position: initial;
    top: initial;
    width: initial;
    opacity: 1
}

.fade-transition-done #creation-works-new #edit-controls,.fade-transition-done#creation-works-new #edit-controls {
    top: 0
}

.js-app-off #creation-works .works-list>.works-item {
    cursor: initial
}

.btn-writer-media .spinner.fa {
    padding-right: 0;
    padding-top: 2px;
    top: 0
}

@-webkit-keyframes EDIT-TRANSITION {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes EDIT-TRANSITION {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes EDIT-CONTROLS-SLIDE {
    0% {
        top: -42px
    }

    50% {
        top: -42px
    }

    100% {
        top: 0
    }
}

@keyframes EDIT-CONTROLS-SLIDE {
    0% {
        top: -42px
    }

    50% {
        top: -42px
    }

    100% {
        top: 0
    }
}

.publish-modal .modal-dialog {
    position: absolute;
    top: 30px;
    right: 100px;
    left: 100px;
    bottom: 30px;
    overflow-y: hidden;
    width: initial
}

.publish-modal .modal-dialog .modal-content {
    height: 100%;
    overflow-y: scroll
}

.publish-modal .modal-dialog .modal-content .modal-body {
    padding: 0
}

.publish-modal .modal-dialog .modal-content #edit-controls {
    top: 1px;
    left: 1px;
    right: 1px;
    width: initial;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

@media (min-width: 768px) and (max-width:1180px) {
    .publish-modal .modal-dialog {
        left:15px;
        right: 15px
    }
}

#writer-navigation-container .writer-navigation {
    width: 100%;
    line-height: 20px;
    padding: 8px 0 8px 8px;
    position: fixed;
    z-index: 1000;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    top: 0
}

#writer-navigation-container .writer-navigation .writer-options {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 567px) {
    #writer-navigation-container .writer-navigation .writer-options .configure-paid-part-modal-button {
        padding-bottom:5px
    }
}

#writer-navigation-container .btn-works-item-details {
    vertical-align: top;
    padding: 19px 0 0 0
}

#writer-navigation-container .navbar-story-metadata {
    display: inline
}

#writer-navigation-container .navbar-story-metadata .btn-white {
    border: none;
    padding: 5px;
    vertical-align: top
}

#writer-navigation-container .navbar-story-metadata .btn-white .fa {
    padding: 0;
    line-height: initial
}

#writer-navigation-container .navbar-story-metadata .cover {
    display: inline-block;
    vertical-align: top;
    width: 38px
}

#writer-navigation-container .navbar-story-metadata .small:not(.save-indicator) {
    color: #6f6f6f;
    margin: 0
}

#writer-navigation-container .navbar-story-metadata .navbar-story-parts {
    display: inline-block;
    padding-left: 5px;
    cursor: pointer;
    max-width: 80%
}

#writer-navigation-container .navbar-story-metadata .navbar-story-parts .group-title {
    vertical-align: top
}

#writer-navigation-container .navbar-story-metadata .navbar-story-parts .fa-down {
    padding-left: 7px
}

#writer-navigation-container .navbar-story-metadata .h4 {
    padding-right: 12px;
    margin: 0;
    color: #222
}

#writer-navigation-container .navbar-story-metadata .triangle {
    top: 150%;
    left: 15%
}

#writer-navigation-container .navbar-story-metadata .dropdown-menu {
    top: 150%
}

#writer-navigation-container .navbar-story-metadata .story-parts-wrapper {
    overflow-y: scroll;
    max-height: 400px;
    overflow-x: hidden
}

#writer-navigation-container .navbar-story-metadata .story-part-link {
    height: auto;
    white-space: initial;
    color: #6f6f6f
}

#writer-navigation-container .navbar-story-metadata .fa-loading {
    top: 0
}

#writer-navigation-container .navbar-story-metadata .story-part {
    border-bottom: 1px solid #eee;
    padding: 9px 12px;
    min-width: 344px;
    max-width: 400px;
    font-size: 14px;
    line-height: 18px
}

#writer-navigation-container .navbar-story-metadata .story-part.is-paid {
    background: #f6f2ff
}

#writer-navigation-container .navbar-story-metadata .story-part.is-scheduled {
    background: var(--ds-base-3-20,#f2fdfd)
}

#writer-navigation-container .navbar-story-metadata .story-part:active,#writer-navigation-container .navbar-story-metadata .story-part:focus,#writer-navigation-container .navbar-story-metadata .story-part:hover {
    background-color: #c9ecec
}

#writer-navigation-container .navbar-story-metadata .story-part:active a,#writer-navigation-container .navbar-story-metadata .story-part:focus a,#writer-navigation-container .navbar-story-metadata .story-part:hover a {
    text-decoration: none;
    color: #007f80
}

#writer-navigation-container .navbar-story-metadata .story-part .story-part-link {
    position: relative
}

#writer-navigation-container .navbar-story-metadata .story-part .fa-check {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 0;
    border-radius: 50%;
    border: 2px solid;
    padding: 2px
}

#writer-navigation-container .navbar-story-metadata .story-part .bonus-chapter-display {
    font-size: 14px;
    font-weight: 600;
    color: #3b19a9
}

#writer-navigation-container .navbar-story-metadata .story-part .part-title {
    font-weight: var(--font-weight-bold);
    color: var(--ds-neutral-100-solid);
    margin-right: 27px
}

#writer-navigation-container .navbar-story-metadata .story-part .part-meta {
    color: var(--ds-neutral-100-solid);
    margin-right: 27px
}

#writer-navigation-container .navbar-story-metadata .story-part .part-meta .published {
    color: #00b2b2
}

#writer-navigation-container .navbar-story-metadata .story-part .part-meta .scheduled-date-wrapper {
    white-space: nowrap
}

#writer-navigation-container .navbar-story-metadata .story-part .part-meta .scheduled-date-wrapper .scheduled-date {
    font-weight: var(--font-weight-bold);
    color: var(--ds-base-3-60)
}

#writer-navigation-container .navbar-story-metadata .newpart-wrapper {
    -webkit-box-shadow: 0 -1px 4px 0 rgba(0,0,0,.12);
    box-shadow: 0 -1px 4px 0 rgba(0,0,0,.12);
    padding: 12px 0
}

#writer-navigation-container .navbar-story-metadata .newpart-wrapper .on-newpart {
    padding: 5px 15px;
    margin: 0 auto;
    display: block;
    width: 133px
}

#writer-navigation-container .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px
}

#writer-navigation-container .save-indicator {
    color: #00b2b2;
    font-weight: 400;
    display: inline
}

#writer-navigation-container .warning {
    color: #ff3f12;
    font-weight: inherit;
    opacity: .8
}

#writer-navigation-container .disable-publish {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .4;
    -webkit-box-shadow: none;
    box-shadow: none
}

#writer-navigation-container #story-settings {
    background-color: transparent;
    border: none
}

#writer-navigation-container #story-settings:focus {
    border: none
}

#writer-navigation-container #story-settings .fa {
    padding-right: 0;
    top: 5px
}

#writer-navigation-container .popover {
    max-width: 100%;
    background-color: #fff
}

#writer-navigation-container .story-settings-menu {
    top: 40px;
    left: auto;
    right: 18px;
    width: 420px;
    color: #6f6f6f
}

#writer-navigation-container .story-settings-menu .arrow {
    left: auto;
    right: 12px
}

#writer-navigation-container .story-settings-menu .popover-content .menu-item {
    margin-left: 18px;
    margin-right: 18px;
    padding-bottom: 18px;
    padding-top: 12px;
    border-bottom: 1px solid #ddd;
    min-height: 72px;
    width: 350px;
    position: relative
}

#writer-navigation-container .story-settings-menu .popover-content .menu-item.not-available {
    opacity: .5
}

#writer-navigation-container .story-settings-menu .popover-content .menu-item.delete-part {
    border-bottom: none;
    height: 48px;
    min-height: 48px;
    line-height: 36px
}

#writer-navigation-container .story-settings-menu .popover-content .menu-item.delete-part a {
    color: #ff3f12
}

#writer-navigation-container .story-settings-menu .popover-content .menu-item.delete-part a:hover {
    color: #ff6d55
}

#writer-navigation-container .story-settings-menu .popover-content .menu-item h6 {
    margin-bottom: 0;
    margin-top: 0
}

#writer-navigation-container .story-settings-menu .popover-content .menu-item:first-child .action-label {
    padding-top: 12px
}

#writer-navigation-container .story-settings-menu .popover-content .menu-item .action {
    position: absolute;
    right: 0;
    top: 18px
}

#writer-navigation-container .story-settings-menu .popover-content .menu-item .x-small {
    font-size: 14px
}

#writer-navigation-container .story-settings-menu .delete-part {
    color: #ff3f12;
    text-align: center
}

#writer-navigation-container .revision-list {
    top: 40px;
    left: auto;
    right: 18px;
    width: 420px;
    color: #6f6f6f
}

#writer-navigation-container .revision-list .arrow {
    left: auto;
    right: 12px
}

#writer-navigation-container .revision-list .popover-content {
    text-align: center;
    height: 600px;
    overflow: scroll
}

#writer-navigation-container .connection-problems {
    background-color: #faada1;
    border: 1px solid #ff3f12;
    line-height: 34px;
    padding: 0 10px;
    font-weight: 700
}

#writer-scheduled-part-container {
    height: 54px;
    margin-top: 79px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f2fdfd;
    border-bottom: 1px solid #e2e2e2
}

#writer-scheduled-part-container .scheduled-date {
    font-weight: var(--font-weight-bold);
    color: #1c6f65
}

#writer-editor-container {
    background-color: #fff
}

#writer-editor {
    max-width: 900px;
    width: auto;
    margin: 0 auto;
    padding: 48px 90px;
    color: #222;
    background-color: #fff
}

#writer-editor #story-title:focus,#writer-editor .story-editor:focus {
    outline: 0
}

#writer-editor #story-title {
    margin-top: 0;
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 12px
}

#writer-editor #story-image-layout-toggle {
    height: 40px;
    width: 110px
}

#writer-editor #story-image-layout-toggle li button {
    width: 30px;
    height: 30px;
    padding-top: 4px;
    text-align: center
}

#writer-editor #story-image-layout-toggle li:last-child {
    white-space: nowrap
}

#writer-editor #story-image-layout-toggle li:last-child button {
    padding-left: 4px
}

#writer-editor #story-image-layout-toggle.medium-editor-arrow-under:after {
    top: 40px
}

#writer-editor .story-editor {
    min-height: 500px;
    padding-bottom: 500px;
    font-size: 18px;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 24px
}

#writer-editor .story-editor p {
    margin-bottom: 24px
}

#writer-editor .story-editor figure {
    position: relative;
    cursor: default
}

#writer-editor .story-editor figure figcaption {
    display: none;
    text-align: left;
    background-color: #eee;
    padding: 12px;
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#writer-editor .story-editor figure.flagged figcaption {
    display: block!important
}

#writer-editor .story-editor figure.flagged img {
    -webkit-filter: blur(8px) grayscale(50%);
    filter: blur(8px) grayscale(50%)
}

#writer-editor .story-editor figure.flagged p {
    overflow: hidden
}

#writer-editor .story-editor figure.flagged p.active {
    outline: 5px solid #00b2b2
}

#writer-editor .story-editor figure.flagged .fa-warning {
    display: block;
    float: left;
    padding: 12px
}

#writer-editor p {
    font-size: 18px;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 24px;
    padding: 0
}

#writer-editor p[data-media-type] {
    text-align: center;
    position: relative;
    margin: 30px 0
}

#writer-editor p[data-media-type].place-holder {
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

#writer-editor p[data-media-type].place-holder .overlay {
    display: inline-block;
    height: 100%;
    width: 100%;
    background-color: #6f6f6f;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    position: absolute;
    top: 0;
    left: 0
}

#writer-editor p[data-media-type].place-holder .spinner {
    display: none
}

#writer-editor p[data-media-type].uploading .loading-text {
    color: #fff;
    position: absolute;
    left: 12px;
    top: 12px
}

#writer-editor p[data-media-type].uploading .overlay {
    opacity: .7
}

#writer-editor p[data-media-type].uploading .spinner {
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px
}

#writer-editor p[data-media-type].banned img {
    min-height: 140px
}

#writer-editor p[data-media-type].banned .banned-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: rgba(0,0,0,.5)
}

#writer-editor p[data-media-type=image] img {
    max-width: 100%
}

#writer-editor p[data-media-type=image] span.row {
    display: block;
    margin-left: 0;
    margin-right: 0
}

#writer-editor p[data-media-type=image].active img {
    outline: 5px solid #00b2b2
}

#writer-editor p[data-media-type=image].active .image {
    outline: 5px solid #00b2b2
}

#writer-editor p[data-media-type=image].active .on-remove-image {
    display: block
}

#writer-editor p[data-media-type=image][data-image-layout=one-horizontal].load-image {
    text-align: center
}

#writer-editor p[data-media-type=image][data-image-layout=one-horizontal].load-image img {
    max-width: 50%;
    display: inline-block;
    width: 370px;
    height: 370px;
    vertical-align: top;
    left: 0
}

#writer-editor p[data-media-type=image][data-image-layout=one-horizontal].load-image .on-remove-image {
    display: none
}

#writer-editor p[data-media-type=image] .on-remove-image {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px
}

#writer-editor p[data-media-type=video] {
    overflow: hidden;
    width: 100%;
    height: auto
}

#writer-editor p[data-media-type=video] .on-remove-image {
    position: absolute;
    top: 10px;
    right: 10px
}

#writer-editor p[data-media-type=video].active {
    outline: 5px solid #00b2b2
}

#writer-editor p[data-video-source=wattpad] {
    color: #fff;
    height: inherit
}

#writer-editor p[data-video-source=wattpad] video {
    max-width: 100%;
    max-height: 100%
}

#writer-editor p[data-video-source=wattpad] .place-holder {
    font-size: 0
}

#writer-editor #image-placeholder {
    display: inline-block;
    width: 367px;
    height: 367px;
    border: 3px dashed #6f6f6f;
    margin-left: 20px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    line-height: 367px;
    background-color: #eee
}

#writer-editor .mentioner-container,#writer-editor .video-url-container {
    position: absolute;
    background-color: #fff;
    padding-top: 6px;
    border: 0
}

#writer-editor .mentioner-container input,#writer-editor .video-url-container input {
    border: 0;
    font-size: 18px
}

#writer-editor .mentioner-container input:focus,#writer-editor .video-url-container input:focus {
    outline: 0
}

#writer-editor .video-url-container input {
    width: 430px;
    border: 1px solid #ccc;
    padding: 3px;
    border-radius: 3px
}

#writer-editor .story-media-picker {
    position: absolute;
    left: 400px;
    top: 350px
}

#writer-editor .story-media-picker button {
    padding: 0;
    border: 0
}

#writer-editor .story-media-picker button:hover {
    background-color: #fff
}

#writer-editor .story-media-picker button:active .fa {
    color: #ff6122;
    background-color: #fff
}

#writer-editor .file-upload input {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    height: 0;
    width: 0
}

#writer-media-container .background {
    background-color: #eee
}

#writer-media-container .media-wrapper {
    margin-top: 0
}

#writer-media-container.has-spacer .media-wrapper {
    margin-top: 100px
}

#writer-media-container .carousel-indicators {
    display: none
}

#writer-tools {
    position: absolute;
    top: 61px;
    color: #6f6f6f;
    text-align: center;
    width: 60px;
    margin-left: -100px
}

#writer-tools .writer-tools-container {
    background-color: #eee;
    padding: 10px;
    width: 60px;
    border-radius: 8px;
    display: none;
    cursor: pointer;
    margin-top: 22px
}

#writer-tools .writer-tools-container .arrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #eee;
    top: 54px
}

#writer-tools .writer-tools-container .arrow:after {
    border-width: 10px;
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

#writer-tools .writer-tools-container button {
    width: 42px;
    height: 42px;
    border: none;
    background-color: #eee;
    outline: 0
}

#writer-tools-toggle {
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #eee
}

#writer-tools-toggle .fa-format {
    line-height: 42px;
    font-weight: 700
}

#time-setting {
    margin-top: 18px;
    width: 100%;
    height: 40px;
    border: solid 1px #eee;
    border-radius: 4px;
    background-color: #fff
}

#dedication-modal h5 {
    margin-bottom: 0
}

#dedication-modal .no-top {
    margin-top: 5px
}

.question-modal .prompt {
    padding-bottom: 20px
}

#conflict-modal h3 {
    margin-top: 6px
}

#conflict-modal .modal-footer {
    padding: 12px
}

.autocomplete-results {
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 1000
}

.autocomplete-results ul {
    list-style-type: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 236px;
    word-wrap: break-word;
    font-weight: 600;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.5);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.5)
}

.autocomplete-results ul li {
    padding: 5px 10px
}

.autocomplete-results ul .selected {
    font-weight: 700;
    background-color: #eee
}

#writer-editor-container .writer-tooltip,#writer-media-container .writer-tooltip {
    width: 350px;
    border-radius: 4px;
    border: none;
    -webkit-box-shadow: 0 2px 11px 3px rgba(1,1,1,.25);
    box-shadow: 0 2px 11px 3px rgba(1,1,1,.25)
}

#writer-editor-container .writer-tooltip .popover-title,#writer-media-container .writer-tooltip .popover-title {
    font-weight: 600;
    background-color: #fff;
    border: none;
    padding: 12px 14px;
    margin: 0;
    text-shadow: none
}

#writer-editor-container .writer-tooltip .popover-content,#writer-media-container .writer-tooltip .popover-content {
    margin: 0 14px;
    font-size: 14px;
    line-height: 1.5;
    color: #6f6f6f;
    padding-bottom: 9px;
    padding: 0 0 9px 0
}

#writer-editor-container .writer-tooltip .additional-content,#writer-editor-container .writer-tooltip .secondary-conten,#writer-media-container .writer-tooltip .additional-content,#writer-media-container .writer-tooltip .secondary-conten {
    margin-top: 9px;
    color: #6f6f6f
}

#writer-editor-container .writer-tooltip .tooltip-footer,#writer-media-container .writer-tooltip .tooltip-footer {
    border-top: 1px solid #eee;
    margin-top: 12px;
    padding-top: 12px
}

#writer-editor-container .writer-tooltip .tooltip-footer .on-okay,#writer-media-container .writer-tooltip .tooltip-footer .on-okay {
    float: right;
    padding: 3px 12px;
    position: relative;
    bottom: 9px;
    border-radius: 3px
}

#writer-editor-container #header-media-tooltip,#writer-media-container #header-media-tooltip {
    top: 78px!important;
    left: 306px!important;
    position: fixed
}

#writer-editor-container #header-media-tooltip .arrow,#writer-media-container #header-media-tooltip .arrow {
    top: 33%
}

#writer-editor-container #inline-media-tooltip,#writer-media-container #inline-media-tooltip {
    top: 25px;
    left: -139.5px
}

#writer-message-container {
    width: 100%;
    margin-top: 60px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000
}

#writer-message-container .message {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #6f6f6f;
    color: #fff;
    font-weight: 700;
    height: 52px;
    line-height: 52px;
    vertical-align: middle;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 20px #6f6f6f;
    box-shadow: 0 4px 20px #6f6f6f;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

#writer-message-container .message.show {
    display: block;
    opacity: 1
}

#writer-message-container .message.revision-restored {
    width: 200px
}

#writer-message-container .message.revision-restored .fa-circle-filled {
    font-size: 24px;
    line-height: 31px
}

#writer-message-container .message.revision-restored .fa-check {
    color: #6f6f6f
}

#writer-message-container .message.conflict-detected {
    width: 500px
}

#writer-message-container .message.conflict-detected .actions {
    color: #00b2b2;
    cursor: pointer
}

#writer-message-container .message.conflict-detected .actions .fa {
    margin-left: 14px;
    margin-right: 6px
}

#writer-message-container .message-modal {
    background-color: #fff;
    text-align: left;
    font-weight: 400;
    color: #6f6f6f;
    padding: 18px;
    line-height: normal;
    width: 400px;
    height: auto
}

#writer-message-container .message-modal h4 {
    margin-top: 0
}

#writer-message-container .message-modal button {
    margin-top: 36px
}

.authentication-wrapper>.full-screen {
    background-color: #fff;
    background-image: url(/img/landing/topRightPortal.svg),url(/img/landing/bottomLeftPortal.svg);
    background-position: top right,bottom left;
    background-repeat: no-repeat,no-repeat;
    background-size: 250px,200px
}

.authentication-wrapper .container.auth {
    width: 100%
}

.authentication-wrapper .container.auth .btn-teal {
    background-color: #ff6122
}

#auth-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 0 30px
}

@media (max-width: 767px) {
    #auth-header {
        z-index:2;
        padding: 18px 18px 30px
    }
}

@media (min-height: 840px) and (min-width:768px) {
    #auth-header {
        margin-bottom:50px
    }
}

@media (min-height: 980px) and (min-width:768px) {
    #auth-header {
        margin-bottom:140px
    }
}

#auth-header .buttons-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#auth-header .btn-link {
    color: #222
}

#auth-header .dropdown-toggle {
    padding: 10px;
    background-color: transparent;
    border: none
}

#auth-header .dropdown-toggle .fa {
    top: 2px;
    padding-left: 6px
}

#auth-header a.form-switch {
    color: #222
}

#auth-header .dropdown-menu {
    z-index: 1035
}

@media (max-width: 767px) {
    #auth-header .dropdown-menu {
        width:564px
    }
}

@media (min-width: 768px) {
    #auth-header .dropdown-menu {
        width:740px
    }
}

#auth-header #community-dropdown .dropdown-menu {
    width: 181px
}

#auth-header .new-curation {
    padding: 0
}

#auth-header .new-curation li.title {
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 14px
}

#auth-header .new-curation .wattpad-picks {
    background-color: #6dbec0;
    height: 400px;
    border: 1px solid transparent;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

#auth-header .new-curation .wattpad-picks a,#auth-header .new-curation .wattpad-picks li {
    color: #004445
}

#auth-header .new-curation .wattpad-picks a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#auth-header .list-inline {
    float: left;
    padding: 7px 15px;
    margin-left: 25px
}

#auth-header #community-dropdown button,#auth-header #community-dropdown button:hover,#auth-header #community-dropdown>a,#auth-header #community-dropdown>a:hover,#auth-header #discover-dropdown button,#auth-header #discover-dropdown button:hover,#auth-header #discover-dropdown>a,#auth-header #discover-dropdown>a:hover {
    color: #222;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none
}

#auth-header #header-item-search {
    float: left;
    padding: 4px
}

#auth-header #header-item-search button {
    background-color: transparent;
    border: none
}

#auth-header #header-item-search button>span {
    color: #222
}

#auth-header #header-item-search .form-horizontal {
    width: 240px
}

#auth-header #header-item-search #search-query {
    border: 1px solid #6f6f6f;
    border-radius: 5px;
    width: 200px;
    padding: 3px 10px
}

#phone-image {
    display: block;
    max-width: 100%;
    max-height: 540px;
    margin: 24px auto 12px
}

@media (max-width: 767px) {
    #phone-image {
        display:none
    }
}

@media (min-width: 1350px) {
    #phone-image {
        margin-top:0
    }
}

#authentication-panel a {
    font-weight: 600
}

#authentication-panel .forgot-password-header {
    margin-left: 20px
}

#authentication-panel .forgot-password-header h2 {
    font-size: 22px;
    font-weight: 700;
    color: #222;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif
}

#authentication-panel .forgot-password-body {
    padding: 12px 20px
}

#authentication-panel .forgot-password-body .more-info {
    font-size: 14px;
    color: #6f6f6f
}

#authentication-panel .forgot-password-body .more-info a {
    color: #2a1c60;
    font-weight: 600
}

#authentication-panel .forgot-password-body .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 18px
}

#authentication-panel .forgot-password-body .row .cancel {
    width: 50%;
    font-weight: 700
}

#authentication-panel .forgot-password-body .row .submit {
    width: 50%;
    padding: 10px 24px
}

#authentication-panel .panel-heading {
    text-align: center
}

@media (max-width: 1350px) {
    #authentication-panel .panel-heading h1 {
        font-size:40px;
        line-height: 40px;
        margin-bottom: 6px
    }
}

#authentication-panel .panel-heading h1:last-child {
    margin-bottom: 0
}

#authentication-panel .panel-footer a {
    color: #6f6f6f
}

#authentication-panel .panel-footer span {
    font-size: 20px;
    line-height: 36px
}

#authentication-panel .mobile-icon {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    background-image: url(/img/homepages/mobile-icon.png);
    margin-top: -2px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #authentication-panel .mobile-icon {
        background-image:url(/img/homepages/mobile-icon@2.png)
    }
}

#authentication-panel .offset-text {
    display: inline-block;
    margin-left: 5px
}

#authentication-panel .btn .mobile-icon {
    float: left;
    margin-left: 7px;
    margin-top: 2px
}

#authentication-panel .col-buttons {
    width: 46%;
    padding-left: 0;
    padding-right: 0;
    margin-right: 4%
}

#authentication-panel .col-form {
    width: 46%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 4%
}

.auth-form-footer {
    margin-top: 20px;
    text-align: center
}

.auth-form-footer .log-in-text {
    color: #ff6122
}

.auth-form-footer a:hover {
    text-decoration: none
}

.auth-form-footer small {
    display: block;
    font-size: 12px
}

.auth-form-footer small a {
    font-weight: 700
}

#auth-footer {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    padding: 18px 0;
    color: #fff;
    font-weight: 700;
    background-color: #6f6f6f;
    background-color: rgba(0,0,0,.367)
}

#auth-footer ul {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style-type: none
}

#auth-footer ul li {
    float: left;
    margin-left: 40px
}

#auth-footer ul li a,#auth-footer ul li a:visited {
    color: #eee
}

#auth-footer ul li a:hover {
    color: #fff;
    text-decoration: none
}

#auth-footer ul li:first-child {
    margin-left: 0
}

#auth-footer .social a {
    font-size: 24px;
    line-height: 30px
}

#auth-footer .social a:first-child {
    padding-right: 15px
}

@media (max-width: 991px) {
    #auth-footer {
        height:auto
    }

    #auth-footer ul {
        display: block;
        float: left;
        max-width: 80%
    }

    #auth-footer ul li {
        width: 25%;
        margin-left: 20px
    }

    #auth-footer ul li:first-child {
        margin-left: 20px
    }
}

#generic-modal .on-dob-hover {
    color: #222
}

.login-form {
    margin-top: 6px
}

.login-row {
    padding: 10px
}

#generic-modal .auth-btn-long {
    display: none
}

#generic-modal .auth-btn-short {
    display: inline
}

#get-app-modal h1 {
    color: #ff6122
}

#get-app-modal .modal-body .row {
    margin: 0
}

#get-app-modal .modal-body img {
    width: 100%
}

#get-app-modal .modal-footer {
    text-align: left
}

#get-app-modal .modal-footer h5 {
    margin: 0
}

#get-app-modal .modal-footer div.input-group {
    padding-top: 12px
}

#get-app-modal .modal-footer input::-webkit-input-placeholder {
    color: inherit;
    font-size: 14px;
    -webkit-transition: color 133ms ease;
    transition: color 133ms ease
}

#get-app-modal .modal-footer input:-moz-placeholder {
    color: inherit;
    font-size: 14px;
    -webkit-transition: color 133ms ease;
    -moz-transition: color 133ms ease;
    transition: color 133ms ease
}

#get-app-modal .modal-footer input::-moz-placeholder {
    color: inherit;
    font-size: 14px;
    -webkit-transition: color 133ms ease;
    -moz-transition: color 133ms ease;
    transition: color 133ms ease
}

#get-app-modal .modal-footer input:-ms-input-placeholder {
    color: inherit;
    font-size: 14px;
    -webkit-transition: color 133ms ease;
    -ms-transition: color 133ms ease;
    transition: color 133ms ease
}

#get-app-modal .modal-footer .alert {
    position: absolute;
    top: -36px;
    left: 0;
    z-index: 2;
    padding: 0;
    margin: 0;
    border: none;
    font-size: 18px;
    background: #eee
}

.user-activity .auth-btn-long,.user-information .auth-btn-long {
    display: none
}

.user-activity .auth-btn-short,.user-information .auth-btn-short {
    display: inline
}

#writer-analytics .container {
    max-width: 960px
}

#writer-analytics .cover {
    position: relative;
    background-color: #00b2b2;
    display: inline;
    z-index: 2;
    margin-bottom: -56px
}

#writer-analytics .story-stats {
    margin-top: 20px
}

#writer-analytics .story-stats .canvas-holder {
    margin: 10px 20px;
    overflow-x: scroll
}

#writer-analytics .story-stats .map-holder {
    height: 600px;
    margin: 10px 20px;
    overflow-y: hidden
}

#writer-analytics .story-stats .map-holder svg {
    height: 600px
}

#writer-analytics .story-stats .story-detailed-stats-card {
    margin-top: 15px;
    border-radius: 3px;
    background-color: #fff
}

#writer-analytics .story-stats .story-detailed-stats-card h2 {
    margin-left: 20px;
    margin-top: 20px
}

#writer-analytics .story-stats .story-detailed-stats-card .line-chart-header__title {
    margin: 0
}

#writer-analytics .story-stats .story-detailed-stats-card canvas {
    display: block;
    max-height: 250px
}

#writer-analytics .stats-list {
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#writer-analytics .stats-list .stats-list__item {
    margin-right: 16px
}

#writer-analytics .stats-list .stats-list-read__info {
    margin-left: 8px
}

#writer-analytics .qur-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 32px 0 12px 0
}

#writer-analytics .qur-label .qur-label__book {
    margin-right: 4px
}

#writer-analytics .qur-label .qur-label__text {
    font-weight: 700;
    margin: 0 8px 0 0
}

#writer-analytics .info-btn {
    background: 0 0;
    border: none;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#writer-analytics #writer-analytics-nav-bar {
    padding-top: 5px
}

#writer-analytics #writer-analytics-nav-bar #story-report-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

#writer-analytics #writer-analytics-nav-bar #story-report-beta-tag {
    display: block;
    position: absolute
}

#writer-analytics .line-chart-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 28px
}

#writer-analytics .line-chart-header .line-chart-header__title {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #121212
}

#writer-analytics .line-chart-header .line-chart-header__info {
    margin-left: 8px
}

@media print {
    .route-writerAnalytics #footer-container,.route-writerAnalytics #header-container,.route-writerAnalytics #writer-analytics-nav-bar-container {
        display: none
    }

    .route-writerAnalytics #writer-analytics .cover {
        margin-bottom: 0
    }
}

.writer-analytics-info-popover[data-placement^=left],.writer-analytics-info-popover[data-placement^=right] {
    margin: 0
}

.writer-analytics-info-popover .react-popover-tooltip {
    max-width: 306px
}

.writer-analytics-info-popover .react-popover-tooltip .popover-title {
    padding: 12px 16px 8px 16px
}

.writer-analytics-info-popover .react-popover-tooltip .popover-content {
    font-size: 14px;
    line-height: 20px;
    color: #121212;
    padding: 0 16px
}

.writer-analytics-info-popover .react-popover-tooltip hr {
    margin: 12px 16px
}

.writer-analytics-info-popover .react-popover-tooltip .tooltip-footer {
    font-size: 14px;
    padding: 0 16px 12px 8px;
    border: none
}

.writer-analytics-info-popover .react-popover-tooltip .tooltip-footer .tooltip-footer__link {
    color: #3b19a9;
    min-height: 30px;
    padding: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.writer-analytics-info-popover .react-popover-tooltip .tooltip-footer .tooltip-footer__btn {
    padding: 4px 16px;
    border-radius: 3px;
    margin: 0
}

.writer-analytics-info-popover .react-popover-arrow {
    margin: 0
}

.onboarding-bg,.onboarding-wrapper>.full-screen {
    background-image: url(/img/homepages/backgrounds/onboarding_bg.jpg);
    background-size: cover
}

.container-new {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 50px auto
}

.container-new .form-wrapper {
    position: relative;
    min-height: 1px;
    background-color: var(--ds-neutral-00);
    border: 1px solid transparent;
    --webkit-box-shadow: 0 3px 9px 0 rgba(34, 34, 34, 0.08),0 4px 5px 0 rgba(34, 34, 34, 0.1);
    -webkit-box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    margin: 6px;
    max-width: 400px
}

.container-new .form-wrapper .form-new {
    padding: 64px 40px
}

.container-new .form-wrapper .form-new .control-label,.container-new .form-wrapper .form-new .form-label {
    font-weight: 700;
    color: #222;
    font-size: 18px
}

.container-new .form-wrapper .form-new .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    font-size: var(--font-size-sm);
    background-color: #fafafa;
    color: #222;
    margin-top: 4px;
    height: 48px
}

.container-new .form-wrapper .form-new .form-control:focus {
    border: solid 1px #222
}

.container-new .form-wrapper .form-new .email.valid input,.container-new .form-wrapper .form-new .username.valid input {
    border-color: #3f6f0c;
    outline: 0
}

.container-new .form-wrapper .form-new .email.invalid input,.container-new .form-wrapper .form-new .username.invalid input {
    border-color: var(--ds-base-4-60);
    outline: 0
}

.container-new .form-wrapper .form-new .invalidDate select {
    border-color: var(--ds-base-4-60)!important;
    outline: 0
}

.container-new .form-wrapper .form-new .birthday-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container-new .form-wrapper .form-new .birthday-fields .form-group {
    margin-bottom: 4px
}

.container-new .form-wrapper .form-new .birthday-fields .month {
    width: 120px
}

.container-new .form-wrapper .form-new .birthday-fields .day,.container-new .form-wrapper .form-new .birthday-fields .year {
    width: 80px
}

.container-new .form-wrapper .form-new .birthday-fields .birthday-dropdowns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px
}

.container-new .form-wrapper .form-new .birthday-fields .birthday-dropdowns select {
    width: 100%;
    display: block;
    background: #fafafa;
    border: 1px solid var(--ds-neutral-20);
    border-radius: 4px;
    padding: 4px 8px;
    font-size: var(--font-size-sm);
    font-family: inherit;
    line-height: inherit;
    -webkit-font-smoothing: antialiased
}

.container-new .form-wrapper .form-new .birthday-fields .birthday-dropdowns select:focus {
    border: solid 1px #222;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.container-new .form-wrapper .form-new .error-msg {
    color: var(--ds-base-4-60);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-xs)
}

.container-new .form-wrapper .form-new .birthday-container,.container-new .form-wrapper .form-new .marketing-policy-agreement-container,.container-new .form-wrapper .form-new .temp-select {
    margin-bottom: 24px
}

.container-new .form-wrapper .form-new .signup-button {
    margin-top: 40px
}

.container-new .form-wrapper .form-new .email-policy-agreement-container,.container-new .form-wrapper .form-new .marketing-policy-agreement-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container-new .form-wrapper .form-new .email-policy-agreement-container .marketing-agreement,.container-new .form-wrapper .form-new .email-policy-agreement-container .policy-agreement,.container-new .form-wrapper .form-new .marketing-policy-agreement-container .marketing-agreement,.container-new .form-wrapper .form-new .marketing-policy-agreement-container .policy-agreement {
    display: inline-block;
    color: var(--ds-neutral-100-solid);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-xs)
}

.container-new .form-wrapper .form-new .email-policy-agreement-container .marketing-agreement a,.container-new .form-wrapper .form-new .email-policy-agreement-container .policy-agreement a,.container-new .form-wrapper .form-new .marketing-policy-agreement-container .marketing-agreement a,.container-new .form-wrapper .form-new .marketing-policy-agreement-container .policy-agreement a {
    color: var(--ds-base-3-60);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-xxs);
    padding: 0;
    border: none;
    outline: 0;
    background-color: transparent;
    text-decoration: none;
    cursor: pointer
}

.container-new .form-wrapper .form-new .email-policy-agreement-container .marketing-agreement-subtext,.container-new .form-wrapper .form-new .marketing-policy-agreement-container .marketing-agreement-subtext {
    color: var(--ds-neutral-80-solid);
    font-size: var(--font-size-xxs);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-xxs)
}

.container-new .form-wrapper .form-new .email-policy-agreement-container .c-checkbox,.container-new .form-wrapper .form-new .marketing-policy-agreement-container .c-checkbox {
    margin: 0 12px 0 0
}

.container-new .form-wrapper .form-new .email-policy-agreement-container .c-checkbox .checked:before,.container-new .form-wrapper .form-new .marketing-policy-agreement-container .c-checkbox .checked:before {
    background: var(--ds-neutral-100-solid);
    border-color: var(--ds-neutral-100-solid)
}

.container-new .form-wrapper .form-new .email-policy-agreement-container .invalid input[type=checkbox]+div:not(.checked):before,.container-new .form-wrapper .form-new .marketing-policy-agreement-container .invalid input[type=checkbox]+div:not(.checked):before {
    border-color: var(--ds-base-4-60)!important
}

.container-new .form-wrapper .form-new .error-msg-new {
    color: var(--ds-base-4-60);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-xs)
}

.container-new .form-wrapper .form-new .text-align-center {
    margin-top: 4px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-new .form-wrapper .form-new .tool-tip {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #222;
    border-radius: 3px
}

.container-new .form-wrapper .form-new .field-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left
}

.container-new .form-wrapper .form-new .field-label .field-label-text {
    display: inline-block;
    color: #222;
    font-size: 18px;
    font-weight: 700;
    margin: 0 5px 0 0
}

.container-new .form-wrapper .form-new .field-label .tooltip-icon {
    position: relative;
    top: 2px
}

.onboardingModal {
    overflow: visible
}

.onboardingModal.step1 .modal-content {
    border-color: transparent;
    -webkit-box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1)
}

.request-account-details .v-align-wrap {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: scroll
}

.request-account-details .v-align-wrap .v-align .modal-content {
    width: 450px;
    height: auto;
    margin: 50px auto
}

.request-account-details .v-align-wrap .v-align .modal-content .modal-header {
    padding-top: 0
}

.request-account-details .v-align-wrap .v-align .modal-content .modal-body {
    padding-top: 0
}

.request-account-details .terms-of-service {
    display: table;
    color: #6f6f6f;
    margin: 18px auto 26px;
    line-height: 20px
}

.request-account-details .terms-of-service a {
    color: #2a1c60;
    font-weight: 600
}

.request-account-details .modal-content {
    padding: 24px 22px
}

.request-account-details .modal-body {
    padding: 0
}

.request-account-details h1 {
    margin: 0;
    line-height: 40px;
    font-weight: 800;
    text-align: center;
    color: #222;
    font-size: 22px
}

.request-account-details h2 {
    margin-top: 5px;
    margin-bottom: 20px;
    text-align: center;
    padding: 0 40px;
    font-size: 14px;
    line-height: 20px;
    color: #222
}

.request-account-details .form-group {
    margin-bottom: 16px;
    text-align: left
}

.request-account-details .form-group .control-label,.request-account-details .form-group .form-label {
    font-weight: 700;
    color: #222;
    font-size: 18px;
    margin: 0!important
}

.request-account-details .form-group .form-control:not(.password-field) {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    font-size: 16px;
    background-color: #fafafa;
    color: #222;
    margin-top: 4px;
    height: 48px
}

.request-account-details .form-group .form-control:not(.password-field):focus {
    border: solid 1px #222;
    border-radius: 4px
}

.request-account-details .form-group.valid {
    margin-bottom: 10px
}

.request-account-details .form-group.valid input {
    border-color: #00854e;
    outline: 0
}

.request-account-details .form-group.invalid {
    margin-bottom: 10px
}

.request-account-details .form-group.invalid input {
    border-color: #e00000;
    outline: 0
}

.request-account-details .form-group .error-msg {
    font-size: small;
    color: #222;
    line-height: 18px;
    margin-top: 3px
}

.request-account-details .alert-danger {
    margin-top: 16px
}

.request-account-details .birthday-fields {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.request-account-details .birthday-fields .form-group {
    margin-bottom: 0
}

.request-account-details .birthday-fields .day,.request-account-details .birthday-fields .month,.request-account-details .birthday-fields .year {
    width: 30%
}

.request-account-details .birthday-fields .birthday-dropdowns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4px
}

.request-account-details .birthday-fields .birthday-dropdowns select {
    line-height: 20px;
    padding-right: 0
}

.request-account-details .email-policy-agreement-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 16px auto;
    text-align: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.request-account-details .email-policy-agreement-container .policy-agreement {
    font-size: 13px;
    line-height: 15px;
    margin: 0;
    text-align: left;
    color: #222
}

.request-account-details .email-policy-agreement-container .policy-agreement a {
    color: #3b19a9;
    font-weight: 700
}

.request-account-details .email-policy-agreement-container .c-checkbox {
    margin: 0 8px 0 0
}

.request-account-details .email-policy-agreement-container .c-checkbox .checked:before {
    background: #3b19a9;
    border-color: #3b19a9
}

.request-account-details .tool-tip {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #222;
    border-radius: 3px
}

.request-account-details .field-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left
}

.request-account-details .field-label .field-label-text {
    display: inline-block;
    color: #222;
    font-size: 18px;
    font-weight: 700;
    margin: 0 5px 0 0
}

.request-account-details .field-label .tooltip-icon {
    position: relative;
    top: 2px
}

.onboardingModal.step1 {
    position: absolute;
    height: 568px;
    max-height: 100%;
    width: 750px;
    left: 50vw;
    top: 50vh;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.onboardingModal.step1 .modal-dialog {
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.onboardingModal.step1 .modal-header {
    padding: 0
}

.onboardingModal.step1 .modal-body {
    padding: 0;
    border: none
}

.onboardingModal.step1 .form-horizontal .has-feedback .form-control-feedback {
    right: 0;
    top: -5px
}

.onboardingModal.step1 .combodate .form-control {
    display: inline-block
}

.onboardingModal.step1 h2 {
    color: #000;
    line-height: 36px
}

.onboardingModal.step1 .btn {
    font-size: 16px
}

.onboardingModal.step1 .required {
    color: #ff3f12
}

.onboardingModal.step1 .alert-danger {
    background-color: transparent;
    border-color: transparent;
    color: #ff3f12;
    margin-top: -15px;
    margin-bottom: 0;
    padding: 0
}

.onboardingModal.step1 .alert-danger .errorMessage {
    margin-left: 5px
}

.onboardingModal.step1 .terms-of-service {
    max-width: 300px;
    display: inline-block;
    line-height: 18px;
    margin-top: 18px
}

.onboardingModal.step1 .terms-of-service a {
    font-weight: 700
}

.onboardingModal.step1 .recommended {
    font-size: 0
}

.onboardingModal.step1 .modal-footer {
    text-align: center;
    background-color: #fff;
    padding: 0;
    margin-bottom: 4%
}

.onboardingModal.step1 #personal-greeting {
    font-size: 25px;
    font-weight: 600;
    color: #6f6f6f;
    margin-top: 6%;
    margin-bottom: 0
}

.onboardingModal.step1 .continue-button {
    width: 25%;
    padding: 10px 15px
}

.onboardingModal.step1 #inputGender {
    max-width: 100%
}

.onboardingModal.step1 .opt {
    width: 74px;
    margin: 0;
    padding: 0;
    z-index: 1
}

.onboardingModal.step1 .gender-selector {
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 27%;
    margin-right: 27%;
    margin-bottom: 5%
}

.onboardingModal.step1 .gender-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.onboardingModal.step1 .gender-text {
    display: inline-block;
    position: relative;
    padding-top: 17px;
    padding-left: 0;
    color: #6f6f6f
}

.onboardingModal.step1 .gender-text.selected {
    color: #ff6122
}

.onboardingModal.step1 .gender-text:hover {
    color: #222
}

.onboardingModal.step1 input[type=radio] {
    visibility: hidden
}

.onboardingModal.step1 .male-icon {
    background-image: url(/img/onboarding-gender/he-selected@2x.png);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    margin: 10px auto
}

.onboardingModal.step1 .female-icon {
    background-image: url(/img/onboarding-gender/he-selected@2x.png);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    margin: 10px auto;
    background-image: url(/img/onboarding-gender/she-selected@2x.png)
}

.onboardingModal.step1 .other-icon {
    background-image: url(/img/onboarding-gender/he-selected@2x.png);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    margin: 10px auto;
    background-image: url(/img/onboarding-gender/zie-selected@2x.png)
}

.onboardingModal.step1 .gender-selector input:active+.gender-card {
    opacity: .9
}

.onboardingModal.step1 .gender-selector input:checked+.gender-card {
    -webkit-filter: invert(54%) sepia(97%) saturate(441%) hue-rotate(325deg) brightness(103%) contrast(101%);
    -moz-filter: invert(54%) sepia(97%) saturate(441%) hue-rotate(325deg) brightness(103%) contrast(101%);
    filter: invert(54%) sepia(97%) saturate(441%) hue-rotate(325deg) brightness(103%) contrast(101%)
}

.onboardingModal.step1 .gender-card {
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100px;
    height: 70px;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    -webkit-filter: brightness(.7) grayscale(1) opacity(.9);
    -moz-filter: brightness(.7) grayscale(1) opacity(.9);
    filter: brightness(.7) grayscale(1) opacity(.9)
}

.onboardingModal.step1 .gender-card:hover {
    -webkit-filter: brightness(.4) grayscale(1) opacity(.9);
    -moz-filter: brightness(.4) grayscale(1) opacity(.9);
    filter: brightness(.4) grayscale(1) opacity(.9)
}

.onboardingModal.step1 .wp-logo {
    margin-top: 5%;
    width: 100%;
    max-width: 174px;
    height: auto
}

.onboardingModal.step1 #gender-select-copy {
    padding-top: 2%;
    padding-bottom: 0;
    margin: 0 auto;
    border: none;
    font-size: 18px;
    color: #6f6f6f
}

.v-align-wrap {
    width: 100%;
    height: 100%;
    display: table
}

.v-align-wrap .v-align {
    display: table-cell;
    vertical-align: middle
}

.v-align-wrap .v-align .modal-content {
    width: 450px;
    height: inherit;
    margin: auto
}

.v-align-wrap .v-align .modal-content .modal-header {
    padding-top: 0
}

.v-align-wrap .v-align .modal-content .modal-body {
    padding-top: 0
}

.onboardingModal.writerJourney {
    display: block;
    overflow-y: scroll
}

.onboardingModal.writerJourney .onboarding-writer-journey {
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 15px 0;
    text-align: center
}

.onboardingModal.writerJourney .onboarding-writer-journey .wp-logo,.onboardingModal.writerJourney .onboarding-writer-journey p {
    padding-bottom: 40px
}

.onboardingModal.writerJourney .onboarding-writer-journey h4 {
    color: #222
}

.onboardingModal.writerJourney .onboarding-writer-journey .options {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 60px
}

.onboardingModal.writerJourney .onboarding-writer-journey .options .option {
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    -webkit-transition: .2s all ease;
    transition: .2s all ease
}

.onboardingModal.writerJourney .onboarding-writer-journey .options .option:hover {
    -webkit-filter: brightness(.4);
    filter: brightness(.4)
}

.onboardingModal.writerJourney .onboarding-writer-journey .options .option.selected {
    color: #ff6122
}

.onboardingModal.writerJourney .onboarding-writer-journey .options .option.selected:hover {
    -webkit-filter: brightness(.9);
    filter: brightness(.9)
}

.onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 768px) {
    .onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation {
        width:80%
    }
}

.onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation .option {
    font-size: 16px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    border: solid 1px #eee;
    color: #6f6f6f;
    margin-bottom: 11px;
    padding: 15px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation .option:hover {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    text-decoration: none;
    -webkit-filter: none;
    filter: none;
    color: #222;
    background-color: #eee
}

.onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation .option.selected {
    border-color: transparent;
    color: #fff;
    background-color: #ff6122;
    margin-bottom: 0
}

.onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation .option.selected:hover {
    -webkit-filter: none;
    filter: none
}

.onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation.has-selection::after {
    content: "";
    width: 1px;
    background-color: #eee;
    height: 40px;
    display: block;
    margin: auto;
    margin-bottom: -60px
}

.onboardingModal.writerJourney .onboarding-writer-journey .finished-novel {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    border: solid 1px #eee;
    padding: 16px 24px 27px;
    margin-bottom: 40px;
    width: 80%
}

@media (max-width: 768px) {
    .onboardingModal.writerJourney .onboarding-writer-journey .finished-novel {
        width:100%
    }
}

.onboardingModal.writerJourney .onboarding-writer-journey .finished-novel p {
    padding-bottom: 0
}

.onboardingModal.writerJourney .onboarding-writer-journey .finished-novel .novel-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.onboardingModal.writerJourney .onboarding-writer-journey .finished-novel .novel-options .option {
    -ms-flex-preferred-size: 70px;
    flex-basis: 70px;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    border: solid 1px #eee;
    cursor: pointer;
    color: #6f6f6f
}

.onboardingModal.writerJourney .onboarding-writer-journey .finished-novel .novel-options .option:hover {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    text-decoration: none
}

.onboardingModal.writerJourney .onboarding-writer-journey .finished-novel .novel-options.has-selection::after {
    content: "";
    width: 1px;
    background-color: #eee;
    height: 40px;
    display: block;
    margin: auto;
    margin-bottom: -60px
}

.onboardingModal.writerJourney .onboarding-writer-journey .skip {
    color: #6f6f6f;
    font-size: 14px
}

.onboardingModal.genres {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow-y: scroll
}

.onboardingModal.genres .modal-content {
    width: 696px;
    height: 652px;
    padding: 0;
    border-color: transparent;
    -webkit-box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1)
}

.onboardingModal.genres .onboarding-genres {
    width: 696px;
    height: inherit;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    overflow: scroll
}

.onboardingModal.genres .onboarding-genres .logo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 75px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 0
}

.onboardingModal.genres .onboarding-genres .wp-logo,.onboardingModal.genres .onboarding-genres p {
    padding-top: 50px;
    padding-bottom: 40px
}

.onboardingModal.genres .onboarding-genres .greeting {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 350px
}

.onboardingModal.genres .onboarding-genres .prompt {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 350px;
    color: #222;
    margin-bottom: 16px
}

.onboardingModal.genres .onboarding-genres .genres {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 12px;
    overflow: scroll;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.onboardingModal.genres .onboarding-genres .genres .overflow-padding {
    padding: 0 0 200px 1px
}

.onboardingModal.genres .onboarding-genres .genres .genre-tile {
    width: 160px;
    height: 72px;
    margin: 4px;
    background: #fafafa;
    -webkit-box-shadow: 0 1px 7px rgba(34,34,34,.08),0 3px 3px rgba(34,34,34,.1);
    box-shadow: 0 1px 7px rgba(34,34,34,.08),0 3px 3px rgba(34,34,34,.1);
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.onboardingModal.genres .genre-tile .genre-info {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: right
}

.onboardingModal.genres .genre-tile .selected-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    height: 100%;
    width: inherit
}

.onboardingModal.genres .genre-tile .selected-wrapper .overlay {
    height: inherit;
    width: inherit;
    background-color: #222;
    opacity: .5;
    border-radius: 4px;
    position: absolute;
    z-index: 2
}

.onboardingModal.genres .genre-tile .selected-wrapper .selected-icon {
    background-color: #ff6122;
    z-index: 3;
    position: absolute;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 4px 0 0 -4px
}

.onboardingModal.genres .onboarding-genres .genres .genre-tile .genre-name {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    text-align: left;
    margin-left: 16px;
    width: 50%;
    word-break: break-word
}

.onboardingModal.genres .onboarding-genres .genres .genre-tile img {
    height: 100%;
    border-radius: 4px
}

.onboardingModal.genres .genre-error-toast-wrapper {
    pointer-events: none;
    width: inherit;
    position: absolute;
    bottom: 98px;
    background-color: transparent;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 4
}

.onboardingModal.genres .genre-error-toast-wrapper .genre-error-toast {
    background-color: #222;
    color: #fff;
    width: 387px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px
}

.onboardingModal.genres .genre-error-toast-wrapper .genre-error-toast p {
    margin: 16px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    text-align: start
}

.onboardingModal.genres .finish-button-wrapper {
    position: relative;
    bottom: 90px;
    z-index: 9;
    width: inherit;
    height: 90px;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.onboardingModal.genres .finish-button-wrapper .finish-button {
    border-radius: 3px;
    color: #fff;
    height: 44px;
    width: 188px;
    border-radius: 20px
}

.onboardingModal.genres .finish-button-wrapper .finish-button.disabled {
    background: #eee;
    pointer-events: none
}

.onboardingModal.genres .transparency {
    position: relative;
    bottom: 180px;
    z-index: 8;
    width: 685px;
    height: 90px;
    background-color: #fff;
    opacity: .9
}

.onboardingModal.success {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow-y: scroll
}

.onboardingModal.success .onboarding-success {
    width: 468px;
    min-height: 607px;
    padding: 0;
    border-color: transparent;
    -webkit-box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.onboardingModal.success .onboarding-success .logo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 75px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 0
}

.onboardingModal.success .onboarding-success .wp-logo,.onboardingModal.success .onboarding-success p {
    padding-top: 50px;
    padding-bottom: 40px
}

.onboardingModal.success .onboarding-success .title {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 350px
}

.onboardingModal.success .onboarding-success .message {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 350px;
    color: #222;
    margin-bottom: 16px
}

.onboardingModal.success .onboarding-success .image img {
    padding-bottom: 56px
}

.onboardingModal.success .onboarding-success .start-reading-button {
    color: #fff;
    height: 44px;
    width: 188px;
    border-radius: 20px
}

@media (max-width: 768px) {
    .request-account-details .v-align-wrap .v-align {
        margin:0;
        padding: 6px
    }

    .request-account-details .v-align-wrap .v-align .modal-content {
        width: 100%
    }

    .v-align-wrap .v-align {
        padding: 6px
    }

    .v-align-wrap .v-align .modal-content {
        width: 100%
    }

    .onboarding-wrapper :not(.request-account-details) .component-wrapper .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0
    }

    .onboarding-wrapper :not(.request-account-details) .component-wrapper .modal-dialog form {
        height: 100%
    }

    .onboarding-wrapper :not(.request-account-details) .component-wrapper .modal-dialog .modal-content {
        border-radius: 0;
        border: none;
        height: 100%
    }

    .onboardingModal.step1 {
        width: 80%;
        height: 80%;
        max-height: 100%;
        margin: 0 auto
    }

    .onboardingModal.step1 .continue-button {
        width: auto;
        font-size: 14px
    }

    .onboardingModal.step1 .modal-dialog {
        width: 100%;
        height: 100%
    }

    .onboardingModal.step1 .gender-selector {
        margin-left: 27%;
        margin-right: 27%
    }

    .onboardingModal.step1 .opt {
        width: 50px
    }

    .onboardingModal.step1 #personal-greeting {
        font-size: 18px
    }

    .onboardingModal.step1 #gender-select-copy {
        font-size: 14px
    }

    .onboardingModal.genres {
        min-height: unset;
        height: 100%
    }

    .onboardingModal.genres .modal-content {
        height: 100%;
        width: 100%;
        min-height: unset;
        padding-bottom: 95px
    }

    .onboardingModal.genres .onboarding-genres {
        height: auto;
        padding: 0;
        width: 100%
    }

    .onboardingModal.genres .onboarding-genres .genres {
        height: 100%
    }

    .onboardingModal.genres .onboaring-genres .logo-wrapper img {
        padding: 20px 0
    }

    .onboardingModal.genres .onboarding-genres .genre-error-toast-wrapper {
        position: fixed
    }

    .onboardingModal.genres .onboarding-genres .genre-error-toast-wrapper .genre-error-toast {
        margin: 0 12px
    }

    .onboardingModal.genres .finish-button-wrapper {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 92px
    }

    .onboardingModal.genres .transparency {
        position: fixed;
        bottom: 0
    }

    .onboardingModal.success {
        min-height: unset;
        height: 100%
    }

    .onboardingModal.success .onboarding-success {
        min-height: unset;
        height: inherit
    }

    .onboardingModal.success .image {
        height: 40%;
        padding-bottom: 10%
    }

    .onboardingModal.success .image img {
        height: 100%;
        width: 100%
    }

    .onboardingModal.success .start-reading-button {
        min-height: 44px
    }
}

#story-landing .background-lg {
    padding-top: 78px;
    z-index: 2;
    -webkit-box-shadow: inset 0 -2px 10px 0 rgba(0,0,0,.2);
    box-shadow: inset 0 -2px 10px 0 rgba(0,0,0,.2)
}

#story-landing .background-lg h1 {
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 38px;
    line-height: 42px;
    text-shadow: 0 1px 12px rgba(0,0,0,.5)
}

#story-landing .background-lg .container {
    position: relative;
    min-height: 235px;
    padding-left: 240px;
    text-align: left
}

#story-landing .background-lg .supported-marker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-shadow: 0 1px 12px rgba(0,0,0,.5);
    font-size: 14px
}

#story-landing .background-lg .supported-marker img {
    margin-right: 8px
}

#story-landing .background-lg .meta {
    padding-bottom: 10px;
    text-shadow: 0 1px 12px rgba(0,0,0,.5)
}

#story-landing .background-lg .meta [data-toggle=tooltip] {
    cursor: pointer
}

#story-landing .background-lg .meta>span {
    margin-right: 20px;
    padding: 0;
    display: inline-block
}

#story-landing .background-lg .promotion-description-story-details {
    padding-bottom: 82px
}

#story-landing .background-lg .promotion-description-story-details .lightbold {
    font-weight: 600;
    display: inline-block
}

#story-landing .background-lg .cover {
    position: absolute;
    z-index: 2;
    left: 36px;
    bottom: -46px;
    -webkit-box-shadow: 0 0 16px 2px rgba(0,0,0,.24);
    box-shadow: 0 0 16px 2px rgba(0,0,0,.24)
}

#story-landing .background-lg .cover .banned-overlay {
    width: 100%;
    height: 100%
}

#story-landing .background-lg .author-info {
    position: absolute;
    width: 350px;
    left: 240px;
    bottom: 24px;
    cursor: pointer;
    text-shadow: 0 1px 12px rgba(0,0,0,.5)
}

#story-landing .background-lg .author-info a {
    color: #fff;
    display: inline-block;
    max-width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

#story-landing .background-lg .author-info strong {
    display: block
}

#story-landing .background-lg .author-info .avatar {
    margin-right: 18px
}

#story-landing .background-lg #share-tools {
    position: absolute;
    bottom: 18px;
    right: 0;
    text-shadow: 0 1px 12px rgba(0,0,0,.5)
}

@media (max-width: 991px) {
    #story-landing .background-lg #share-tools {
        width:120px
    }
}

#story-landing .background-lg #share-tools>a {
    position: relative;
    top: 3px;
    margin: 0 6px
}

#story-landing .background-lg #share-tools .fa-more {
    text-shadow: 0 1px 12px rgba(0,0,0,.5)
}

#story-landing .background-lg #share-tools .dropdown-menu {
    min-width: 165px;
    text-shadow: none
}

#story-landing .background-lg #share-tools .dropdown-menu li>a {
    padding: 3px 15px 3px 10px
}

#story-landing .background-lg #share-tools .dropdown-menu li>a>span {
    padding-right: 6px
}

#story-landing .background-lg #share-tools a:hover {
    color: #6f6f6f!important;
    text-decoration: none
}

#story-landing main .panel {
    margin-bottom: 0;
    padding: 0 24px 24px
}

@media (min-width: 992px) {
    #story-landing main .panel {
        min-height:1445px
    }
}

#story-landing .panel {
    margin-top: 20px;
    margin-bottom: 12px
}

#story-landing .panel .panel-heading {
    padding: 10px 18px 0
}

#story-landing .panel .panel-body {
    padding: 10px 18px
}

#story-landing .story-controls {
    padding: 12px 0 12px 205px;
    font-size: 0
}

#story-landing .story-controls .fa {
    padding: 0;
    top: 0
}

#story-landing .story-controls .on-story-navigate {
    min-width: 120px;
    padding: 5px 12px
}

#story-landing .story-controls .btn-story-lists {
    padding: 5px 12px
}

#story-landing main .description {
    font-size: 18px;
    line-height: 24px;
    margin: 12px 0 24px
}

#story-landing .sub-navigation {
    border-top: none;
    border-bottom: 1px solid #eee;
    border-bottom-color: rgba(233,233,233,.95)
}

#story-landing #story-tabs {
    margin-top: 30px
}

#story-landing .table-of-contents {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#story-landing .table-of-contents li {
    border-bottom: 1px solid #eee;
    font-size: 16px;
    overflow: hidden;
    -webkit-transition: background .1s ease;
    transition: background .1s ease
}

#story-landing .table-of-contents li a {
    display: block;
    margin: 9px 5px;
    padding: 3px 0 3px 12px;
    color: #222;
    border-left: 3px solid transparent
}

#story-landing .table-of-contents li a:hover {
    text-decoration: none
}

#story-landing .table-of-contents li a small {
    position: relative;
    top: 3px;
    right: 1px;
    color: #ff6122
}

#story-landing .table-of-contents li.active {
    font-weight: 600
}

#story-landing .table-of-contents li.active a {
    border-left-color: #ff6122!important
}

#story-landing .table-of-contents li:hover {
    background: #eee
}

#story-landing .table-of-contents li .fa-lock {
    position: relative;
    top: 4px
}

#story-landing .deleted-tag,#story-landing .draft-tag {
    padding-left: 12px
}

#story-landing .user-card {
    max-width: 300px;
    margin: 0 auto 24px
}

@media (max-width: 991px) {
    .story-details>div {
        float:left;
        width: 50%
    }
}

@media (max-width: 991px) {
    .similar-stories .story-item {
        width:50%
    }
}

@media (max-width: 991px) {
    .promoted-stories .story-item {
        width:100%
    }
}

@media (max-width: 991px) {
    #similar-stories .story-item {
        float:left;
        padding-right: 12px
    }
}

#similar-stories .collection .categories {
    display: none
}

#similar-stories .collection .small {
    margin: 0;
    max-height: 40px;
    overflow: hidden
}

#similar-stories .collection .story-item-description {
    line-height: 21px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

#similar-stories .collection .meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#similar-stories .collection .meta>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px
}

#similar-stories .collection .title {
    display: block;
    font-weight: 600;
    font-size: 15px;
    color: #222;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#similar-stories .collection .author {
    display: block;
    color: #6f6f6f;
    margin-top: 3px
}

#similar-stories .collection:last-child {
    margin-bottom: 0
}

#similar-stories .collection a {
    max-height: 103px;
    overflow: hidden;
    margin-bottom: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #6f6f6f
}

#similar-stories .collection a:focus,#similar-stories .collection a:hover {
    text-decoration: none
}

#similar-stories .collection a:focus .title,#similar-stories .collection a:hover .title {
    text-decoration: underline
}

#similar-stories .collection .fa {
    color: #6f6f6f!important
}

#similar-stories .collection .promoted .promoted {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#similar-stories .collection .promoted .promoted .fa {
    color: #ff6122!important;
    position: relative;
    top: 1px
}

#similar-stories .cover {
    width: 64px;
    height: 100px;
    margin-right: 12px
}

#similar-stories .stories>a {
    display: block;
    color: #6f6f6f;
    font-size: 14px;
    padding: 9px 12px 0;
    margin: 12px 0 -3px;
    border-top: 1px solid #eee
}

#similar-stories .stories>a:hover {
    text-decoration: underline
}

@media (max-width: 991px) {
    #similar-stories .stories>a {
        clear:both;
        border-top: none
    }
}

#similar-stories .left-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0
}

#story-ranking {
    margin-top: 36px
}

#story-ranking .back-to-story {
    position: relative;
    right: 35px;
    top: 65px
}

#story-ranking .back-to-story:focus,#story-ranking .back-to-story:hover {
    text-decoration: none
}

#story-ranking h1 {
    margin-bottom: 20px;
    color: #6f6f6f;
    font-size: 32px;
    font-weight: 600
}

#story-ranking h2 {
    color: #6f6f6f;
    font-size: 20px;
    font-style: italic;
    font-weight: 600
}

#story-ranking h3 {
    margin-bottom: 5px;
    color: #6f6f6f;
    font-size: 15px;
    font-weight: 600
}

#story-ranking ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

#story-ranking ul li {
    position: relative;
    margin-bottom: 10px;
    padding: 12px 25px;
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.22);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.22)
}

#story-ranking ul li a {
    display: block;
    color: #6f6f6f;
    font-weight: 600
}

#story-ranking ul li a:focus,#story-ranking ul li a:hover {
    text-decoration: none
}

#story-ranking .rank .rank-number-symbol {
    vertical-align: top;
    font-size: 13px;
    line-height: 18px
}

#story-ranking .rank .rank-number {
    font-size: 20px
}

#story-ranking .rank-tag {
    position: absolute;
    left: 95px;
    top: 25%;
    font-size: 16px
}

#story-ranking .rank-total {
    color: #6f6f6f;
    font-size: 15px;
    font-style: italic;
    font-weight: 400
}

#story-ranking .right-side {
    position: absolute;
    right: 20px
}

#story-ranking .right-side .fa {
    vertical-align: middle;
    margin-left: 12px
}

#story-ranking li.first {
    padding-bottom: 22px;
    padding-top: 22px
}

#story-ranking li.first .rank-number-symbol {
    color: #ff6122;
    font-size: 16px
}

#story-ranking li.first .rank-number {
    color: #ff6122;
    font-size: 30px
}

#story-ranking li.first .rank-tag {
    top: 19%;
    font-size: 18px
}

#story-ranking li.first .rank-total {
    position: absolute;
    left: 95px;
    top: 48%
}

#story-ranking.mobile {
    margin-top: 0
}

#story-ranking.mobile .back-to-story {
    display: inline-block;
    right: 5px;
    top: 2px
}

#story-ranking.mobile h1 {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 12px;
    font-size: 20px
}

#story-ranking.mobile h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px
}

#story-ranking.mobile h3 {
    margin-top: 12px;
    font-size: 13px
}

#story-ranking.mobile li {
    padding: 12px;
    margin-bottom: 7px
}

#story-ranking.mobile .rank-tag {
    left: 82px;
    font-size: 15px
}

#story-ranking.mobile .rank-total {
    font-size: 13px
}

#story-ranking.mobile .right-side {
    right: 12px
}

#story-ranking.mobile li.first {
    padding: 17px 12px
}

#story-ranking.mobile li.first .rank-tag {
    font-size: 16px
}

#story-ranking.mobile li.first .rank-total {
    left: 82px
}

.route-storyReading #header-container #header {
    border-bottom: none
}

.report-comment-modal {
    z-index: 1099
}

.bottom-banner {
    -webkit-box-shadow: 5px 0 5px 0 rgba(0,0,0,.2);
    box-shadow: 5px 0 5px 0 rgba(0,0,0,.2);
    background-color: #fff;
    border-top: 3px solid #ff6122;
    position: fixed;
    bottom: 0;
    margin: 0;
    z-index: 1020;
    width: 100%;
    height: 78px;
    text-align: center
}

.bottom-banner .bottom-content,.bottom-banner .bottom-controls {
    display: inline-block;
    float: none;
    padding: 0 10px
}

@media (max-width: 600px) {
    .bottom-banner .bottom-content,.bottom-banner .bottom-controls {
        margin:14px;
        float: left
    }
}

.bottom-banner .bottom-content img {
    margin: 9px 10px;
    height: 60px
}

@media (max-width: 768px) {
    .bottom-banner .bottom-content img {
        display:none
    }
}

.bottom-banner .bottom-content .bottom-message {
    font-size: 18px;
    font-weight: 600
}

@media (max-width: 768px) {
    .bottom-banner .bottom-content .bottom-message {
        font-size:16px
    }
}

@media (max-width: 600px) {
    .bottom-banner .bottom-content .bottom-message {
        display:none
    }
}

.bottom-banner .bottom-content .bottom-message {
    line-height: 78px;
    color: #222;
    font-weight: 600
}

.bottom-banner .bottom-controls button {
    margin-bottom: 3px;
    height: 42px;
    min-width: 100px
}

.bottom-banner .bottom-controls .bottom-login {
    color: #ff6122;
    background-color: #fff;
    border: 2px solid #ff6122
}

.bottom-banner .bottom-controls .bottom-signup {
    color: #fff;
    background-color: #ff6122
}

.bottom-banner .dismiss {
    float: right;
    margin-right: 30px;
    line-height: 78px;
    cursor: pointer
}

#story-reading {
    margin-top: 54px;
    margin-bottom: -12px
}

#story-reading .part-content {
    position: relative;
    margin-top: 32px
}

#story-reading .part-navigation {
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 24px;
    margin-top: 24px
}

#story-reading .part-col {
    padding: 0
}

#story-reading .footer-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#story-reading .footer-actions .button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 3px;
    margin-right: 5px
}

#story-reading .footer-actions .btn {
    margin-left: 0
}

#story-reading .footer-actions .btn-text {
    font-weight: 100;
    color: #121212;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#story-reading .footer-actions .fa {
    padding-right: 8px
}

#story-reading .footer-actions .fa-plus {
    padding-bottom: 5px
}

#story-reading .footer-actions .fa-vote {
    padding-bottom: 2px
}

#story-reading .footer-actions .dropdown-menu.add-to-library {
    left: initial;
    margin-left: initial;
    right: initial
}

#story-reading .footer-bonus-part .part-navigation {
    margin-top: 0
}

#story-reading .part-comments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

#story-reading .comments.right-rail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#story-reading .image-options {
    position: absolute;
    text-align: left;
    padding-top: 5px;
    height: auto
}

#story-reading .image-options .icon-container {
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background: #eee;
    cursor: pointer
}

#story-reading .image-options .icon-container .on-report-image {
    position: relative;
    left: 6px;
    bottom: 3px;
    color: #dcdcdc
}

#story-reading .on-remove-image {
    display: none
}

#story-reading .page p[data-media-type] {
    margin: 30px 0;
    text-align: center
}

#story-reading .page p[data-media-type] img {
    background-color: #eee;
    width: 93%;
    height: auto
}

#story-reading .page p[data-media-type].banned img {
    min-height: 140px;
    height: 100%
}

#story-reading .page p[data-media-type].banned .banned-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: rgba(0,0,0,.5)
}

#story-reading .page p[data-media-type] video {
    width: 95%;
    height: auto;
    max-width: 100%
}

#story-reading .page p[data-p-id] a[href^="/myworks/new"],#story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"],#story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"] {
    color: #fff;
    background-color: #ff6122;
    border-color: transparent;
    padding: 5px 40px;
    font-size: 18px;
    line-height: 36px;
    border-radius: 6px;
    margin: 6px 10px;
    display: block;
    margin: 50px auto;
    text-align: center;
    font-weight: 600;
    max-width: 50%
}

#story-reading .page p[data-p-id] a[href^="/myworks/new"]:hover,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"]:hover,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"]:hover {
    color: #fff;
    background-color: #ff4f08;
    border-color: #ff4f08
}

#story-reading .page p[data-p-id] a[href^="/myworks/new"].active,#story-reading .page p[data-p-id] a[href^="/myworks/new"]:active,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"].active,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"]:active,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"].active,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"]:active {
    color: #fff;
    background-color: #e40;
    border-color: #ff6122
}

#story-reading .page p[data-p-id] a[href^="/myworks/new"].active .fa,#story-reading .page p[data-p-id] a[href^="/myworks/new"]:active .fa,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"].active .fa,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"]:active .fa,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"].active .fa,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"]:active .fa {
    color: #fff
}

#story-reading .page p[data-p-id] a[href^="/myworks/new"]:focus,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"]:focus,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"]:focus {
    color: #fff;
    background-color: #ff6122;
    border-color: transparent
}

#story-reading .page p[data-p-id] a[href^="/myworks/new"].active,#story-reading .page p[data-p-id] a[href^="/myworks/new"]:active,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"].active,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"]:active,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"].active,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"]:active,.open>.dropdown-toggle #story-reading .page p[data-p-id] a[href^="/myworks/new"],.open>.dropdown-toggle #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"],.open>.dropdown-toggle #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"] {
    background-image: none
}

#story-reading .page p[data-p-id] a[href^="/myworks/new"].disabled,#story-reading .page p[data-p-id] a[href^="/myworks/new"].disabled.active,#story-reading .page p[data-p-id] a[href^="/myworks/new"].disabled:active,#story-reading .page p[data-p-id] a[href^="/myworks/new"].disabled:hover,#story-reading .page p[data-p-id] a[href^="/myworks/new"][disabled],#story-reading .page p[data-p-id] a[href^="/myworks/new"][disabled].active,#story-reading .page p[data-p-id] a[href^="/myworks/new"][disabled]:active,#story-reading .page p[data-p-id] a[href^="/myworks/new"][disabled]:hover,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"].disabled,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"].disabled.active,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"].disabled:active,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"].disabled:hover,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"][disabled],#story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"][disabled].active,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"][disabled]:active,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"][disabled]:hover,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"].disabled,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"].disabled.active,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"].disabled:active,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"].disabled:hover,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"][disabled],#story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"][disabled].active,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"][disabled]:active,#story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"][disabled]:hover,fieldset[disabled] #story-reading .page p[data-p-id] a[href^="/myworks/new"],fieldset[disabled] #story-reading .page p[data-p-id] a[href^="/myworks/new"].active,fieldset[disabled] #story-reading .page p[data-p-id] a[href^="/myworks/new"]:active,fieldset[disabled] #story-reading .page p[data-p-id] a[href^="/myworks/new"]:hover,fieldset[disabled] #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"],fieldset[disabled] #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"].active,fieldset[disabled] #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"]:active,fieldset[disabled] #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"]:hover,fieldset[disabled] #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"],fieldset[disabled] #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"].active,fieldset[disabled] #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"]:active,fieldset[disabled] #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"]:hover {
    background-color: #ff8555;
    border-color: #ff8555
}

#story-reading .page p[data-video-source=wattpad] video {
    width: inherit
}

#story-reading .panel-reading .fixed-ratio[data-media-type=image] {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

#story-reading .share-tools.vertical>.share-twitter,#story-reading .social-icons-container>.share-twitter {
    background-color: #55acee
}

#story-reading .share-tools.vertical>.share-facebook,#story-reading .social-icons-container>.share-facebook {
    background-color: #3b5998
}

#story-reading .share-tools.vertical>.share-pinterest,#story-reading .social-icons-container>.share-pinterest {
    background-color: #bd081c
}

#story-reading .share-tools.vertical>.share-tumblr,#story-reading .social-icons-container>.share-tumblr {
    background-color: #35465c
}

#story-reading .share-tools.vertical>.share-embed,#story-reading .social-icons-container>.share-embed {
    background-color: #6f6f6f
}

#story-reading .share-tools.vertical>.share-post-to-profile,#story-reading .social-icons-container>.share-post-to-profile {
    background-color: #ff6122
}

#story-reading .share-tools.vertical>.button-group,#story-reading .share-tools.vertical>a,#story-reading .social-icons-container>.button-group,#story-reading .social-icons-container>a {
    position: relative;
    left: 30px;
    display: block;
    margin: 0 0 6px;
    background: #eee;
    height: 40px;
    width: 40px;
    border-radius: 50%
}

#story-reading .share-tools.vertical>.button-group:hover,#story-reading .share-tools.vertical>a:hover,#story-reading .social-icons-container>.button-group:hover,#story-reading .social-icons-container>a:hover {
    text-decoration: none
}

#story-reading .share-tools.vertical>.button-group>.btn>.fa,#story-reading .share-tools.vertical>.button-group>.fa,#story-reading .share-tools.vertical>a>.btn>.fa,#story-reading .share-tools.vertical>a>.fa,#story-reading .social-icons-container>.button-group>.btn>.fa,#story-reading .social-icons-container>.button-group>.fa,#story-reading .social-icons-container>a>.btn>.fa,#story-reading .social-icons-container>a>.fa {
    position: relative;
    top: 9px;
    left: 8px
}

#story-reading .share-tools.vertical>.button-group>.fa-twitter,#story-reading .share-tools.vertical>a>.fa-twitter,#story-reading .social-icons-container>.button-group>.fa-twitter,#story-reading .social-icons-container>a>.fa-twitter {
    color: #fff
}

#story-reading .share-tools.vertical>.button-group>.fa-facebook,#story-reading .share-tools.vertical>a>.fa-facebook,#story-reading .social-icons-container>.button-group>.fa-facebook,#story-reading .social-icons-container>a>.fa-facebook {
    color: #fff
}

#story-reading .share-tools.vertical>.button-group>.fa-pinterest,#story-reading .share-tools.vertical>a>.fa-pinterest,#story-reading .social-icons-container>.button-group>.fa-pinterest,#story-reading .social-icons-container>a>.fa-pinterest {
    color: #fff
}

#story-reading .share-tools.vertical>.button-group>.fa-tumblr,#story-reading .share-tools.vertical>a>.fa-tumblr,#story-reading .social-icons-container>.button-group>.fa-tumblr,#story-reading .social-icons-container>a>.fa-tumblr {
    color: #fff
}

#story-reading .share-tools.vertical>.button-group>.fa-code,#story-reading .share-tools.vertical>a>.fa-code,#story-reading .social-icons-container>.button-group>.fa-code,#story-reading .social-icons-container>a>.fa-code {
    color: #fff
}

#story-reading .share-tools.vertical>.button-group>.btn,#story-reading .social-icons-container>.button-group>.btn {
    padding: 0;
    position: relative;
    top: 3px
}

#story-reading .share-tools.vertical ul li a .fa,#story-reading .social-icons-container ul li a .fa {
    position: relative;
    top: 2px;
    left: -6px
}

#story-reading .share-tools.vertical ul li a:hover .fa,#story-reading .social-icons-container ul li a:hover .fa {
    color: #007f80
}

#story-reading .share-tools.vertical {
    position: absolute;
    top: 0;
    width: 40px;
    color: #6f6f6f;
    z-index: 1000
}

#story-reading .share-tools.vertical .dropup .triangle {
    top: 13%;
    border-width: 10px 10px 0 10px;
    border-color: #fff transparent transparent transparent
}

@media (min-width: 1350px) {
    #story-reading .share-tools.vertical {
        margin-left:110px
    }
}

#story-reading .share-tools.vertical>.title {
    position: relative;
    left: 30px;
    font-weight: 600;
    font-size: 15px
}

#story-reading .social-icons-container {
    float: right
}

#story-reading .social-icons-container>.button-group,#story-reading .social-icons-container>a {
    display: inline-block;
    width: 25px;
    height: 25px;
    left: 0;
    margin-left: 12px
}

#story-reading .social-icons-container>.button-group>.btn>.fa,#story-reading .social-icons-container>.button-group>.fa,#story-reading .social-icons-container>a>.btn>.fa,#story-reading .social-icons-container>a>.fa {
    position: relative;
    top: -3px;
    left: 6px
}

#story-reading .share-tools.horizontal {
    position: absolute;
    top: 0;
    color: #eee;
    z-index: 1000;
    background-color: #fff;
    padding: 12px;
    width: 194px;
    display: none;
    -webkit-box-shadow: 0 2px 5px -1px rgba(0,0,0,.165);
    box-shadow: 0 2px 5px -1px rgba(0,0,0,.165)
}

@media (min-width: 1200px) and (max-width:1350px) {
    #story-reading .share-tools.horizontal {
        margin-left:-114px
    }
}

#story-reading .share-tools.horizontal>.title {
    font-weight: 600;
    font-size: 15px
}

#story-reading .share-tools.horizontal>.button-group,#story-reading .share-tools.horizontal>a {
    display: inline-block;
    margin: 0 0 6px;
    vertical-align: middle;
    background: #eee;
    height: 40px;
    width: 40px;
    border-radius: 50%
}

#story-reading .share-tools.horizontal>.button-group:hover,#story-reading .share-tools.horizontal>a:hover {
    text-decoration: none
}

#story-reading .share-tools.horizontal>.button-group>.btn>.fa,#story-reading .share-tools.horizontal>.button-group>.fa,#story-reading .share-tools.horizontal>a>.btn>.fa,#story-reading .share-tools.horizontal>a>.fa {
    position: relative;
    top: 9px;
    left: 8px;
    color: #dcdcdc!important
}

#story-reading .share-tools.horizontal>.button-group>.btn>.fa.fa-twitter,#story-reading .share-tools.horizontal>.button-group>.fa.fa-twitter,#story-reading .share-tools.horizontal>a>.btn>.fa.fa-twitter,#story-reading .share-tools.horizontal>a>.fa.fa-twitter {
    color: #55acee!important
}

#story-reading .share-tools.horizontal>.button-group>.btn>.fa.fa-facebook-square,#story-reading .share-tools.horizontal>.button-group>.fa.fa-facebook-square,#story-reading .share-tools.horizontal>a>.btn>.fa.fa-facebook-square,#story-reading .share-tools.horizontal>a>.fa.fa-facebook-square {
    color: #3b5998!important
}

#story-reading .share-tools.horizontal>.button-group>.btn {
    padding: 0;
    position: relative
}

#story-reading .share-tools.horizontal .send-to-friend {
    margin-bottom: 12px
}

#story-reading .share-tools.horizontal .send-to-friend>.btn {
    margin: 5px 0
}

#story-reading .share-tools.horizontal ul li a .fa {
    position: relative;
    top: 2px;
    left: -6px
}

#story-reading .share-tools.horizontal ul li a:hover .fa {
    color: #007f80
}

#story-reading header.panel-reading h1 {
    font-weight: 600;
    color: #222;
    margin: 48px 30px 24px
}

#story-reading header.panel-reading h1 .deleted-tag,#story-reading header.panel-reading h1 .draft-tag {
    padding-left: 12px
}

#story-reading header.panel-reading .author {
    display: block;
    margin: 24px auto 18px
}

#story-reading header.panel-reading .meta {
    line-height: 18px;
    margin: 18px 100px 0;
    color: #6f6f6f;
    padding-bottom: 36px;
    border-bottom: 1px solid #eee
}

#story-reading header.panel-reading .meta>span {
    padding: 0 9px 0 0;
    font-size: 14px;
    font-weight: 600
}

#story-reading header.panel-reading .meta .fa {
    position: relative;
    top: 1px
}

#story-reading header.panel-reading .meta a:link {
    color: #6f6f6f
}

#story-reading header.panel-reading .meta a:hover {
    color: #ff6122
}

#story-reading header.panel-reading .meta a:visited {
    color: #6f6f6f
}

#story-reading header.panel-reading .meta .on-comments {
    cursor: pointer
}

#story-reading header.panel-reading .meta .on-comments:hover .fa {
    color: #ff6122
}

#story-reading header.panel-reading .meta .on-comments:hover a {
    color: #ff6122
}

#story-reading header.panel-reading ul.story-extras {
    display: block;
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: center
}

#story-reading header.panel-reading ul.story-extras li.story-extra {
    display: inline-block;
    margin-left: 20px
}

#story-reading header.panel-reading ul.story-extras li.story-extra:first-child {
    margin-left: 0
}

#story-reading header.panel-reading ul.story-extras li.story-extra.dedication {
    color: #6f6f6f
}

#story-reading header.panel-reading ul.story-extras li.story-extra.dedication a {
    color: #ff6122
}

#story-reading header.panel-reading ul.story-extras li.story-extra+li.story-extra:before {
    content: "\00b7";
    color: #6f6f6f;
    font-size: 30px;
    position: absolute;
    margin-top: -1px;
    margin-left: -15px
}

#story-reading header.panel-reading ul.story-extras .dedication,#story-reading header.panel-reading ul.story-extras .private {
    font-weight: 600;
    font-size: 15px
}

#story-reading header.panel-reading ul.story-extras .dropdown {
    display: inline-block
}

#story-reading header.panel-reading ul.story-extras .dropdown>a {
    position: relative;
    top: -1px;
    padding: 0
}

#story-reading header.panel-reading ul.story-extras .dropdown>a:hover {
    text-decoration: underline
}

#story-reading header.panel-reading .part-restart-chapter {
    font-weight: 600;
    text-align: center
}

#story-reading header.panel-reading a.restart-part {
    font-size: 16px;
    font-weight: 600;
    color: #6f6f6f;
    line-height: 24px;
    padding: 0 24px;
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
    position: relative;
    margin: 30px -10px 0 -10px
}

#story-reading header.panel-reading a.restart-part .part-title {
    font-size: 16px;
    font-weight: 400;
    color: #6f6f6f;
    display: inline-block;
    position: relative;
    background-color: #fff;
    padding: 0 18px 0 18px
}

#story-reading header.panel-reading a.restart-part .part-title h6 {
    color: #6f6f6f;
    margin: 0
}

#story-reading header.panel-reading a.restart-part .up-icon {
    color: #6f6f6f;
    line-height: 45px;
    font-size: 12px;
    position: relative;
    top: -9px;
    margin-left: 12px
}

#story-reading header.panel-reading a.restart-part:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #eee;
    left: 0;
    top: 13px
}

#story-reading .page {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: max-height 1.5s ease-in-out;
    transition: max-height 1.5s ease-in-out;
    max-height: 20000px;
    overflow: hidden
}

#story-reading .page.height-zero {
    max-height: 0
}

#story-reading .page p {
    padding: 0 38px 0 0;
    min-height: 15px;
    position: relative
}

#story-reading .page p:first-child {
    margin-top: 0
}

#story-reading .page img.blurred-text {
    width: 100%
}

#story-reading .highlighter {
    -webkit-touch-callout: inherit;
    -webkit-user-select: inherit;
    -moz-user-select: inherit;
    -ms-user-select: inherit;
    user-select: inherit
}

#story-reading .new-post {
    border: none
}

#story-reading #parts-container-new {
    background-color: #fff
}

#story-reading #parts-container-new pre {
    overflow: initial
}

#story-reading #parts-container-new header.panel-reading .supported-marker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #222;
    font-size: 13px
}

#story-reading #parts-container-new header.panel-reading .supported-marker img {
    margin-right: 8px
}

#story-reading #parts-container-new header.panel-reading .free-parts-warning {
    font-style: italic;
    font-size: 12px
}

#story-reading #parts-container-new header.panel-reading .story-stats {
    margin-bottom: 12px
}

#story-reading #parts-container-new header.panel-reading .story-stats .comments,#story-reading #parts-container-new header.panel-reading .story-stats .reads,#story-reading #parts-container-new header.panel-reading .story-stats .votes {
    margin: 0 6px
}

#story-reading #parts-container-new header.panel-reading h2 {
    margin: 24px 30px 12px
}

#story-reading #parts-container-new header.panel-reading .meta {
    padding-bottom: 12px
}

@media (max-width: 1349px) and (min-width:992px) {
    #story-reading #parts-container-new header.panel-reading .meta {
        margin-left:12px;
        margin-right: 12px
    }
}

#story-reading #parts-container-new header.panel-reading ul.story-extras {
    padding-top: 24px
}

#story-reading #parts-container-new .part-content {
    margin-top: 0
}

#story-reading #parts-container-new .panel-reading {
    padding: 0;
    margin-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#story-reading #parts-container-new .left-rail {
    position: absolute;
    max-width: 280px;
    z-index: 1000
}

#story-reading #parts-container-new .left-rail.bottomed .share-tools {
    display: none
}

#story-reading #parts-container-new .right-rail {
    padding-left: 0
}

#story-reading #parts-container-new .page {
    position: relative;
    overflow: visible
}

#story-reading #parts-container-new .first-page .panel-reading pre {
    padding-top: 32px
}

#story-reading #parts-container-new .last-page .panel-reading {
    margin-bottom: 24px
}

#story-reading #parts-container-new .part-header {
    margin-top: 32px
}

#story-reading #parts-container-new .reading-widget {
    margin: 25px;
    color: #222
}

@media (max-width: 992px) {
    #story-reading #parts-container-new .reading-widget {
        margin:10px 0 20px 0
    }
}

@media (min-width: 575px) {
    #story-reading #parts-container-new .reading-widget .panel-title {
        text-align:center;
        text-transform: uppercase;
        font-size: 14px;
        color: #6f6f6f;
        font-weight: 700
    }

    #story-reading #parts-container-new .promoted-stories-container .story-item .categories,#story-reading #parts-container-new .similar-stories-container .story-item .categories {
        display: none
    }

    #story-reading #parts-container-new .promoted-stories-container .story-item .title,#story-reading #parts-container-new .similar-stories-container .story-item .title {
        line-height: 21px
    }

    #story-reading #parts-container-new .promoted-stories-container .story-item .meta>span,#story-reading #parts-container-new .similar-stories-container .story-item .meta>span {
        padding-right: 12px
    }

    #story-reading #parts-container-new .promoted-stories-container .story-item a:focus,#story-reading #parts-container-new .promoted-stories-container .story-item a:hover,#story-reading #parts-container-new .similar-stories-container .story-item a:focus,#story-reading #parts-container-new .similar-stories-container .story-item a:hover {
        text-decoration: none
    }

    #story-reading #parts-container-new .promoted-stories-container .story-item a:focus .title,#story-reading #parts-container-new .promoted-stories-container .story-item a:hover .title,#story-reading #parts-container-new .similar-stories-container .story-item a:focus .title,#story-reading #parts-container-new .similar-stories-container .story-item a:hover .title {
        text-decoration: underline
    }
}

@media (min-width: 992px) {
    #story-reading #parts-container-new .tablet-center-widget {
        margin:0 auto;
        width: 310px
    }

    #story-reading #parts-container-new .similar-stories-container.similar-stories-footer .story-item {
        width: 50%
    }

    #story-reading #parts-container-new .similar-stories-container.similar-stories-footer .story-item .on-story-preview {
        width: 447px
    }

    #story-reading #parts-container-new .promoted-stories-container .panel-title,#story-reading #parts-container-new .similar-stories-container .panel-title {
        text-align: initial;
        font-size: 21px;
        color: #222;
        padding-bottom: 10px;
        border-bottom: 1px solid #eee
    }

    #story-reading #parts-container-new .promoted-stories-container .story-item .story-item-description,#story-reading #parts-container-new .similar-stories-container .story-item .story-item-description {
        display: block;
        line-height: 21px
    }

    #story-reading #parts-container-new .promoted-stories-container.similar-stories-footer #similar-stories,#story-reading #parts-container-new .similar-stories-container.similar-stories-footer #similar-stories {
        max-width: 1141px;
        min-width: 600px;
        width: 100%;
        height: 100%;
        margin: 0 auto
    }

    #story-reading #parts-container-new .promoted-stories-container.similar-stories-footer #similar-stories .section-heading,#story-reading #parts-container-new .similar-stories-container.similar-stories-footer #similar-stories .section-heading {
        color: #222;
        font-size: 24px;
        position: relative;
        display: inline-block;
        text-align: left;
        font-weight: 400;
        border-top: 1px solid #eee;
        padding: 16px;
        width: 100%
    }

    #story-reading #parts-container-new .promoted-stories-container.similar-stories-footer #similar-stories .stories,#story-reading #parts-container-new .similar-stories-container.similar-stories-footer #similar-stories .stories {
        padding: 0 16px
    }

    #story-reading #parts-container-new .promoted-stories-container.similar-stories-footer #similar-stories .story-item,#story-reading #parts-container-new .similar-stories-container.similar-stories-footer #similar-stories .story-item {
        max-height: 330px;
        float: left;
        position: relative;
        min-height: 1px;
        padding-bottom: 10px
    }

    #story-reading #parts-container-new .promoted-stories-container.similar-stories-footer #similar-stories .story-item:nth-of-type(2n),#story-reading #parts-container-new .similar-stories-container.similar-stories-footer #similar-stories .story-item:nth-of-type(2n) {
        float: right
    }

    #story-reading #parts-container-new .promoted-stories-container.similar-stories-footer #similar-stories .story-item .cover,#story-reading #parts-container-new .similar-stories-container.similar-stories-footer #similar-stories .story-item .cover {
        width: 142px;
        height: 221px
    }

    #story-reading #parts-container-new .promoted-stories-container.similar-stories-footer #similar-stories .story-item .on-story-preview,#story-reading #parts-container-new .similar-stories-container.similar-stories-footer #similar-stories .story-item .on-story-preview {
        max-height: 100%
    }

    #story-reading #parts-container-new .promoted-stories-container.similar-stories-footer #similar-stories .story-item .on-story-preview .title,#story-reading #parts-container-new .similar-stories-container.similar-stories-footer #similar-stories .story-item .on-story-preview .title {
        font-weight: 600;
        font-size: 18px;
        line-height: 24px;
        height: 24px
    }

    #story-reading #parts-container-new .promoted-stories-container.similar-stories-footer #similar-stories .story-item .story-item-description,#story-reading #parts-container-new .similar-stories-container.similar-stories-footer #similar-stories .story-item .story-item-description {
        font-size: 15px
    }

    #story-reading #parts-container-new .right-rail {
        height: 100%
    }
}

@media (min-width: 1350px) {
    #story-reading #parts-container-new .promoted-stories-container.similar-stories-footer #similar-stories .section-heading,#story-reading #parts-container-new .similar-stories-container.similar-stories-footer #similar-stories .section-heading {
        width:898px
    }
}

#story-reading #parts-container-new .similar-stories-container {
    margin-bottom: 20px
}

@media (max-width: 991px) {
    #story-reading #parts-container-new .similar-stories-container .story-item {
        width:50%
    }
}

@media (max-width: 991px) {
    #story-reading #parts-container-new .promoted-stories-container .story-item {
        width:100%
    }
}

@media (max-width: 991px) {
    #story-reading #parts-container-new #similar-stories .story-item:nth-child(n+7) {
        display:none
    }
}

#story-reading #parts-container-new #similar-stories .story-item .on-story-preview .title {
    font-size: 15px;
    line-height: 18px
}

#story-reading #parts-container-new #similar-stories .story-item .meta .reads .fa {
    top: 1px;
    position: relative
}

#story-reading #parts-container-new .author-info .info {
    padding-top: 7px
}

#story-reading #parts-container-new .author-info .info a {
    color: #222
}

#story-reading #parts-container-new .author-info .info button {
    margin-top: 10px
}

#story-reading #parts-container-new .author-info .author-about {
    font-style: italic;
    padding-top: 6px
}

#story-reading #parts-container-new .share-tools.vertical {
    position: inherit;
    width: 40px;
    color: #6f6f6f;
    z-index: 1000
}

@media (min-width: 1350px) {
    #story-reading #parts-container-new .share-tools.vertical {
        margin-top:40px;
        margin-left: 110px
    }
}

#story-reading #parts-container-new .share-tools.vertical .button-group,#story-reading #parts-container-new .share-tools.vertical .title,#story-reading #parts-container-new .share-tools.vertical a {
    left: 0
}

#story-reading #parts-container-new footer .reading-bottom-ad {
    width: 728px;
    height: 90px;
    margin: 0 auto
}

#story-reading #parts-container-new footer .background-lg {
    padding: 40px 30px;
    position: relative
}

#story-reading #parts-container-new footer .next-up {
    display: block;
    border-top: none;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 25px;
    margin: auto;
    max-width: 650px;
    padding: 12px 0;
    text-align: center
}

@-webkit-keyframes slide-fade {
    0% {
        opacity: 1;
        left: 0
    }

    100% {
        opacity: .1;
        left: 14px
    }
}

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

    100% {
        opacity: .1;
        left: 14px
    }
}

#story-reading #parts-container-new footer .next-up-title {
    font-weight: initial;
    font-size: initial
}

#story-reading #parts-container-new footer a:hover {
    text-decoration: none
}

#story-reading #parts-container-new footer .next-up-icon {
    position: relative;
    padding: 0 5px
}

#story-reading #parts-container-new footer .next-part:hover .next-up-icon {
    -webkit-animation: slide-fade 1s linear infinite;
    animation: slide-fade 1s linear infinite
}

#story-reading #parts-container-new footer .grey {
    background-color: #eee!important;
    color: #6f6f6f!important
}

#story-reading #parts-container-new footer .load-more-page .fa-loading {
    padding: 0 5px
}

#story-reading #parts-container-new footer .orange {
    background-color: #ff6122
}

#story-reading #parts-container-new footer .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 16px
}

#story-reading #parts-container-new footer .actions .share-tools {
    text-align: center
}

#story-reading #parts-container-new footer .actions .share-tools>.button-group,#story-reading #parts-container-new footer .actions .share-tools>a {
    display: inline-block;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    background: #eee;
    vertical-align: top;
    margin-right: 3px
}

#story-reading #parts-container-new footer .actions .share-tools>.button-group span,#story-reading #parts-container-new footer .actions .share-tools>a span {
    position: relative;
    top: 7px
}

#story-reading #parts-container-new footer .actions .share-tools>.button-group:hover,#story-reading #parts-container-new footer .actions .share-tools>a:hover {
    text-decoration: none
}

#story-reading #parts-container-new footer .actions .share-tools>.button-group.more,#story-reading #parts-container-new footer .actions .share-tools>a.more {
    margin-left: 0
}

#story-reading #parts-container-new footer .actions .share-tools>.button-group.more .btn,#story-reading #parts-container-new footer .actions .share-tools>a.more .btn {
    padding-left: 9px;
    padding-top: 2px
}

#story-reading #parts-container-new footer .actions .share-tools>.share-twitter {
    background-color: #55acee
}

#story-reading #parts-container-new footer .actions .share-tools>.share-facebook {
    background-color: #3b5998
}

#story-reading #parts-container-new footer .actions .share-tools>.share-pinterest {
    background-color: #bd081c
}

#story-reading #parts-container-new footer .actions .share-tools>.share-tumblr {
    background-color: #35465c
}

#story-reading #parts-container-new footer .actions .share-tools>.share-embed {
    background-color: #6f6f6f
}

#story-reading #parts-container-new footer .actions .share-tools>.share-post-to-profile {
    background-color: #ff6122
}

#story-reading #parts-container-new footer .actions .share-tools li a .fa {
    top: 2px
}

#story-reading #parts-container-new footer .actions .share-tools li a .fa {
    position: relative;
    top: 2px;
    left: -6px
}

#story-reading #parts-container-new footer .actions .share-tools li a:hover .fa {
    color: #007f80
}

#story-reading #parts-container-new footer .recommended-stories-view a:hover {
    text-decoration: underline
}

#story-reading #parts-container-new footer .part-recommendations-container .row {
    margin-left: 0;
    margin-right: 0
}

#story-reading #parts-container-new footer .part-recommendations-container .row .colWrap,#story-reading #parts-container-new footer .part-recommendations-container .row .promoted-recommended-stories-view {
    padding: 15px 0 20px 30px;
    margin: 10px 20px 10px 0;
    min-width: 500px;
    float: left;
    border-top: 1px solid #eee;
    height: 316px
}

#story-reading #parts-container-new footer .part-recommendations-container .row .no-promoted-section {
    max-width: 976px
}

#story-reading #parts-container-new footer .part-recommendations-container .row .promoted-recommended-stories-view {
    width: auto
}

@media (max-width: 1140px) {
    #story-reading #parts-container-new footer .part-recommendations-container .row .no-promoted-section {
        width:500px
    }
}

@media (max-width: 1675px) {
    #story-reading #parts-container-new footer .part-recommendations-container .row .has-promoted-section {
        width:500px
    }
}

#story-reading #parts-container-new footer .part-recommendations-container .row .colWrap {
    overflow: hidden;
    padding-right: 30px;
    margin-bottom: 30px
}

#story-reading #parts-container-new footer .part-recommendations-container .row .colWrap .recommended-stories-view {
    padding: 0
}

#story-reading #parts-container-new footer .part-recommendations-container .discover-rows .discover-module .collection {
    max-height: 270px
}

#story-reading #parts-container-new footer .part-recommendations-container .discover-rows .discover-module .collection .discover-module-stories-large {
    margin: 16px 0
}

#story-reading #parts-container-new footer .part-recommendations-container .discover-rows .discover-module .collection .discover-module-stories-large .promotion-description-story-reading {
    margin: 6px 0;
    font-size: 15px;
    color: #6f6f6f
}

#story-reading #parts-container-new footer .part-recommendations-container .discover-rows .discover-module .collection .discover-module-stories-large .promotion-description-story-reading .lightbold {
    display: inline-block;
    font-weight: 600
}

#story-reading #parts-container-new footer .part-recommendations-container .discover-rows .discover-module:after {
    content: none
}

#story-reading #parts-container-new .discover-rows {
    margin-top: 20px
}

#story-reading figcaption {
    display: none
}

.js-app-off #story-reading footer.panel.panel-reading>.next-up {
    border-top: none
}

.js-app-off #story-reading .page {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#notifications {
    position: relative
}

#notifications header {
    position: relative
}

#notifications header h1 {
    font-weight: 600;
    margin-bottom: 6px
}

#notifications header a {
    color: #6f6f6f;
    font-weight: 600;
    display: block;
    position: absolute;
    top: 30px;
    left: 150px
}

#notifications .notification-feed h2 {
    margin-bottom: 9px;
    color: #6f6f6f;
    margin-top: 12px;
    display: inline-block
}

#notifications .invite-panel-component {
    margin-top: 60px
}

#notifications #expand-modal .modal-header {
    margin-bottom: 0
}

#notifications #expand-modal .modal-header>.content {
    padding-right: 30px
}

#notifications #expand-modal .modal-header>button {
    position: absolute;
    top: 20px;
    right: 12px
}

#notifications #expand-modal .modal-body {
    padding: 24px 24px 15px
}

#notifications #expand-modal .modal-footer {
    padding: 0
}

#notifications #expand-modal .modal-footer button {
    border: none;
    padding: 15px;
    margin: 0
}

.search-results-header {
    background-color: #fff;
    height: 200px;
    padding-top: 75px
}

.search-results-header .search-summary {
    margin-bottom: 0
}

.search-results-header .search-tagline {
    font-style: italic
}

#search-results {
    padding-top: 40px;
    background-color: #fff
}

.story-grid:after,.story-grid:before {
    content: " ";
    display: table
}

.story-grid:after {
    clear: both
}

.story-grid:after,.story-grid:before {
    content: " ";
    display: table
}

.story-grid:after {
    clear: both
}

.story-grid a {
    color: #ff6122
}

.story-grid .story {
    float: left;
    text-align: center;
    position: relative;
    margin-bottom: 20px
}

.story-grid .story .cover {
    margin: 0 auto 6px
}

.story-grid .story strong {
    display: block;
    font-size: 13px;
    line-height: 18px;
    padding: 3px 5px 0;
    height: 36px;
    overflow: hidden
}

.story-grid .story .popover {
    width: 300px;
    margin-left: -150px;
    opacity: 1;
    top: 30%;
    bottom: auto;
    left: 50%;
    -webkit-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out
}

.story-grid .story .popover.last {
    margin-left: -196px
}

.story-grid .story .popover.last .arrow {
    left: 66%
}

.story-grid .story .popover .popover-title a {
    color: #222
}

.story-grid .story .popover .rankings .rank {
    display: block
}

.story-grid .story .popover p {
    margin: 9px 0 12px
}

#search-page main {
    margin-top: 32px
}

@media (max-width: 575px) {
    #search-page main {
        margin-top:16px
    }
}

#search-page #results-stories .promotion-description {
    font-size: 13px;
    color: #6f6f6f
}

#search-page #results-stories .contest-status {
    margin-top: 6px
}

#search-page #results-stories .contest-status .contest-end-date {
    margin-left: 10px;
    font-size: 12px;
    color: #6f6f6f
}

#search-page #results-stories .dropdown-menu {
    padding: 6px
}

#search-page #results-stories .dropdown-menu h4 {
    color: #6f6f6f;
    margin: 8px 0 0
}

#search-page #results-stories .dropdown-menu select {
    color: #6f6f6f;
    margin: 6px 0 6px 10px
}

#search-page #results-stories .dropdown-menu li a {
    color: #6f6f6f;
    font-size: 16px
}

#search-page .panel.panel-basic {
    -webkit-box-shadow: 0 4px 8px rgba(18,18,18,.12);
    box-shadow: 0 4px 8px rgba(18,18,18,.12);
    border-radius: 8px;
    padding: 16px
}

#search-page .search-tabs {
    border-bottom: 1px solid #eee
}

.new-search-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.new-search-page #search-controls {
    padding-top: 32px;
    border-bottom: none
}

.new-search-page #search-tabs-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 8px
}

@media (min-width: 576px) {
    .new-search-page #search-tabs-container {
        margin-left:24px
    }
}

.new-search-page #search-tabs-container .component-wrapper {
    width: 100%
}

.new-search-page #search-tabs-container .container {
    width: 100%;
    padding: 0
}

.new-search-page main.container {
    margin: 32px 0 0 0;
    padding: 0;
    width: 100%
}

.new-search-page main.container .row {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 943px) {
    .new-search-page main.container .row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.new-search-page main.container .row #search-filters-container {
    margin-left: 16px
}

.new-search-page main.container .row .right-ele {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 8px;
    position: relative;
    margin-top: 16px;
    padding: 0 8px
}

.new-search-page main.container .row .right-ele .sticky {
    position: sticky;
    top: 60px
}

@media (max-width: 1071px) {
    .new-search-page main.container .row .right-ele {
        display:none
    }
}

.new-search-page main.container .row #section-results-stories {
    padding: 8px
}

@media (min-width: 576px) and (max-width:943px) {
    .new-search-page main.container .row #section-results-stories {
        padding:8px 24px
    }
}

.new-search-page main.container .row #section-results-people {
    padding: 16px 8px 8px
}

@media (min-width: 576px) and (max-width:943px) {
    .new-search-page main.container .row #section-results-people {
        padding:8px 24px
    }
}

@media (max-width: 719px) {
    .new-search-page main.container .row #section-results-people {
        width:100%
    }
}

@media (min-width: 944px) and (max-width:1071px) {
    .new-search-page main.container .row #section-results-people {
        width:100%
    }
}

@media (max-width: 1408px) {
    .new-search-page main.container .row #section-results-people .list-group-item {
        width:500px
    }
}

.new-search-page .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 944px) and (max-width:1408px) {
    .new-search-page .left {
        margin-right:32px
    }
}

@media (max-width: 943px) {
    .new-search-page .left {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center
    }
}

.new-search-page #section-authentication {
    width: 100%;
    max-width: 344px;
    margin-left: 8px
}

@media (max-width: 943px) {
    .new-search-page #section-authentication {
        margin-left:0;
        max-width: 672px;
        padding: 0 24px
    }
}

@media (max-width: 575px) {
    .new-search-page #section-authentication {
        padding:0 8px
    }
}

#search-page {
    font-size: 13px;
    line-height: 18px;
    color: #6f6f6f;
    padding: 0
}

#search-page .feed-item-new li.list-group-item .meta {
    margin-left: 0
}

#search-page .feed-item-new.panel.new-container {
    -webkit-box-shadow: none;
    box-shadow: none
}

#search-page .search-filter>.fa-circle-filled {
    display: none
}

#search-page .search-filter>.fa-circle-empty {
    display: block
}

#search-page .search-filter.active>.fa-circle-filled {
    display: block
}

#search-page .search-filter.active>.fa-circle-empty {
    display: none
}

#search-page #tag-holder>* {
    display: inline-block;
    vertical-align: middle
}

#search-page #tag-holder .refine-label {
    width: 12%;
    margin-right: 5px;
    color: #6f6f6f;
    font-weight: 600;
    word-wrap: break-word
}

#search-page #tag-holder .component-wrapper {
    width: 100%
}

#search-page #tag-holder .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#search-page #tag-holder .tags .component-wrapper {
    width: 85%
}

@media (min-width: 768px) {
    #search-page #tag-holder .tags .refine-label {
        width:8%
    }

    #search-page #tag-holder .tags .component-wrapper {
        width: 90%
    }
}

@media (min-width: 1350px) {
    #search-page #tag-holder .tags .refine-label {
        width:5%
    }

    #search-page #tag-holder .tags .component-wrapper {
        width: 92%
    }
}

#search-controls {
    background: #fff;
    padding-top: 40px;
    text-align: left
}

#search-controls .container .small {
    color: #6f6f6f;
    margin-right: 12px
}

#search-controls .container .tags {
    text-align: left;
    display: inline
}

#search-controls .container .tags .tag {
    line-height: 23px
}

#search-page .category-dropdown {
    padding: 6px 33px 6px 9px;
    position: relative
}

#search-page .category-dropdown .btn-text {
    color: #6f6f6f
}

#search-page .expander {
    margin-bottom: 10px
}

#search-page .expander small {
    cursor: pointer
}

#search-page .expander .expandable {
    display: none
}

#search-page .expander .fa-right {
    display: inline-block
}

#search-page .expander.open .expandable {
    display: block
}

#search-page .expander.open .fa-right {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#search-page .filters {
    background: #f3f3f3;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    list-style-type: none;
    margin: 0;
    border: none;
    padding: 1em
}

#search-page .filters li a {
    height: auto;
    padding: 6px 33px 6px 9px;
    position: relative;
    color: #6f6f6f;
    line-height: 24px;
    background: #f3f3f3
}

#search-page .filters li a.active {
    color: #6f6f6f
}

#search-page .filters li a .fa {
    position: absolute;
    right: 9px;
    top: 7px
}

#results-people li {
    border-bottom: 1px solid #eee
}

#results-people li>a {
    padding-left: 12px
}

#results-people .results-people-update .feed-item-new {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    overflow: unset
}

#results-people .results-people-update .feed-item-new li>a {
    padding: 0
}

.paid-indicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: #222;
    margin-top: -3px
}

.paid-indicator img {
    margin-right: 8px;
    vertical-align: initial
}

#home #module-collection {
    display: block
}

#home .discover-module {
    position: relative
}

#home .discover-module .collection {
    display: block;
    overflow: visible
}

#home-index .load-container {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #fff;
    text-align: center
}

#home-index .load-container .fa-loading {
    position: relative;
    top: 40%
}

#home .discover-module .carousel-left,#home .discover-module .carousel-right {
    position: absolute;
    top: 50%;
    font-size: 45px
}

#home .discover-module .carousel-left {
    left: -50px
}

#home .discover-module .carousel-right {
    right: -50px
}

#browse-stories-page {
    margin-top: 54px
}

#browse-stories-page .container {
    padding-left: 0;
    padding-right: 0;
    max-width: 960px
}

#browse-stories-page #category-tags {
    padding: 0 20px;
    margin: 10px 0 0;
    border: none
}

#browse-stories-page #category-tags .title {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 10px
}

#browse-stories-page #category-tags .collection {
    height: 60px;
    overflow: hidden
}

#browse-stories-page #category-tags .collection {
    border-bottom: 1px solid #eee
}

#browse-stories-page #category-tags s {
    text-decoration: none
}

#browse-stories-page #category-tags .collection .tag-module-tags {
    display: inline-block
}

#browse-stories-page #category-tags .collection .tag-module-tags a {
    color: #6f6f6f;
    font-size: 18px;
    line-height: 60px;
    margin-right: 10px
}

#browse-stories-page #category-tags .collection .tag-module-tags a:hover {
    text-decoration: none
}

#browse-stories-page #hot-list-header {
    margin-top: 12px;
    margin-bottom: -24px;
    padding-left: 20px
}

#browse-stories-page #filter-tabs {
    border-top: none
}

#browse-stories-page header.background a:hover {
    text-decoration: none
}

#browse-stories-page header.background h1 {
    color: #fff
}

#browse-stories-page header.background .caret {
    border-top-width: 6px;
    border-left-width: 6px;
    border-right-width: 6px;
    margin-left: 7px
}

#browse-stories-page header.background .dropdown {
    display: inline-block
}

#browse-stories-page header.background .dropdown .dropdown-menu {
    width: 420px
}

#browse-stories-page header.background .actions .button-group {
    position: relative;
    top: 7px;
    right: 9px
}

#browse-stories-page header.background .actions .button-group .triangle {
    border-color: transparent transparent #f3f3f3 transparent;
    top: 89%
}

#browse-stories-page header.background .tags-header {
    margin-right: 14px;
    display: inline
}

#browse-stories-page header.background .tags {
    display: inline
}

#browse-stories-page header.background .tags .tag {
    color: #fff;
    cursor: pointer
}

#browse-stories-page .category-banner {
    height: auto;
    padding-top: 0;
    margin-top: 36px;
    padding-bottom: 30px
}

#browse-stories-page .category-banner .category-header {
    padding-top: 36px;
    margin: 0 36px
}

#browse-stories-page .category-banner .category-header h1 {
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 6px;
    line-height: 42px;
    margin-top: 0
}

#browse-stories-page .category-banner .category-header .title {
    font-size: 16px;
    margin: 0;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase
}

#browse-stories-page .category-banner .category-header .subtitle {
    font-size: 18px;
    margin: 0;
    line-height: 24px
}

#browse-stories-page .category-banner .category-header .fa-down-small {
    font-weight: 600;
    margin-left: 15px;
    vertical-align: middle
}

#browse-stories-page .category-banner .category-header .fa-check {
    position: absolute;
    left: 155px
}

#browse-stories-page .pull-left {
    margin-left: 6px
}

#browse-stories-page .pull-right {
    margin: 7.5px 36px 0 0
}

#browse-stories-page .pull-right .fa {
    right: 0
}

#browse-stories-page .show-completed {
    font-size: 15px;
    margin-top: 7px
}

#browse-stories-page .show-completed a {
    color: #6f6f6f
}

#browse-stories-page .show-completed a:hover {
    text-decoration: none
}

#browse-stories-page .show-completed .fa {
    position: relative;
    font-size: 11px;
    vertical-align: middle;
    top: -1px;
    padding-right: 7px
}

#browse-stories-page.completed-only .browse-story-item {
    display: none
}

#browse-stories-page.completed-only .browse-story-item.completed {
    display: inline-block
}

#browse-stories-page .stories {
    background-color: #fff;
    margin-top: 2px
}

#browse-stories-page .stories .collection {
    margin: 0 -2%
}

#browse-stories-page .stories .show-more {
    margin: 40px 0
}

#browse-stories-page .stories .collection {
    margin: 0
}

#browse-landing {
    margin-top: 54px
}

#browse-landing main .category-banner {
    display: block;
    background: #eee;
    height: 96px;
    padding: 0;
    color: #fff;
    margin-top: 18px;
    background-size: cover;
    overflow: hidden;
    background-position: right center
}

#browse-landing main .category-banner:hover {
    text-decoration: none
}

#browse-landing main .category-banner h2 {
    color: #fff;
    margin-top: 0;
    font-size: 21px;
    font-weight: 400;
    padding: 64px 12px 12px
}

#browse-landing main .stories .collection {
    margin: 0 -2%
}

#browse-landing main .stories .collection .mediumrect {
    position: relative;
    display: inline-block;
    width: 300px;
    margin: 30px 4% 6px;
    vertical-align: top
}

#browse-landing main .stories .show-more {
    margin-top: 40px
}

#discover-landing {
    margin-top: 54px
}

#discover-landing .background-lg {
    position: relative;
    text-align: center;
    padding: 30px;
    margin: 36px 0 24px;
    height: 450px
}

#discover-landing .background-lg h1 {
    position: relative;
    margin: 24px 0 24px;
    font-size: 64px;
    font-weight: 600;
    line-height: 66px;
    z-index: 1
}

#discover-landing .background-lg p {
    position: relative;
    font-size: 20px;
    color: #eee;
    line-height: 21px;
    margin: 6px 0;
    z-index: 1
}

#discover-landing .background-lg .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,178,178,.175);
    z-index: 0
}

#discover-landing h2 {
    margin-top: 36px;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #222
}

#discover-landing .discover-category,#discover-landing .discover-tag {
    display: block;
    padding: 15px 0;
    width: 100%;
    margin: 6px 0;
    background: #eee;
    color: #6f6f6f;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    text-align: center
}

#discover-landing .discover-category:hover,#discover-landing .discover-tag:hover {
    text-decoration: none;
    color: #6f6f6f
}

#discover-landing .discover-tag {
    border-radius: 30px
}

#discover-landing .loading-placeholder {
    position: relative;
    height: 0;
    padding-bottom: 38.28%;
    text-align: center
}

#discover-landing #authentication-panel {
    float: right;
    z-index: 1;
    position: relative
}

#discover-landing #authentication-panel .white-text,#discover-landing #authentication-panel a,#discover-landing #authentication-panel small a {
    color: #fff
}

#discover-landing #authentication-panel .signin-buttons .left {
    padding-right: 0
}

#discover-landing #authentication-panel .signin-buttons .right {
    padding-left: 0
}

@media (min-width: 768px) {
    #discover-landing #authentication-panel .signin-buttons .left {
        padding-right:5px
    }

    #discover-landing #authentication-panel .signin-buttons .right {
        padding-left: 5px
    }
}

#discover-landing #authentication-panel .signin-buttons .auth-btn-long {
    display: none
}

#discover-landing #authentication-panel .signin-buttons .auth-btn-short {
    display: inline
}

#discover-landing #authentication-panel .signin-buttons button {
    padding-left: 0;
    padding-right: 0
}

#discover-landing #authentication-panel header.panel-heading {
    display: none
}

#discover-landing #authentication-panel .panel-footer {
    background: 0 0
}

#discover-landing #sign-up-header {
    text-align: left;
    margin-top: 54px
}

@media (max-width: 991px) {
    #discover-landing .loading-placeholder {
        padding-bottom:52.76%
    }

    #discover-landing #sign-up-header {
        margin-top: 0;
        padding-left: 20px
    }

    #discover-landing #sign-up-header h1 {
        margin-top: 0
    }

    #discover-landing .background-lg {
        padding: 30px 8%
    }
}

@media (max-width: 630px) {
    #discover-landing #authentication-panel {
        z-index:1;
        position: relative;
        float: initial;
        width: 250px;
        margin: 0 auto
    }

    #discover-landing #sign-up-header {
        width: 100%;
        text-align: center;
        margin-top: 0;
        margin-bottom: 43px
    }

    #discover-landing .background-lg {
        height: 566px
    }
}

.error-404 {
    float: none;
    text-align: center;
    color: #6f6f6f
}

.error-404 .heading {
    font-weight: 600;
    padding-top: 40px
}

.error-404 .subheading {
    font-size: 24px;
    line-height: 32px;
    max-width: 504px;
    display: inline-block;
    margin-bottom: 21px
}

.error-404 .fa-search {
    margin: 13px 9px;
    position: absolute
}

.error-404 #search-query {
    height: 47px;
    border: none;
    width: 65%;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 57px;
    padding: 0 30px;
    color: #6f6f6f
}

.error-404 #search-query::-moz-placeholder {
    color: #6f6f6f;
    opacity: 1
}

.error-404 #search-query:-ms-input-placeholder {
    color: #6f6f6f
}

.error-404 #search-query::-webkit-input-placeholder {
    color: #6f6f6f
}

.error-404 #search-query input::-webkit-input-placeholder {
    color: #6f6f6f;
    font-size: 16px;
    -webkit-transition: color 133ms ease;
    transition: color 133ms ease
}

.error-404 #search-query input:-moz-placeholder {
    color: #6f6f6f;
    font-size: 16px;
    -webkit-transition: color 133ms ease;
    -moz-transition: color 133ms ease;
    transition: color 133ms ease
}

.error-404 #search-query input::-moz-placeholder {
    color: #6f6f6f;
    font-size: 16px;
    -webkit-transition: color 133ms ease;
    -moz-transition: color 133ms ease;
    transition: color 133ms ease
}

.error-404 #search-query input:-ms-input-placeholder {
    color: #6f6f6f;
    font-size: 16px;
    -webkit-transition: color 133ms ease;
    -ms-transition: color 133ms ease;
    transition: color 133ms ease
}

#error-404 .categories-grid {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px
}

#error-404 .categories-grid .category-item {
    height: 100px;
    padding: 10px
}

#error-404 .categories-grid .category-item a {
    border-radius: 5px;
    display: block;
    width: 100%;
    height: 100%
}

#error-404 .categories-grid .text {
    position: absolute;
    top: 36%;
    margin-right: auto;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    left: 0
}

#error-404 .categories-grid .more {
    line-height: 100px
}

#error-404 .trending-tags {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px;
    margin-bottom: 20px
}

#error-404 .trending-tags ul {
    list-style-type: none;
    padding: 0
}

#error-404 .trending-tags li {
    font-size: 24px;
    line-height: 53px;
    font-weight: 600
}

#error-404 .trending-tags a,#error-404 .trending-tags a:hover {
    text-decoration: none;
    color: #6f6f6f
}

.merch-message-wrapper {
    margin-top: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.merch-message-wrapper .merch-message-image {
    width: 459px
}

.merch-message-wrapper h3 {
    margin: 0 auto;
    margin-top: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #222
}

.merch-message-wrapper p {
    width: 500px;
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px
}

@media (max-height: 750px) {
    .merch-message-wrapper {
        margin-top:calc(50px)
    }
}

@media (max-width: 991px) {
    .merch-message-wrapper {
        height:100vh;
        padding: 0 36px;
        margin-top: 0
    }

    .merch-message-wrapper .merch-message-image {
        width: 100%
    }

    .merch-message-wrapper h3 {
        font-size: 18px;
        line-height: 30px
    }

    .merch-message-wrapper p {
        font-size: 14px;
        line-height: 21px;
        margin-top: 8px;
        width: 100%
    }
}

.typed-cursor {
    opacity: 1;
    -webkit-animation: blink .7s infinite;
    animation: blink .7s infinite
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.scroll-arrow {
    position: relative;
    display: block;
    cursor: pointer;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
    -webkit-animation: arrowbounce .8s ease-in infinite alternate;
    animation: arrowbounce .8s ease-in infinite alternate
}

@keyframes arrowbounce {
    from {
        bottom: 10px
    }

    to {
        bottom: 20px
    }
}

@-webkit-keyframes arrowbounce {
    from {
        bottom: 10px
    }

    to {
        bottom: 20px
    }
}

.category-layout {
    background-color: #6f6f6f
}

@media (min-height: 840px) and (min-width:768px) {
    .category-layout .container.auth {
        padding-top:50px;
        padding-bottom: 50px
    }
}

.category-layout #wattpad-logo {
    background-image: none
}

.category-layout .headline {
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px
}

.category-layout .headline h1 {
    font-size: 64px;
    font-weight: 700;
    margin-bottom: 24px;
    height: 65px
}

.category-layout .mobile .headline h1 {
    height: auto;
    line-height: 56px
}

@media (min-width: 768px) {
    .category-layout .full-screen:after {
        display:none;
        content: url(/img/homepages/backgrounds/romance.jpg?v=1) url(/img/homepages/backgrounds/fanfic.jpg?v=1) url(/img/homepages/backgrounds/scifi.jpg?v=1) url(/img/homepages/backgrounds/mystery.jpg?v=1) url(/img/homepages/backgrounds/werewolf.jpg?v=1)
    }
}

.category-layout .background-1 {
    background-image: url(/img/homepages/backgrounds/romance.jpg?v=1)
}

.category-layout .background-2 {
    background-image: url(/img/homepages/backgrounds/fanfic.jpg?v=1)
}

.category-layout .background-3 {
    background-image: url(/img/homepages/backgrounds/scifi.jpg?v=1)
}

.category-layout .background-4 {
    background-image: url(/img/homepages/backgrounds/mystery.jpg?v=1)
}

.category-layout .background-5 {
    background-image: url(/img/homepages/backgrounds/werewolf.jpg?v=1)
}

.category-layout .panel.panel-transparent .panel-body {
    background-color: transparent
}

.category-layout .panel.panel-transparent .panel-footer {
    background-color: transparent;
    border-top: none
}

.category-layout .auth-form .vr {
    width: 1px;
    height: 45%;
    border-left: 1px solid #eee;
    margin: auto
}

.category-layout .auth-form .vr-text {
    margin: auto;
    margin-top: -1px
}

.category-layout #auth-header {
    margin-bottom: 0
}

.category-layout #auth-header .btn {
    padding: 10px 20px 11px
}

.category-layout #auth-header .btn-link.on-login {
    border: 1px solid #fff;
    border-radius: 4px;
    font-weight: 700;
    background-color: rgba(255,255,255,.1)
}

.category-layout .footer-wrapper {
    background-color: #fff;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: -12px
}

.category-layout .footer-wrapper h2 {
    font-size: 36px;
    margin-bottom: 5px
}

.category-layout .footer-wrapper .byline {
    display: block;
    margin-bottom: 20px;
    font-size: 22px
}

.category-layout #value-props #phone-row {
    margin-top: 50px
}

@media (min-width: 768px) {
    .category-layout #value-props #comment-row {
        margin-top:125px
    }
}

.category-layout #value-props #comment-row #value-comment {
    position: relative
}

@media (max-width: 767px) {
    .category-layout #value-props #comment-row #value-comment {
        margin:125px auto 75px;
        max-width: 437px
    }
}

.category-layout #value-props #comment-row #value-comment .comment-bubble {
    position: absolute;
    background-size: cover;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.category-layout #value-props #comment-row #value-comment #one {
    top: -87px;
    right: 0
}

.category-layout #value-props #comment-row #value-comment #two {
    bottom: 45px;
    left: -80px
}

.category-layout #value-props #comment-row #value-comment #three {
    bottom: -50px;
    right: 0
}

.category-layout #value-props #comment-row #value-comment #four {
    top: -75px;
    left: -90px
}

@media (min-width: 768px) {
    .category-layout #value-props #write-row {
        margin-top:125px
    }
}

@media (max-width: 767px) {
    .category-layout #value-props #write-row #value-write {
        margin-top:50px;
        margin-bottom: 25px
    }
}

.category-layout #value-props #button-row {
    margin-top: 110px;
    margin-bottom: 0;
    text-align: center
}

.category-layout #value-props #button-row a {
    min-width: 30%
}

@media (max-width: 767px) {
    .category-layout #value-props #button-row {
        margin-top:60px
    }
}

.category-layout #value-props .value-title {
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -1px;
    margin-top: 25px;
    margin-bottom: 20px;
    line-height: 1;
    padding-top: 40px
}

.category-layout #value-props .value-desc {
    font-size: 18px;
    line-height: 1
}

.category-layout #value-props .col-sm-4~.col-sm-4 {
    margin-left: 12px
}

.category-layout #value-props .value-image {
    width: 100%;
    max-width: 100%;
    height: auto
}

@media (max-width: 767px) {
    .category-layout #value-props .value-image {
        margin:auto;
        max-width: 50%
    }

    .category-layout #value-props #value-comment .value-image {
        max-width: 75%
    }

    .category-layout #value-props .value-text {
        margin: 0 50px
    }

    .category-layout #value-props .row {
        margin-bottom: 25px
    }
}

.category-layout #devices-row {
    margin-top: 100px;
    background-image: url(/img/homepages/value/covers.jpg);
    background-size: cover;
    height: 303px
}

.category-layout #devices-row h2 {
    color: #fff;
    font-weight: 800;
    margin-top: 44px;
    letter-spacing: -1px
}

.category-layout #devices-row span.byline {
    color: #fff;
    font-size: 18px
}

.category-layout #devices-row img.devices {
    margin-top: 45px
}

.category-layout #devices-row #download-row {
    margin-top: 35px
}

@media (max-width: 767px) {
    .category-layout #devices-row {
        margin-bottom:300px;
        margin-top: 50px
    }
}

.category-layout #footer-devices {
    width: 100%;
    max-width: 419px
}

.category-layout .footer-appstore {
    height: 45px;
    margin-bottom: 5px
}

.category-layout #auth-footer {
    background-color: #6f6f6f
}

@media (max-width: 768px) {
    .category-layout .footer-wrapper {
        text-align:center
    }
}

@media (min-width: 768px) {
    .category-layout .panel.panel-transparent .panel-footer {
        display:none
    }
}

.privacy-settings {
    background-color: #transparent
}

.privacy-settings .checkbox-holder {
    margin-bottom: 2rem
}

.privacy-settings .checkbox-holder input {
    display: inline-block;
    margin: 0 .8rem 0 0;
    vertical-align: middle;
    width: 16px;
    height: 16px
}

.privacy-settings .checkbox-holder label {
    margin: 0;
    color: #121212
}

.privacy-settings .icon-holder {
    background-color: #00854e;
    border-radius: 4rem;
    height: 40px;
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto 2rem
}

#library-landing-page header {
    padding: 28px 0 22px
}

#library-landing-page header h1 {
    font-weight: 600;
    font-size: 40px;
    color: #222
}

#library-landing-page header .sub-navigation {
    border-top: none
}

#library-landing-page header .sub-navigation nav li a {
    font-size: 17px;
    padding: 0 9px;
    height: 42px;
    line-height: 42px
}

#library-landing-page .page-controls {
    padding: 12px 0
}

#library-landing-page .page-controls .btn {
    margin: 0
}

#library-landing-page .page-controls .btn .fa {
    top: 0;
    padding-left: 6px;
    padding-right: 0;
    margin-right: -6px
}

#library-landing-page .page-controls .page-status {
    padding-top: 4px;
    font-size: 13px;
    color: #6f6f6f;
    padding-right: 6px
}

#library-landing-page .collection {
    margin: 0 -2%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

#library-landing-page .collection .library-ad-container {
    width: 100%;
    margin: 30px auto 6px;
    text-align: center
}

#library-landing-page .reading-list-tab {
    padding: 0
}

#reading-list {
    margin-top: 24px
}

#reading-list #authentication-panel {
    border: none;
    margin-top: 24px
}

@media (max-width: 767px) {
    #reading-list main {
        padding-top:3%
    }

    #reading-list #authentication-panel {
        display: none
    }
}

#reading-list .page-controls {
    border-bottom: 1px solid #eee;
    padding: 1% 0;
    margin: 0 0 3%
}

#reading-list .page-controls .page-status {
    font-size: 13px;
    color: #6f6f6f
}

#reading-list .on-edit-show {
    display: none
}

#reading-list .cover-reading-list {
    background-color: transparent
}

@media (max-width: 767px) {
    #reading-list .cover-reading-list img {
        max-width:157px;
        min-width: 84px;
        display: block;
        margin: 0 auto
    }
}

#reading-list .follow,#reading-list .reading-list-info {
    padding: 10px
}

@media (max-width: 767px) {
    #reading-list .follow,#reading-list .reading-list-info {
        font-size:88%
    }
}

#reading-list .h2,#reading-list .list-name-controls {
    margin: 2% 0;
    color: #222
}

#reading-list .input-group {
    width: 100%
}

#reading-list .meta {
    padding: 0;
    margin: 0;
    list-style-type: none
}

#reading-list .meta li {
    display: inline-block;
    color: #6f6f6f
}

#reading-list .meta li+li:before {
    content: "\00b7";
    font-size: 30px;
    position: relative;
    top: 5px;
    padding: 0 5px 0 4px
}

#reading-list .btn .fa {
    padding-right: 0
}

#reading-list .taglist {
    overflow: hidden
}

#reading-list .follow {
    position: relative;
    padding: 5px 0;
    margin: 5px 0;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee
}

#reading-list .follow .avatar,#reading-list .follow ul {
    display: inline-block;
    vertical-align: top;
    color: #6f6f6f
}

#reading-list .follow ul {
    font-size: 15px;
    list-style-type: none;
    margin: 0;
    line-height: 110%;
    padding: 10px 5px
}

#reading-list .follow button {
    position: absolute;
    top: 10px;
    right: 0;
    width: 36px;
    height: 36px;
    padding: 0
}

#reading-list .edit-toolbar {
    margin: 2% 0
}

@media (max-width: 767px) {
    #reading-list .reading-list-sidebar {
        padding:0
    }

    #reading-list .reading-list-sidebar .btn-group-vertical>.btn-group,#reading-list .reading-list-sidebar .btn-toolbar,#reading-list .reading-list-sidebar .clearfix,#reading-list .reading-list-sidebar .container,#reading-list .reading-list-sidebar .container-fluid,#reading-list .reading-list-sidebar .dl-horizontal dd,#reading-list .reading-list-sidebar .form-horizontal .form-group,#reading-list .reading-list-sidebar .modal-footer,#reading-list .reading-list-sidebar .panel-body,#reading-list .reading-list-sidebar .row {
        min-height: 175px
    }
}

#reading-list .drag-handle {
    margin: 40px 5% 0 0
}

#reading-list .checked-in {
    display: none
}

#reading-list .circular-checkbox {
    margin: 40px 0 0
}

#reading-list .story-status {
    padding: 0 0 6px
}

#reading-list .select-all {
    height: 67px;
    padding: 18px;
    border-bottom: 1px solid #eee
}

@media (max-width: 767px) {
    #reading-list .select-all {
        padding-left:3%;
        padding-right: 3%
    }
}

#reading-list .select-all .text {
    line-height: 30px;
    margin-right: 10px;
    color: #6f6f6f;
    font-weight: 600
}

#reading-list .select-all .circular-checkbox {
    position: relative;
    margin: 0
}

#reading-list .list-group .list-group-item h5 {
    max-height: 36px;
    overflow: hidden
}

#reading-list .list-group .list-group-item .content>p {
    font-size: 13px;
    line-height: initial;
    color: #6f6f6f
}

@media (max-width: 767px) {
    #reading-list .list-group .list-group-item .btn-group-vertical>.btn-group,#reading-list .list-group .list-group-item .btn-toolbar,#reading-list .list-group .list-group-item .clearfix,#reading-list .list-group .list-group-item .container,#reading-list .list-group .list-group-item .container-fluid,#reading-list .list-group .list-group-item .dl-horizontal dd,#reading-list .list-group .list-group-item .form-horizontal .form-group,#reading-list .list-group .list-group-item .modal-footer,#reading-list .list-group .list-group-item .panel-body,#reading-list .list-group .list-group-item .row {
        padding:3%
    }

    #reading-list .list-group .list-group-item .content>p {
        font-size: 12px;
        line-height: 14px;
        max-height: 71px;
        overflow: hidden
    }

    #reading-list .list-group .list-group-item .story-status {
        padding: 0
    }
}

#reading-list .list-controls {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    border-top: 1px solid #eee;
    padding: 5px 2%;
    font-weight: 600;
    display: none;
    z-index: 2
}

#reading-list .list-controls .btn-md {
    padding: 5px 20px
}

#reading-list .num-selected {
    padding: 5px 0;
    line-height: 30px;
    margin: 3px 5px
}

#reading-list-create .fa {
    margin: 6px 0
}

#reading-list-create button {
    margin-left: 12px
}

#create-revision-browser .header {
    width: 100%;
    height: 60px;
    line-height: 20px;
    padding: 15px;
    position: fixed;
    z-index: 1000;
    background-color: #00b2b2;
    color: #fff;
    border-bottom: 1px solid #099
}

#create-revision-browser .header .header-text {
    display: inline-block;
    padding-top: 5px
}

#create-revision-browser #revision-preview-container {
    width: 860px;
    margin: 0 auto;
    padding: 48px;
    background-color: #fff
}

#create-revision-browser #revision-preview-container .story-text {
    min-height: 500px;
    padding-top: 50px;
    padding-bottom: 500px;
    font-size: 18px;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 24px
}

#create-revision-browser #revision-preview-container .story-text p {
    margin-bottom: 24px
}

#create-revision-browser #revision-preview-container .story-text p img {
    max-width: 100%
}

#create-revision-browser #revision-preview-container .story-text p[data-media-type=image] .on-remove-image {
    display: none
}

#create-revision-browser #revision-preview-container .story-text p[data-media-type=video] {
    text-align: center
}

#create-revision-browser #revision-list-container {
    position: fixed;
    top: 60px;
    right: 0;
    width: 420px;
    background-color: #fff
}

#create-revision-browser #revision-list-container h4 {
    text-align: center;
    margin: 0
}

#create-revision-browser figcaption {
    display: none
}

@-webkit-keyframes medium-editor-image-loading {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes medium-editor-image-loading {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes medium-editor-pop-upwards {
    0% {
        opacity: 0;
        -webkit-transform: matrix(.97,0,0,1,0,12);
        transform: matrix(.97,0,0,1,0,12)
    }

    20% {
        opacity: .7;
        -webkit-transform: matrix(.99,0,0,1,0,2);
        transform: matrix(.99,0,0,1,0,2)
    }

    40% {
        opacity: 1;
        -webkit-transform: matrix(1,0,0,1,0,-1);
        transform: matrix(1,0,0,1,0,-1)
    }

    100% {
        -webkit-transform: matrix(1,0,0,1,0,0);
        transform: matrix(1,0,0,1,0,0)
    }
}

@keyframes medium-editor-pop-upwards {
    0% {
        opacity: 0;
        -webkit-transform: matrix(.97,0,0,1,0,12);
        transform: matrix(.97,0,0,1,0,12)
    }

    20% {
        opacity: .7;
        -webkit-transform: matrix(.99,0,0,1,0,2);
        transform: matrix(.99,0,0,1,0,2)
    }

    40% {
        opacity: 1;
        -webkit-transform: matrix(1,0,0,1,0,-1);
        transform: matrix(1,0,0,1,0,-1)
    }

    100% {
        -webkit-transform: matrix(1,0,0,1,0,0);
        transform: matrix(1,0,0,1,0,0)
    }
}

.medium-editor-anchor-preview {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    left: 0;
    line-height: 1.4;
    max-width: 280px;
    position: absolute;
    text-align: center;
    top: 0;
    word-break: break-all;
    word-wrap: break-word;
    visibility: hidden;
    z-index: 2000
}

.medium-editor-anchor-preview a {
    color: #fff;
    display: inline-block;
    margin: 5px 5px 10px
}

.medium-editor-anchor-preview-active {
    visibility: visible
}

.medium-editor-dragover {
    background: #ddd
}

.medium-editor-image-loading {
    -webkit-animation: medium-editor-image-loading 1s infinite ease-in-out;
    animation: medium-editor-image-loading 1s infinite ease-in-out;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    height: 40px;
    width: 40px
}

.medium-editor-placeholder {
    position: relative
}

.medium-editor-placeholder:after {
    content: attr(data-placeholder)!important;
    font-style: italic;
    position: absolute;
    left: 0;
    top: 0;
    white-space: pre;
    padding: inherit;
    margin: inherit
}

.medium-editor-placeholder-relative {
    position: relative
}

.medium-editor-placeholder-relative:after {
    content: attr(data-placeholder)!important;
    font-style: italic;
    position: relative;
    white-space: pre;
    padding: inherit;
    margin: inherit
}

.medium-toolbar-arrow-over:before,.medium-toolbar-arrow-under:after {
    border-style: solid;
    content: '';
    display: block;
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0
}

.medium-toolbar-arrow-under:after {
    border-width: 8px 8px 0 8px
}

.medium-toolbar-arrow-over:before {
    border-width: 0 8px 8px 8px;
    top: -8px
}

.medium-editor-toolbar {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 2000
}

.medium-editor-toolbar ul {
    margin: 0;
    padding: 0
}

.medium-editor-toolbar li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0
}

.medium-editor-toolbar li button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 1.33;
    margin: 0;
    padding: 15px;
    text-decoration: none
}

.medium-editor-toolbar li button:focus {
    outline: 0
}

.medium-editor-toolbar li .medium-editor-action-underline {
    text-decoration: underline
}

.medium-editor-toolbar li .medium-editor-action-pre {
    font-family: Consolas,"Liberation Mono",Menlo,Courier,monospace;
    font-size: 12px;
    font-weight: 100;
    padding: 15px 0
}

.medium-editor-toolbar-active {
    visibility: visible
}

.medium-editor-sticky-toolbar {
    position: fixed;
    top: 1px
}

.medium-editor-relative-toolbar {
    position: relative
}

.medium-editor-toolbar-active.medium-editor-stalker-toolbar {
    -webkit-animation: medium-editor-pop-upwards 160ms forwards linear;
    animation: medium-editor-pop-upwards 160ms forwards linear
}

.medium-editor-action-bold {
    font-weight: bolder
}

.medium-editor-action-italic {
    font-style: italic
}

.medium-editor-toolbar-form {
    display: none
}

.medium-editor-toolbar-form a,.medium-editor-toolbar-form input {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

.medium-editor-toolbar-form .medium-editor-toolbar-form-row {
    line-height: 14px;
    margin-left: 5px;
    padding-bottom: 5px
}

.medium-editor-toolbar-form .medium-editor-toolbar-input,.medium-editor-toolbar-form label {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    margin: 0;
    padding: 6px;
    width: 316px;
    display: inline-block
}

.medium-editor-toolbar-form .medium-editor-toolbar-input:focus,.medium-editor-toolbar-form label:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.medium-editor-toolbar-form a {
    display: inline-block;
    font-size: 24px;
    font-weight: bolder;
    margin: 0 10px;
    text-decoration: none
}

.medium-editor-toolbar-form-active {
    display: block
}

.medium-editor-toolbar-actions:after {
    clear: both;
    content: "";
    display: table
}

.medium-editor-element {
    word-wrap: break-word;
    min-height: 30px
}

.medium-editor-element img {
    max-width: 100%
}

.medium-editor-element sub {
    vertical-align: sub
}

.medium-editor-element sup {
    vertical-align: super
}

.medium-editor-hidden {
    display: none
}

.medium-toolbar-arrow-under:after {
    border-color: #3d3a36 transparent transparent transparent
}

.medium-toolbar-arrow-over:before {
    top: -8px;
    border-color: transparent transparent #6f6f6f transparent
}

.medium-editor-toolbar {
    border: 0 solid #6f6f6f;
    background-color: #3d3a36;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 3px #6f6f6f;
    box-shadow: 0 0 3px #6f6f6f;
    height: 52px
}

.medium-editor-toolbar ul {
    border-radius: 5px
}

.medium-editor-toolbar li button {
    height: 35px;
    width: 35px;
    border: 0;
    background-color: #3d3a36;
    color: #00b2b2;
    -webkit-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in;
    border-radius: 4px;
    margin: 8px;
    padding: 9px
}

.medium-editor-toolbar li button:hover {
    background-color: #4a4743
}

.medium-editor-toolbar li .medium-editor-button-active {
    background-color: #00b2b2;
    color: #fff!important
}

.medium-editor-toolbar li .medium-editor-button-active span.fa {
    color: #fff!important
}

.medium-editor-toolbar li .medium-editor-button-active:hover {
    background-color: #099
}

.medium-editor-toolbar li .medium-editor-action-underline {
    text-decoration: none
}

.medium-editor-toolbar-form {
    background: #3d3a36;
    color: #00b2b2;
    border-radius: 5px
}

.medium-editor-toolbar-form .medium-editor-toolbar-input {
    height: 50px;
    background: #3d3a36;
    color: #00b2b2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.medium-editor-toolbar-form a {
    color: #fff;
    vertical-align: middle
}

.medium-editor-toolbar-anchor-preview {
    background: #242424;
    color: #fff;
    border-radius: 5px
}

.medium-editor-placeholder:after {
    color: #b3b3b1
}

#get-mobile-page #getapp {
    height: 450px;
    background-color: #322864;
    background-size: cover;
    color: #fff;
    overflow: hidden
}

#get-mobile-page #getapp h1 {
    font-weight: 600
}

@media (max-width: 991px) {
    #get-mobile-page #getapp {
        height:340px
    }
}

#get-mobile-page #getapp .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#get-mobile-page #getapp-mobile {
    height: 623px;
    background-image: url(/img/getmobile/landingpage_bg.jpg);
    background-size: cover;
    color: #fff;
    overflow: hidden
}

#get-mobile-page #getapp-mobile h1 {
    font-weight: 600;
    margin: 42px auto;
    width: 60%;
    height: 68px
}

#get-mobile-page #getapp-mobile .appstore-image,#get-mobile-page #getapp-mobile .ratings-stars,#get-mobile-page #getapp-mobile small {
    display: block;
    margin: auto
}

#get-mobile-page #getapp-mobile .appstore-image {
    margin-bottom: 9px
}

#get-mobile-page #getapp-mobile small {
    height: 18px;
    margin-bottom: 34px
}

#get-mobile-page #getapp-mobile a[data-name="Download|getmobile|Android"] img {
    height: 65px
}

#get-mobile-page #getapp-mobile a[data-name="Download|getmobile|huawei"] img {
    height: 80px
}

#get-mobile-page #text {
    height: 450px;
    display: table
}

@media (max-width: 991px) {
    #get-mobile-page #text {
        height:340px
    }
}

@media (max-width: 767px) {
    #get-mobile-page #text {
        margin:auto
    }
}

#get-mobile-page #text .h1-container {
    display: table-row
}

#get-mobile-page #text h1 {
    margin-top: 73px;
    line-height: 54px
}

@media (min-width: 768px) {
    #get-mobile-page #text h1 {
        width:425px
    }
}

@media (max-width: 991px) {
    #get-mobile-page #text h1 {
        margin-top:55px;
        font-size: 40px
    }
}

#get-mobile-page form#send-link {
    display: table-row
}

#get-mobile-page form#send-link .cta-text {
    font-weight: 600;
    font-size: 18px
}

#get-mobile-page form#send-link label {
    color: #fff
}

#get-mobile-page form#send-link .tinytext {
    font-size: 12px
}

#get-mobile-page form#send-link .has-feedback .form-control-feedback,#get-mobile-page form#send-link .has-feedback label.sr-only~.form-control-feedback {
    top: -5px
}

#get-mobile-page form#send-link .on-send-app-link {
    font-size: 16px;
    font-weight: 800;
    min-width: 120px;
    left: 10px
}

@media (max-width: 767px) {
    #get-mobile-page form#send-link .on-send-app-link {
        width:100%;
        margin: 3px 0;
        left: 0
    }
}

#get-mobile-page form#send-link .on-send-app-link.sent .hidden-if-sent {
    display: none
}

#get-mobile-page form#send-link .on-send-app-link.sent .shown-if-sending {
    display: none
}

#get-mobile-page form#send-link .on-send-app-link.sent .shown-if-sent {
    display: inline
}

#get-mobile-page form#send-link .on-send-app-link.sending .hidden-if-sent {
    display: none
}

#get-mobile-page form#send-link .on-send-app-link.sending .shown-if-sending {
    display: inline
}

#get-mobile-page form#send-link .on-send-app-link.sending .shown-if-sent {
    display: none
}

#get-mobile-page form#send-link .on-send-app-link .hidden-if-sent {
    display: inline
}

#get-mobile-page form#send-link .on-send-app-link .shown-if-sending {
    display: none
}

#get-mobile-page form#send-link .on-send-app-link .shown-if-sent {
    display: none
}

#get-mobile-page form#send-link #sendTo {
    padding-left: 10px
}

@media (min-width: 768px) {
    #get-mobile-page form#send-link #sendTo {
        width:255px
    }
}

#get-mobile-page #download-row {
    display: table-row
}

#get-mobile-page #download-row .apple-store-logo {
    position: relative;
    right: 50px;
    padding-left: 16px
}

#get-mobile-page #download-row .google-play-logo {
    position: relative;
    right: 50px
}

#get-mobile-page #download-row .huawei-appgallery-logo {
    position: relative;
    right: 50px;
    padding-left: 16px
}

#get-mobile-page #download-row .huawei-appgallery-logo img {
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 767px) {
    #get-mobile-page #download-row div {
        display:inline-block
    }

    #get-mobile-page #download-row .apple-store-logo {
        left: 0
    }
}

#get-mobile-page .footer-appstore {
    height: 46px
}

#get-mobile-page .windows-appstore {
    height: 45px;
    margin-left: 15px
}

#get-mobile-page #devices {
    position: relative;
    height: 450px;
    width: 40%
}

@media (max-width: 991px) {
    #get-mobile-page #devices {
        height:340px
    }
}

#get-mobile-page #android-horizontal {
    position: absolute;
    bottom: 0;
    left: 68px;
    background-image: url(/img/get-mobile/Android-Horizontal.png);
    width: 700px;
    height: 240px;
    background-size: cover
}

@media (max-width: 991px) {
    #get-mobile-page #android-horizontal {
        width:500px;
        height: 150px;
        left: 51px
    }
}

#get-mobile-page #iphonex {
    position: absolute;
    top: 105px;
    left: 27px;
    background-image: url(/img/get-mobile/iPhoneX.png);
    width: 224px;
    height: 423px;
    background-size: cover
}

@media (max-width: 991px) {
    #get-mobile-page #iphonex {
        width:170px;
        height: 317px;
        top: 95px;
        left: 20px
    }
}

#get-mobile-page #iphonex.tl {
    background-image: url(/img/getmobile/img_iphone_fil.png)
}

#get-mobile-page #iphonex.de {
    background-image: url(/img/getmobile/img_iphone_de.png)
}

#get-mobile-page #iphonex.es {
    background-image: url(/img/getmobile/img_iphone_es.png)
}

#get-mobile-page #iphonex.fr {
    background-image: url(/img/getmobile/img_iphone_fr.png)
}

#get-mobile-page #iphonex.pt {
    background-image: url(/img/getmobile/img_iphone_pt.png)
}

#get-mobile-page #iphonex.pt_BR {
    background-image: url(/img/getmobile/img_iphone_pt.png)
}

#get-mobile-page #iphonex.pt_PT {
    background-image: url(/img/getmobile/img_iphone_pt.png)
}

#get-mobile-page #iphonex.ru {
    background-image: url(/img/getmobile/img_iphone_ru.png)
}

#get-mobile-page #iphonex.tr {
    background-image: url(/img/getmobile/img_iphone_tr.png)
}

#get-mobile-page #iphonex video {
    width: 100%;
    padding-top: 51px;
    padding-left: 13px;
    padding-right: 11px
}

@media (max-width: 991px) {
    #get-mobile-page #iphonex video {
        padding-top:38px;
        padding-left: 10px;
        padding-right: 9px
    }
}

#get-mobile-page .valueprops-container {
    background-color: #fff;
    padding-bottom: 95px;
    margin-bottom: -12px;
    padding-left: 28px
}

#get-mobile-page .valueprops {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 150px
}

@media (max-width: 900px) {
    #get-mobile-page .valueprops {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 50px
    }
}

#get-mobile-page .valueprop {
    margin: auto 24px;
    width: 295px
}

@media (max-width: 900px) {
    #get-mobile-page .valueprop h2 {
        margin-top:52px
    }

    #get-mobile-page .valueprop+.valueprop {
        margin: auto 40px
    }
}

#get-mobile-page .valueprop h2 {
    font-weight: 800;
    letter-spacing: -1.3px
}

#get-mobile-page.mobile .valueprop {
    width: auto;
    margin: auto 40px
}

@media (min-width: 600px) {
    #get-mobile-page.mobile .valueprop {
        display:inline-block;
        vertical-align: top;
        float: none;
        width: 295px
    }
}

#get-mobile-page #offline:before {
    content: "";
    background-image: url(/img/getmobile/ic_devices_gm.png);
    display: inline-block;
    width: 22px;
    height: 24px;
    margin-right: 16px;
    background-size: cover
}

#get-mobile-page #social:before {
    content: "";
    background-image: url(/img/getmobile/ic_following_gm.png);
    display: inline-block;
    width: 30px;
    height: 24px;
    margin-right: 14px;
    background-size: cover
}

#get-mobile-page #write:before {
    content: "";
    background-image: url(/img/getmobile/ic_write_gm.png);
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 17px;
    background-size: cover
}

#get-mobile-page #updates:before {
    content: "";
    background-image: url(/img/getmobile/ic_notifications_gm.png);
    display: inline-block;
    width: 27px;
    height: 24px;
    margin-right: 20px;
    position: relative;
    top: 4px;
    background-size: cover
}

#get-mobile-page.mobile #offline:before {
    margin-right: 12px
}

#get-mobile-page.mobile #social:before {
    margin-right: 6px
}

#get-mobile-page.mobile #write:before {
    margin-right: 14px
}

#get-mobile-page.mobile #updates:before {
    margin-right: 12px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    #get-mobile-page #offline:before {
        background-image:url(/img/getmobile/ic_devices_gm@2x.png)
    }

    #get-mobile-page #social:before {
        background-image: url(/img/getmobile/ic_following_gm@2x.png)
    }

    #get-mobile-page #write:before {
        background-image: url(/img/getmobile/ic_write_gm@2x.png)
    }

    #get-mobile-page #updates:before {
        background-image: url(/img/getmobile/ic_notifications_gm@2x.png)
    }

    #get-mobile-page #nexus7 {
        background-image: url(/img/getmobile/img_nexus7@2x.png)
    }

    #get-mobile-page #iphone {
        background-image: url(/img/getmobile/img_iphone_en@2x.png)
    }

    #get-mobile-page #iphone.tl {
        background-image: url(/img/getmobile/img_iphone_fil@2x.png)
    }

    #get-mobile-page #iphone.de {
        background-image: url(/img/getmobile/img_iphone_de@2x.png)
    }

    #get-mobile-page #iphone.es {
        background-image: url(/img/getmobile/img_iphone_es@2x.png)
    }

    #get-mobile-page #iphone.fr {
        background-image: url(/img/getmobile/img_iphone_fr@2x.png)
    }

    #get-mobile-page #iphone.pt {
        background-image: url(/img/getmobile/img_iphone_pt@2x.png)
    }

    #get-mobile-page #iphone.pt_BR {
        background-image: url(/img/getmobile/img_iphone_pt@2x.png)
    }

    #get-mobile-page #iphone.pt_PT {
        background-image: url(/img/getmobile/img_iphone_pt@2x.png)
    }

    #get-mobile-page #iphone.ru {
        background-image: url(/img/getmobile/img_iphone_ru@2x.png)
    }

    #get-mobile-page #iphone.tr {
        background-image: url(/img/getmobile/img_iphone_tr@2x.png)
    }
}

#get-mobile-page .appstore-image {
    height: 45px
}

#get-mobile-page #device {
    background-size: cover;
    margin: auto;
    position: relative;
    top: 15px
}

#get-mobile-page #device.iOS {
    background-image: url(/img/getmobile/img_iphone_en.png);
    width: 302px;
    height: 617px
}

#get-mobile-page #device.iOS.tl {
    background-image: url(/img/getmobile/img_iphone_fil.png)
}

#get-mobile-page #device.iOS.de {
    background-image: url(/img/getmobile/img_iphone_de.png)
}

#get-mobile-page #device.iOS.es {
    background-image: url(/img/getmobile/img_iphone_es.png)
}

#get-mobile-page #device.iOS.fr {
    background-image: url(/img/getmobile/img_iphone_fr.png)
}

#get-mobile-page #device.iOS.pt {
    background-image: url(/img/getmobile/img_iphone_pt.png)
}

#get-mobile-page #device.iOS.pt_BR {
    background-image: url(/img/getmobile/img_iphone_pt.png)
}

#get-mobile-page #device.iOS.pt_PT {
    background-image: url(/img/getmobile/img_iphone_pt.png)
}

#get-mobile-page #device.iOS.ru {
    background-image: url(/img/getmobile/img_iphone_ru.png)
}

#get-mobile-page #device.iOS.tr {
    background-image: url(/img/getmobile/img_iphone_tr.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    #get-mobile-page #device.iOS {
        background-image:url(/img/getmobile/img_iphone_en@2x.png)
    }

    #get-mobile-page #device.iOS.tl {
        background-image: url(/img/getmobile/img_iphone_fil@2x.png)
    }

    #get-mobile-page #device.iOS.de {
        background-image: url(/img/getmobile/img_iphone_de@2x.png)
    }

    #get-mobile-page #device.iOS.es {
        background-image: url(/img/getmobile/img_iphone_es@2x.png)
    }

    #get-mobile-page #device.iOS.fr {
        background-image: url(/img/getmobile/img_iphone_fr@2x.png)
    }

    #get-mobile-page #device.iOS.pt {
        background-image: url(/img/getmobile/img_iphone_pt@2x.png)
    }

    #get-mobile-page #device.iOS.pt_BR {
        background-image: url(/img/getmobile/img_iphone_pt@2x.png)
    }

    #get-mobile-page #device.iOS.pt_PT {
        background-image: url(/img/getmobile/img_iphone_pt@2x.png)
    }

    #get-mobile-page #device.iOS.ru {
        background-image: url(/img/getmobile/img_iphone_ru@2x.png)
    }

    #get-mobile-page #device.iOS.tr {
        background-image: url(/img/getmobile/img_iphone_tr@2x.png)
    }
}

#get-mobile-page #device.Android {
    width: 302px;
    height: 334px;
    background-image: url(/img/getmobile/img_nexus_en.png)
}

#get-mobile-page #device.Android.tl {
    background-image: url(/img/getmobile/img_nexus_fil.png)
}

#get-mobile-page #device.Android.de {
    background-image: url(/img/getmobile/img_nexus_de.png)
}

#get-mobile-page #device.Android.es {
    background-image: url(/img/getmobile/img_nexus_es.png)
}

#get-mobile-page #device.Android.fr {
    background-image: url(/img/getmobile/img_nexus_fr.png)
}

#get-mobile-page #device.Android.pt {
    background-image: url(/img/getmobile/img_nexus_pt.png)
}

#get-mobile-page #device.Android.pt_BR {
    background-image: url(/img/getmobile/img_nexus_pt.png)
}

#get-mobile-page #device.Android.pt_PT {
    background-image: url(/img/getmobile/img_nexus_pt.png)
}

#get-mobile-page #device.Android.ru {
    background-image: url(/img/getmobile/img_nexus_ru.png)
}

#get-mobile-page #device.Android.tr {
    background-image: url(/img/getmobile/img_nexus_tr.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    #get-mobile-page #device.Android {
        background-image:url(/img/getmobile/img_nexus_en@2x.png)
    }

    #get-mobile-page #device.Android.tl {
        background-image: url(/img/getmobile/img_nexus_fil@2x.png)
    }

    #get-mobile-page #device.Android.de {
        background-image: url(/img/getmobile/img_nexus_de@2x.png)
    }

    #get-mobile-page #device.Android.es {
        background-image: url(/img/getmobile/img_nexus_es@2x.png)
    }

    #get-mobile-page #device.Android.fr {
        background-image: url(/img/getmobile/img_nexus_fr@2x.png)
    }

    #get-mobile-page #device.Android.pt {
        background-image: url(/img/getmobile/img_nexus_pt@2x.png)
    }

    #get-mobile-page #device.Android.pt_BR {
        background-image: url(/img/getmobile/img_nexus_pt@2x.png)
    }

    #get-mobile-page #device.Android.pt_PT {
        background-image: url(/img/getmobile/img_nexus_pt@2x.png)
    }

    #get-mobile-page #device.Android.ru {
        background-image: url(/img/getmobile/img_nexus_ru@2x.png)
    }

    #get-mobile-page #device.Android.tr {
        background-image: url(/img/getmobile/img_nexus_tr@2x.png)
    }
}

#get-mobile-page #device.windows {
    width: 302px;
    height: 334px;
    background-image: url(/img/getmobile/img_nexus_en.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    #get-mobile-page #device.windows {
        background-image:url(/img/getmobile/img_nexus_en@2x.png)
    }
}

#get-mobile-page #device.huawei {
    width: 302px;
    height: 334px;
    background-image: url(/img/getmobile/img_nexus_en.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    #get-mobile-page #device.huawei {
        background-image:url(/img/getmobile/img_nexus_en@2x.png)
    }
}

#retargeting-landing {
    position: relative;
    text-align: center;
    background-color: #fff;
    padding-bottom: 200px
}

#retargeting-landing .header-image {
    width: 100%
}

#retargeting-landing .retargeting-header {
    margin-top: 35px
}

@media (min-width: 992px) {
    #retargeting-landing .retargeting-header {
        padding-top:105px
    }

    #retargeting-landing .retargeting-header .logo {
        padding-bottom: 35px
    }
}

#retargeting-landing .retargeting-header h1 {
    position: relative;
    font-weight: 600;
    font-size: 26px;
    line-height: 26px
}

@media (min-width: 992px) {
    #retargeting-landing .retargeting-header h1 {
        font-size:45px;
        line-height: 45px;
        margin-bottom: 8px
    }
}

#retargeting-landing .retargeting-header p {
    color: #6f6f6f;
    font-size: 20px;
    line-height: 20px;
    margin: 0 40px
}

@media (min-width: 992px) {
    #retargeting-landing .retargeting-header p {
        line-height:45px;
        font-size: 35px;
        margin-bottom: 20px
    }
}

#retargeting-landing .value-props {
    position: relative;
    background-color: #fff
}

#retargeting-landing .value-props .owl-carousel {
    display: block
}

#retargeting-landing .value-props .owl-carousel img {
    width: auto;
    margin: 0 auto
}

#retargeting-landing .value-props .carousel-left,#retargeting-landing .value-props .carousel-right {
    position: absolute;
    top: 45%;
    font-size: 15px
}

#retargeting-landing .value-props .carousel-left {
    left: 30px
}

#retargeting-landing .value-props .carousel-right {
    right: 25px
}

#retargeting-landing .value-prop {
    text-align: center;
    padding: 40px 0 20px
}

#retargeting-landing .value-prop.bookmark {
    padding-top: 25px
}

#retargeting-landing .value-prop.bookmark h6 {
    margin-top: 16px
}

@media (min-width: 992px) {
    #retargeting-landing .value-prop {
        padding:40px 0
    }
}

#retargeting-landing .value-prop .icon {
    font-size: 50px;
    padding-bottom: 5px
}

#retargeting-landing .value-prop .title {
    line-height: 20px;
    font-weight: 600;
    font-size: 18px;
    color: #6f6f6f
}

@media (min-width: 992px) {
    #retargeting-landing .value-prop .title {
        font-weight:600;
        font-size: 20px
    }
}

#retargeting-landing button {
    background-color: #ff6122;
    color: #fff;
    border-radius: 4px;
    padding: 9px 112px;
    margin-top: 15px;
    margin-bottom: 29px;
    font-size: 20px;
    line-height: 28px
}

@media (min-width: 992px) {
    #retargeting-landing button {
        padding:9px 160px;
        margin-top: 35px;
        font-size: 20px;
        line-height: 28px;
        z-index: 1000
    }
}

.user-settings {
    margin-top: 46px;
    font-size: 14px
}

.user-settings ol {
    margin: 0;
    padding: 0 0 0 30px
}

.user-settings ol li.info-tabs {
    cursor: pointer;
    color: #222;
    margin: 10px 0 10px 20px;
    font-size: 24px;
    font-weight: 700;
    display: inline-block;
    list-style: none
}

.user-settings ol li.info-tabs:first-of-type {
    margin-left: 0
}

.user-settings ol li.info-tabs a {
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit
}

.user-settings ol li.info-tabs.selected {
    border-bottom: 3px solid #ff6122
}

.user-settings h2.subheading {
    margin: 0;
    line-height: 120%;
    color: gray;
    font-size: 18px;
    font-weight: 400;
    padding: 0 0 10px 30px
}

.user-settings .submit {
    text-align: center;
    padding-top: 25px
}

.user-settings #account {
    height: 100%
}

.user-settings #account a.info,.user-settings #account button.info {
    color: #e64809;
    text-decoration: none;
    border: none;
    background: inherit;
    padding: 0 5px
}

.user-settings #account a.info:hover,.user-settings #account button.info:hover {
    text-decoration: underline
}

.user-settings #account .fa-info {
    padding-left: 5px
}

.user-settings #account .account-label {
    text-align: right;
    line-height: 24px;
    margin: 4px 0
}

.user-settings #account .account-value {
    line-height: 24px;
    margin: 4px 0
}

.user-settings #account input[type=checkbox] {
    margin: 0 5px
}

.user-settings #account .birthdate-wrapper input[type=date] {
    line-height: 24px
}

.user-settings #account .birthdate-wrapper.hidden {
    display: none
}

.user-settings #account .profile-label {
    color: #6f6f6f;
    vertical-align: top;
    white-space: nowrap;
    display: inline
}

.user-settings #account .label-icon {
    width: 20px;
    height: 20px;
    margin-left: 5px
}

.user-settings #account .account-wrapper {
    border: 1px solid #6f6f6f;
    border-radius: 16px;
    margin: 0 25px;
    display: grid
}

.user-settings #account .account-wrapper .submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px
}

.user-settings #account .close-account {
    margin-top: 40px;
    margin-left: 25px;
    font-size: 16px;
    font-weight: 700
}

.user-settings #account .close-account a {
    color: #e00000
}

.user-settings #block-list,.user-settings #mute-list {
    padding-left: 30px
}

.user-settings #block-list .block-subheading,.user-settings #mute-list .block-subheading {
    color: #222;
    font-size: 16px
}

.user-settings #block-list .block-subheading .learn-more,.user-settings #mute-list .block-subheading .learn-more {
    color: #3b19a9;
    font-weight: 600;
    margin-left: 4px
}

.user-settings #block-list #blocked-users,.user-settings #block-list #muted-users,.user-settings #mute-list #blocked-users,.user-settings #mute-list #muted-users {
    height: 100%;
    width: 100%;
    margin: 30px auto 10px
}

.user-settings #block-list .user-list,.user-settings #mute-list .user-list {
    padding: 0;
    margin: 0
}

.user-settings #block-list .user-list .dropdown-toggle:focus-visible,.user-settings #mute-list .user-list .dropdown-toggle:focus-visible {
    outline: -webkit-focus-ring-color auto 1px
}

.user-settings #block-list .blocked-user,.user-settings #block-list .muted-user,.user-settings #mute-list .blocked-user,.user-settings #mute-list .muted-user {
    list-style: none;
    position: relative;
    margin: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user-settings #block-list .username-wrapper,.user-settings #mute-list .username-wrapper {
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
    width: 45%
}

.user-settings #block-list .username-wrapper .user-profile,.user-settings #mute-list .username-wrapper .user-profile {
    color: #6f6f6f;
    font-weight: 700;
    line-height: 18px;
    font-size: 17px
}

.user-settings #block-list .more-options,.user-settings #mute-list .more-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 8px;
    border: 1.5px solid #eee
}

.user-settings #block-list .controls,.user-settings #mute-list .controls {
    padding-top: 20px;
    text-align: center
}

.user-settings #block-list .controls .back-btn,.user-settings #block-list .controls .forward-btn,.user-settings #mute-list .controls .back-btn,.user-settings #mute-list .controls .forward-btn {
    display: inline-block;
    background: 0 0;
    border: none
}

.user-settings #block-list .controls div,.user-settings #mute-list .controls div {
    display: inline-block
}

.user-settings #block-list .controls .current-page,.user-settings #mute-list .controls .current-page {
    color: #ff6122;
    text-align: center;
    display: inline-block;
    padding: 0 2px;
    font-size: 24px
}

.user-settings #notification input[type=checkbox] {
    text-align: right;
    float: right;
    position: relative;
    top: 13px
}

#user-settings-modal .panel-body {
    padding-bottom: 8px
}

#user-settings-modal button.close.on-close {
    background: 0 0;
    border: none
}

#user-settings-modal .forgot-password-link {
    width: 100%;
    text-align: right
}

#user-settings-modal .forgot-password-link .on-navigate {
    display: inline-block;
    color: #3b19a9
}

#user-settings-modal .password-fields {
    margin-bottom: 24px
}

#user-settings-modal .control-label {
    color: #222
}

#user-settings-modal .error-message {
    color: #222;
    font-size: small;
    line-height: 18px;
    margin-top: 3px
}

#user-settings-modal .password-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

#user-settings-modal .password-container .password-show {
    z-index: 1;
    -ms-flex-item-align: center;
    align-self: center;
    color: #222;
    font-size: 16px;
    position: absolute;
    right: 16px;
    padding: 0
}

#user-settings-modal .password-container #old_password {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    font-size: 16px;
    background-color: #fafafa;
    color: #222;
    margin-top: 4px;
    height: 48px
}

#user-settings-modal .password-container #old_password.error {
    border-color: #e00000;
    outline: 0
}

#user-settings-modal .password-container #old_password:focus {
    border: solid 1px #222;
    border-radius: 4px
}

.loading-spinner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#cookie-manager .new-cookie-row {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px
}

#cookie-manager .cookie-list {
    list-style: none;
    padding: 0 0 50px
}

#cookie-manager .cookie-list .cookie-header-row,#cookie-manager .cookie-list .cookie-row {
    padding: 3px 0 3px 8px;
    display: grid;
    grid-template-columns: 1fr 1fr 30px;
    gap: 8px
}

#cookie-manager .cookie-list .cookie-header-row:nth-child(2n+1),#cookie-manager .cookie-list .cookie-row:nth-child(2n+1) {
    background: #eee
}

#cookie-manager .cookie-list .cookie-header-row>*,#cookie-manager .cookie-list .cookie-row>* {
    word-break: break-all
}

#cookie-manager .cookie-list .cookie-header-row button,#cookie-manager .cookie-list .cookie-row button {
    -ms-flex-item-align: center;
    align-self: center
}

#cookie-manager .cookie-list .cookie-header-row {
    font-weight: var(--font-weight-bold)
}

@media (max-width: 600px) {
    #cookie-manager .new-cookie-row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #cookie-manager .cookie-list {
        padding: 0 0 30px
    }
}

#inbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#inbox .flex-part {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#inbox h2,#inbox h3 {
    color: #222;
    font-weight: 600;
    margin: 0
}

#inbox .unread-dot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 4px;
    -ms-flex-item-align: center;
    align-self: center
}

#inbox .threads-container {
    padding: 0 15px;
    width: 768px;
    margin: auto
}

@media (max-width: 768px) {
    #inbox .threads-container {
        width:100%
    }
}

#inbox .threads-container a:not(.conduct-link):not(.safety-link):not(.safety-portal):not(.learn-more-link) {
    color: inherit;
    text-decoration: none
}

#inbox .threads-container a:not(.conduct-link):not(.safety-link):not(.safety-portal):not(.learn-more-link):hover {
    color: inherit;
    text-decoration: none
}

#inbox .threads-container .threads-header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: sticky;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 27px 0;
    top: 54px;
    background: #fff;
    border-bottom: 1px solid #eee;
    z-index: 1
}

#inbox .threads-container .threads-filter>select {
    height: 44px;
    border: solid 1px #eee;
    background-color: #fafafa;
    border-radius: 4px
}

#inbox .threads-container .new-msg-btn {
    background-color: #ff6122;
    color: #fff;
    border-radius: 6px;
    height: 44px;
    width: 166px;
    margin-left: 10px;
    font-weight: 700
}

#inbox .threads-container .wp-modal.new-message-modal .modal-content {
    -ms-flex-preferred-size: 532px;
    flex-basis: 532px;
    min-height: 600px;
    border-radius: 8px
}

#inbox .threads-container .wp-modal.new-message-modal .close-btn {
    position: absolute;
    z-index: 1
}

#inbox .threads-container .new-msg-modal .new-msg-header h3 {
    font-weight: 700;
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 16px;
    margin-bottom: 20px
}

#inbox .threads-container .new-msg-modal .new-msg-header input {
    width: 100%;
    padding: 13px 16px;
    border-radius: 4px;
    background-color: #fafafa;
    border: solid 1px #eee;
    color: #222
}

#inbox .threads-container .new-msg-modal .new-msg-header input:focus {
    outline: 0!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: solid 1px #222;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 24px
}

#inbox .threads-container .new-msg-modal p {
    font-size: 18px;
    margin: 16px auto 4px 0;
    font-weight: 700;
    color: #222
}

#inbox .threads-container .new-msg-modal .search-results {
    max-height: 400px;
    overflow-y: scroll
}

#inbox .threads-container .new-msg-modal .search-result {
    padding-left: 16px;
    padding-top: 14px;
    padding-bottom: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border: 1px solid #eee;
    border-left: none;
    border-right: none;
    width: 100%
}

#inbox .threads-container .new-msg-modal .search-result p {
    font-size: 16px;
    margin: 0 auto 0 16px;
    -ms-flex-item-align: center;
    align-self: center
}

#inbox .threads-container .threads-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#inbox .threads-container .threads-list .thread-row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 16px 0;
    border-bottom: 1px solid #eee
}

#inbox .threads-container .threads-list .thread-row a {
    -webkit-box-shadow: none;
    box-shadow: none
}

#inbox .threads-container .threads-list .thread-row .thread-column {
    margin: 0 8px
}

#inbox .threads-container .threads-list .thread-row .thread-column.thread-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 100px;
    font-weight: 500;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#inbox .threads-container .threads-list .thread-row .thread-column.thread-meta .thread-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    color: #222;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#inbox .threads-container .threads-list .thread-row .thread-column.thread-meta .thread-message {
    overflow: hidden;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px
}

#inbox .threads-container .threads-list .thread-row .thread-column.thread-meta .thread-message.unread {
    font-weight: 600;
    color: #222
}

#inbox .threads-container .threads-list .thread-row .thread-column.thread-date {
    font-size: 14px
}

#inbox .threads-container .threads-list .thread-row .inbox-more-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 8px;
    border: 1.5px solid #eee
}

#inbox .conversation-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

#inbox .conversation-container .column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 768px) {
    #inbox .conversation-container .column:first-child {
        display:none
    }
}

#inbox .conversation-container .column .column-content {
    position: sticky;
    top: calc(144px);
    margin-top: 90px
}

#inbox .conversation-container .column .column-content .user-safety-operations {
    border-radius: 4px;
    border: solid 1px #eee
}

@media (max-width: 768px) {
    #inbox .conversation-container .column .column-content {
        margin-top:20px
    }
}

#inbox .conversation-container .main {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    margin-right: auto;
    margin-left: auto;
    max-width: 600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 768px) {
    #inbox .conversation-container .main {
        width:100%
    }
}

#inbox .conversation-container .main .conversation-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    position: sticky;
    top: 54px;
    background: #fff;
    padding: 27px 0;
    border-bottom: 1px solid #eee;
    z-index: 1
}

#inbox .conversation-container .main .conversation-header svg {
    margin-left: 8px
}

#inbox .conversation-container .main .conversations {
    height: 100%;
    min-height: 400px;
    padding-bottom: 16px;
    overflow-y: scroll
}

#inbox .conversation-container .main .conversations .conversation-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    color: #222
}

#inbox .conversation-container .main .conversations .conversation-row .avatar-link {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

#inbox .conversation-container .main .conversations .conversation-row.different-sender {
    margin-top: 16px
}

#inbox .conversation-container .main .conversations .conversation-row .conversation-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 14px;
    border-radius: 12px;
    margin-left: 8px;
    border: 1px solid #eee;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 14px;
    max-width: calc(100% - 100px)
}

#inbox .conversation-container .main .conversations .conversation-row.from-me {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

#inbox .conversation-container .main .conversations .conversation-row.from-me .conversation-message {
    background: #fafafa;
    margin-left: 0;
    margin-right: 8px;
    max-width: calc(100% - 100px)
}

#inbox .conversation-container .main .conversations .date-separator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px 0
}

#inbox .conversation-container .main .conversations .date-separator div {
    width: 300px;
    height: 15px;
    border-bottom: 1px solid #6f6f6f;
    text-align: center
}

#inbox .conversation-container .main .conversations .date-separator .date {
    font-size: 14px;
    background: #fff;
    padding: 0 10px
}

#inbox .conversation-container .main .first-time-msgs {
    padding-bottom: 16px;
    color: #222;
    font-size: 14px;
    line-height: 20px
}

#inbox .conversation-container .main .bottom-sticky {
    position: sticky;
    bottom: 0;
    padding: 16px 0;
    background: #fff
}

#inbox .conversation-container .main .disabled-reply {
    border-radius: 3px;
    border: 1px solid #eee;
    background-color: #fafafa;
    padding: 11px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

#inbox .conversation-container .main .disabled-reply p {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px
}

#inbox .conversation-container .main .disabled-reply p a {
    font-weight: 600;
    color: #ff6122
}

#inbox .conversation-container .main .conversation-form {
    border-top: 1px solid #eee
}

#inbox .conversation-container .main .conversation-form .btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

#inbox .conversation-container .main .conversation-form .btn-container button {
    padding: 10px 60px;
    margin: 0;
    margin-top: 15px
}

#inbox .conversation-container .extra-content-container {
    margin-top: 20px
}

@media (max-width: 768px) {
    #inbox .conversation-container .extra-content-container {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 768px) {
    #inbox .conversation-container {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #inbox .conversation-container .column {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial
    }
}

#inbox .load-more-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#inbox .load-more-container .load-more {
    -webkit-filter: invert(1);
    filter: invert(1);
    text-align: center
}

.catalog-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 80%;
    margin: auto
}

@media (max-width: 768px) {
    .catalog-container {
        width:100%;
        overflow: hidden
    }
}

.catalog-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #eee
}

.catalog-header .list-title {
    margin-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.catalog-header .list-title:hover {
    text-decoration: none
}

.catalog-header h1 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: #222;
    margin-bottom: 8px;
    margin-top: 0
}

.catalog-header h1 .fa {
    font-weight: 700
}

.catalog-header .catalog-title {
    margin-top: 80px
}

.catalog-header .subtitle {
    font-size: 18px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 10px 32px 10px;
    text-align: center
}

.catalog-content h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    color: #222;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 20px
}

.catalog-content .story-swimlane.module {
    margin-top: 16px
}

.catalog-content .story-swimlane.module:first-child {
    margin-top: 45px
}

.catalog-content .module-header {
    max-width: 976px;
    padding: 0 10px;
    margin: auto
}

.premium-picks-catalog .catalog-header {
    background-color: var(--ds-base-2-80);
    color: var(--ds-neutral-00);
    padding: 40px 0
}

.premium-picks-catalog .catalog-header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.premium-picks-catalog .catalog-header .help-action-icon {
    background: 0 0;
    border: none;
    display: none
}

.premium-picks-catalog .catalog-header .heading {
    font-weight: var(--font-weight-bold);
    font-size: 32px;
    color: var(--ds-neutral-00);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.premium-picks-catalog .catalog-header .description {
    text-align: center;
    color: var(--ds-neutral-00)
}

.premium-picks-catalog .catalog-header .learn-more-button {
    background: 0 0;
    border: none;
    font-weight: var(--font-weight-bold);
    padding: 0
}

.premium-picks-catalog .catalog-header .access-expires-pill {
    margin-top: 24px
}

.premium-picks-catalog .catalog-header .subscribe-cta {
    margin-top: 24px
}

.premium-picks-catalog .catalog-navigation {
    border-bottom: 1px solid #eee;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.premium-picks-catalog .catalog-navigation button {
    background: 0 0;
    border: none;
    font-size: 18px;
    color: #6f6f6f;
    width: 110px;
    padding: 18px 0 18px 5px
}

.premium-picks-catalog .catalog-navigation button.active {
    border-bottom: 4px solid #ff6122;
    font-weight: var(--font-weight-bold);
    color: #222;
    padding-bottom: 14px
}

.premium-picks-catalog .catalog-stories .loading-spinner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 575px) {
    .premium-picks-catalog .catalog-header {
        padding-top:20px
    }

    .premium-picks-catalog .catalog-header .container {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }

    .premium-picks-catalog .catalog-header .help-action-icon {
        display: block;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .premium-picks-catalog .catalog-header .description {
        display: none
    }

    .premium-picks-catalog .catalog-navigation button {
        width: 50%
    }
}

.resizable-textarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 3px;
    overflow: hidden
}

.resizable-textarea.focus {
    border-color: #222
}

.resizable-textarea.error {
    border-color: #ff3f12
}

.resizable-textarea.error .counter {
    color: #ff3f12;
    opacity: 1
}

.resizable-textarea textarea {
    width: 100%;
    font-size: 14px;
    outline: 0;
    color: #222;
    padding: 8px 14px;
    resize: none;
    border: none;
    background: inherit
}

.resizable-textarea .counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    opacity: .7;
    margin-right: 8px;
    margin-bottom: 8px
}

.typeahead-field {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px
}

.typeahead-field .typeahead-container {
    width: 100%
}

.typeahead-field.short .typeahead-container {
    width: 45%
}

.typeahead-field .typeahead-suggestions {
    border: 2px solid #eee;
    max-height: 200px;
    overflow-y: auto;
    padding-left: 0;
    width: inherit;
    position: absolute;
    z-index: 100;
    background-color: #fff;
    color: #6f6f6f;
    border-radius: 4px;
    cursor: pointer
}

.typeahead-field .typeahead-suggestions .typeahead-option {
    padding: .5rem;
    width: 100%;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
    text-align: left
}

.typeahead-field .typeahead-suggestions .typeahead-option:last-child {
    border: none
}

.typeahead-field .selected-items {
    padding-left: 5px
}

.typeahead-field .selected-attributes {
    padding-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.typeahead-field input {
    width: 100%;
    border-radius: 4px
}

.typeahead-field input.focus {
    border: solid 1px #222;
    outline: 0
}

.wattys-contest-form-header {
    background-image: url(/img/contest-form/desktop-header-2023.png);
    background-image: -webkit-image-set(url("/img/contest-form/desktop-header-2023.png") 1x, url("/img/contest-form/desktop-header-2023@2x.png") 2x, url("/img/contest-form/desktop-header-2023@3x.png") 3x);
    background-image: image-set(url("/img/contest-form/desktop-header-2023.png") 1x, url("/img/contest-form/desktop-header-2023@2x.png") 2x, url("/img/contest-form/desktop-header-2023@3x.png") 3x);
    background-position: center;
    background-size: cover;
    padding: 10px;
    color: #fff;
    min-height: 268px
}

@media (max-width: 450px) {
    .wattys-contest-form-header {
        background-image:url(/img/contest-form/mobile-header-2023.png);
        background-image: -webkit-image-set(url("/img/contest-form/mobile-header-2023.png") 1x, url("/img/contest-form/mobile-header-2023@2x.png") 2x, url("/img/contest-form/mobile-header-2023@3x.png") 3x);
        background-image: image-set(url("/img/contest-form/mobile-header-2023.png") 1x, url("/img/contest-form/mobile-header-2023@2x.png") 2x, url("/img/contest-form/mobile-header-2023@3x.png") 3x)
    }
}

.wattys-contest-form-header .centered-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wattys-contest-form-header .centered-text .wattys-logo {
    margin-top: 63px;
    margin-bottom: 30px;
    height: 55px;
    width: 346px
}

.wattys-contest-form-header .centered-text .subtitle {
    margin-bottom: 64px;
    text-align: center;
    max-width: 888px;
    font-size: 22px
}

@media (max-width: 799px) and (min-width:451px) {
    .wattys-contest-form-header .centered-text .subtitle {
        width:80%
    }
}

@media (max-width: 450px) {
    .wattys-contest-form-header .centered-text .subtitle {
        width:85%;
        margin-bottom: 10px
    }
}

#contest-form .form-header,#submission-success .form-header {
    position: relative
}

#contest-form .form-header .close-btn,#submission-success .form-header .close-btn {
    border: none;
    display: unset;
    background: unset;
    position: absolute;
    top: 4px;
    right: 4px
}

.form-deadline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    -webkit-box-shadow: 0 4px 8px rgba(18,18,18,.12);
    box-shadow: 0 4px 8px rgba(18,18,18,.12)
}

.form-deadline .deadline-text {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    padding: 8px 16px;
    color: #222
}

.form-deadline .deadline-text a {
    color: #1c6f65
}

.cover-eligibility {
    background-image: url(/img/contest-form/banner-eligibility-2023.png);
    background-image: -webkit-image-set(url("/img/contest-form/banner-eligibility-2023.png") 1x, url("/img/contest-form/banner-eligibility-2023@2x.png") 2x, url("/img/contest-form/banner-eligibility-2023@3x.png") 3x);
    background-image: image-set(url("/img/contest-form/banner-eligibility-2023.png") 1x, url("/img/contest-form/banner-eligibility-2023@2x.png") 2x, url("/img/contest-form/banner-eligibility-2023@3x.png") 3x)
}

.cover-submitted-success {
    background-image: url(/img/contest-form/banner-eligibility-2023.png);
    background-image: -webkit-image-set(url("/img/contest-form/banner-eligibility-2023.png") 1x, url("/img/contest-form/banner-eligibility-2023@2x.png") 2x, url("/img/contest-form/banner-eligibility-2023@3x.png") 3x);
    background-image: image-set(url("/img/contest-form/banner-eligibility-2023.png") 1x, url("/img/contest-form/banner-eligibility-2023@2x.png") 2x, url("/img/contest-form/banner-eligibility-2023@3x.png") 3x)
}

#contest-banner.cover-submitted-success {
    padding-left: 34px
}

#contest-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    margin-bottom: 40px;
    border-radius: 5px;
    background-size: cover;
    background-position: right;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 25px 48px 25px 20px
}

#contest-banner .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    z-index: 1
}

#contest-banner .text .plain-link {
    color: var(--ds-base-3-60);
    padding: 0;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

#contest-banner .success-text {
    margin-right: 120px
}

#contest-banner .btn {
    border-radius: 21px;
    z-index: 1
}

#contest-banner .btn .btn-text {
    font-weight: 700;
    color: #121212;
    font-size: 16px;
    line-height: 22px;
    text-align: center
}

#contest-banner .btn-large {
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 1
}

#contest-banner .modal-contest {
    z-index: 1040
}

#contest-banner .modal-contest .modal-content {
    overflow: auto;
    height: 90%;
    padding: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: 900px
}

@media (max-width: 900px) {
    #contest-banner .modal-contest .modal-content {
        width:100%
    }
}

#contest-banner .margin-top {
    margin-top: 20px
}

.loading-spinner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.loading-spinner-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#contest-form {
    height: 100%
}

#contest-form h4 {
    color: #222;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 8px
}

#contest-form .form-title {
    color: #0d6f76;
    text-align: center;
    font-size: 22px;
    line-height: 28px
}

#contest-form .eligbility-requirements-title {
    text-align: center;
    font-weight: 600;
    color: #121212;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 48px
}

#contest-form .eligbility-requirements-title a {
    color: #1c6f65
}

#contest-form .title {
    color: #222;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 21px
}

#contest-form .error-text {
    color: #ff3f12;
    text-align: left;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 8px;
    margin-bottom: 0;
    font-weight: 600
}

#contest-form .error-field {
    border-color: #ff3f12
}

#contest-form form {
    height: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#contest-form form .form-message-box {
    background: #222;
    margin-bottom: 40px;
    padding: 20px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    box-shadow: 0 1px 10px 0 rgba(34,34,34,.08),0 4px 5px 0 rgba(34,34,34,.1);
    color: #fafafa;
    text-align: center
}

#contest-form form .overflow-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#contest-form form .overflow-container.disabled {
    overflow: hidden
}

#contest-form form .overflow-container.disabled .form-content {
    opacity: .7
}

#contest-form form .overflow-container .form-header {
    background-image: url(/img/contest-form/desktop-header-2023.png);
    background-image: -webkit-image-set(url("/img/contest-form/desktop-header-2023.png") 1x, url("/img/contest-form/desktop-header-2023@2x.png") 2x, url("/img/contest-form/desktop-header-2023@3x.png") 3x);
    background-image: image-set(url("/img/contest-form/desktop-header-2023.png") 1x, url("/img/contest-form/desktop-header-2023@2x.png") 2x, url("/img/contest-form/desktop-header-2023@3x.png") 3x);
    background-position: center;
    background-size: cover;
    padding: 10px;
    color: #fff;
    min-height: 268px
}

@media (max-width: 450px) {
    #contest-form form .overflow-container .form-header {
        background-image:url(/img/contest-form/mobile-header-2023.png);
        background-image: -webkit-image-set(url("/img/contest-form/mobile-header-2023.png") 1x, url("/img/contest-form/mobile-header-2023@2x.png") 2x, url("/img/contest-form/mobile-header-2023@3x.png") 3x);
        background-image: image-set(url("/img/contest-form/mobile-header-2023.png") 1x, url("/img/contest-form/mobile-header-2023@2x.png") 2x, url("/img/contest-form/mobile-header-2023@3x.png") 3x)
    }
}

#contest-form form .overflow-container .form-header .centered-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#contest-form form .overflow-container .form-header .centered-text .wattys-logo {
    margin-top: 63px;
    margin-bottom: 30px;
    height: 55px;
    width: 346px
}

#contest-form form .overflow-container .form-header .centered-text .subtitle {
    margin-bottom: 64px;
    text-align: center;
    max-width: 888px;
    font-size: 22px
}

@media (max-width: 799px) and (min-width:451px) {
    #contest-form form .overflow-container .form-header .centered-text .subtitle {
        width:80%
    }
}

@media (max-width: 450px) {
    #contest-form form .overflow-container .form-header .centered-text .subtitle {
        width:85%;
        margin-bottom: 10px
    }
}

#contest-form form .overflow-container .form-header .subtitle {
    max-width: 550px
}

#contest-form form .overflow-container .form-content {
    width: 800px;
    margin: 0 auto;
    padding: 48px 24px
}

@media (max-width: 799px) {
    #contest-form form .overflow-container .form-content {
        padding:32px 24px;
        width: 100%
    }
}

#contest-form form .overflow-container .form-content .subtitle {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 22px
}

#contest-form form .overflow-container .form-content .subtitle.black {
    font-weight: 600;
    color: #222
}

#contest-form form .overflow-container .form-content .subtitle a {
    color: #1c6f65;
    font-weight: 700
}

#contest-form form .overflow-container .form-content #character-representation {
    margin-top: 10px
}

#contest-form form .overflow-container .form-content #mature-themes .checkbox-group:last-child {
    margin-bottom: 0
}

#contest-form form .overflow-container .form-content .form-element {
    background-color: #fff;
    padding: 8px;
    height: 48px;
    border-radius: 4px
}

#contest-form form .overflow-container .form-content .form-element:disabled {
    background: #eee;
    cursor: not-allowed
}

#contest-form form .overflow-container .form-content .form-element:not(.error-field) {
    border: solid 1px #eee
}

#contest-form form .overflow-container .form-content .form-element::-webkit-input-placeholder {
    color: rgba(34,34,34,.3)
}

#contest-form form .overflow-container .form-content .form-element::-moz-placeholder {
    color: rgba(34,34,34,.3)
}

#contest-form form .overflow-container .form-content .form-element:-ms-input-placeholder {
    color: rgba(34,34,34,.3)
}

#contest-form form .overflow-container .form-content .form-element::-ms-input-placeholder {
    color: rgba(34,34,34,.3)
}

#contest-form form .overflow-container .form-content .form-element::placeholder {
    color: rgba(34,34,34,.3)
}

#contest-form form .overflow-container .form-content .form-element.half-width {
    width: 50%
}

@media (max-width: 799px) {
    #contest-form form .overflow-container .form-content .form-element.half-width {
        width:100%
    }
}

#contest-form form .overflow-container .form-content textarea {
    resize: none
}

#contest-form form .overflow-container .form-content #logline-textarea,#contest-form form .overflow-container .form-content #other-character-representation-textarea,#contest-form form .overflow-container .form-content #other-themes-textarea {
    height: 120px
}

#contest-form form .overflow-container .form-content #summary-textarea {
    height: 240px
}

#contest-form form .overflow-container .form-content #confirm-email-input {
    margin-top: 16px
}

#contest-form form .overflow-container .form-content .story-maturity-title-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

#contest-form form .overflow-container .form-content .story-maturity-title-container #content-tooltip {
    margin-bottom: 6px
}

#contest-form form .overflow-container .form-content .story-maturity-title-container .icon-container {
    border: none;
    outline: 0;
    background: 0 0
}

#contest-form form .overflow-container .form-content .story-maturity-title-container .writer-tooltip {
    max-width: 384px;
    width: 384px
}

#contest-form form .overflow-container .form-content .story-maturity-title-container .popover.bottom>.arrow {
    display: none
}

#contest-form form .overflow-container .form-content .story-maturity-title-container .popover .popover-content {
    padding: 40px 20px 40px 20px;
    background-color: #fafafa
}

#contest-form form .overflow-container .form-content .story-maturity-title-container .popover .popover-content .main-content {
    font-size: 16px;
    color: #222;
    font-weight: 600
}

#contest-form form .overflow-container .form-content .story-maturity-title-container .popover .popover-content .main-content .secondary-content {
    font-size: 14px;
    color: #6f6f6f;
    font-weight: 500;
    margin-top: 9px;
    margin-right: 50px
}

@media (max-width: 450px) {
    #contest-form form .overflow-container .form-content .story-maturity-title-container .popover .popover-content .main-content .secondary-content {
        margin-right:20px
    }
}

#contest-form form .overflow-container .form-content .story-maturity-title-container .popover .popover-content .tooltip-footer {
    font-size: 14px;
    border-top: 1px solid #eee;
    margin-top: 12px;
    padding-top: 12px
}

#contest-form form .overflow-container .form-content .story-maturity-title-container .popover .popover-content .tooltip-footer .on-okay {
    margin-top: 10px;
    width: 70px;
    float: right;
    padding: 3px 12px;
    position: relative;
    bottom: 9px;
    mix-blend-mode: normal;
    border-radius: 20px
}

#contest-form form .overflow-container .form-content .story-maturity-title-container .popover .popover-content .tooltip-footer a {
    color: #1c6f65;
    font-weight: 700
}

#contest-form form .overflow-container .form-content .story-maturity-title-container .popover .arrow {
    top: 100%
}

#contest-form form .overflow-container .form-content .inline-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 48px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width: 799px) {
    #contest-form form .overflow-container .form-content .inline-row {
        margin-top:40px
    }
}

#contest-form form .overflow-container .form-content .series-identification .inline-row {
    margin-top: 16px
}

#contest-form form .overflow-container .form-content .checkbox-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #222;
    margin-bottom: 8px
}

#contest-form form .overflow-container .form-content .checkbox-group div[id^=mature-themes-] {
    font-size: 14px;
    line-height: 20px
}

#contest-form form .overflow-container .form-content .checkbox-group div[id^=character-representation-] {
    font-size: 14px;
    line-height: 20px
}

#contest-form form .overflow-container .form-content .checkbox-group div[id^=genre-others-] {
    font-size: 14px;
    line-height: 20px
}

#contest-form form .overflow-container .form-content .checkbox-group #is-exclusive-message {
    font-size: 16px;
    line-height: 22px
}

#contest-form form .overflow-container .legal-consent-container {
    margin-top: 48px
}

#contest-form form .overflow-container .footer-section-submission {
    background: rgba(18,18,18,.04);
    padding: 48px 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 799px) {
    #contest-form form .overflow-container .footer-section-submission {
        padding:48px 24px 32px
    }
}

#contest-form form .overflow-container .footer-section-submission .checkbox-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #222;
    margin-bottom: 8px
}

#contest-form form .overflow-container .footer-section-submission .checkbox-group #consent-checkbox-message {
    font-size: 16px;
    line-height: 22px
}

#contest-form form .overflow-container .footer-section-submission .checkbox-group #consent-checkbox-message a {
    color: #1c6f65
}

#contest-form form .overflow-container .footer-section-submission .final-consent-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#contest-form form .overflow-container .footer-section-submission .final-consent-container .subtitle-small {
    max-width: 600px;
    color: #121212;
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
    margin-bottom: 24px
}

#contest-form form .overflow-container .footer-section-submission .final-consent-container .btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center
}

#contest-form form .overflow-container .footer-section-submission .final-consent-container .btn-container button {
    height: 40px;
    min-width: 232px
}

#contest-form form .overflow-container .footer-section-submission .final-consent-container .btn-container .btn-primary {
    background-color: #121212;
    margin-bottom: 16px
}

@media (max-width: 799px) {
    #contest-form form .overflow-container .footer-section-submission .final-consent-container .btn-container button {
        width:200px
    }
}

#contest-form-landing #app-container {
    padding: 0;
    margin: 0
}

#contest-form-landing #app-container:after {
    display: none
}

#submission-success {
    overflow: auto;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

#submission-success .form-header {
    background-image: url(/img/contest-form/desktop-header-2023.png);
    background-image: -webkit-image-set(url("/img/contest-form/desktop-header-2023.png") 1x, url("/img/contest-form/desktop-header-2023@2x.png") 2x, url("/img/contest-form/desktop-header-2023@3x.png") 3x);
    background-image: image-set(url("/img/contest-form/desktop-header-2023.png") 1x, url("/img/contest-form/desktop-header-2023@2x.png") 2x, url("/img/contest-form/desktop-header-2023@3x.png") 3x);
    background-position: center;
    background-size: cover;
    padding: 10px;
    color: #fff;
    min-height: 268px
}

@media (max-width: 450px) {
    #submission-success .form-header {
        background-image:url(/img/contest-form/mobile-header-2023.png);
        background-image: -webkit-image-set(url("/img/contest-form/mobile-header-2023.png") 1x, url("/img/contest-form/mobile-header-2023@2x.png") 2x, url("/img/contest-form/mobile-header-2023@3x.png") 3x);
        background-image: image-set(url("/img/contest-form/mobile-header-2023.png") 1x, url("/img/contest-form/mobile-header-2023@2x.png") 2x, url("/img/contest-form/mobile-header-2023@3x.png") 3x)
    }
}

#submission-success .form-header .centered-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#submission-success .form-header .centered-text .wattys-logo {
    margin-top: 63px;
    margin-bottom: 30px;
    height: 55px;
    width: 346px
}

#submission-success .form-header .centered-text .subtitle {
    margin-bottom: 64px;
    text-align: center;
    max-width: 888px;
    font-size: 22px
}

@media (max-width: 799px) and (min-width:451px) {
    #submission-success .form-header .centered-text .subtitle {
        width:80%
    }
}

@media (max-width: 450px) {
    #submission-success .form-header .centered-text .subtitle {
        width:85%;
        margin-bottom: 10px
    }
}

#submission-success .form-header .subtitle {
    max-width: 310px
}

#submission-success .main-container {
    padding: 48px 48px 32px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width: 450px) {
    #submission-success .main-container {
        padding:32px 24px
    }
}

#submission-success .main-container .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#submission-success .main-container .content h3 {
    text-align: center;
    font-size: 22px;
    line-height: 28px;
    margin: 0
}

#submission-success .main-container .content .black {
    color: #222
}

#submission-success .main-container .content .submission-info-text {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #121212;
    max-width: 443px;
    margin-bottom: 20px
}

#submission-success .main-container .btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 28px
}

@media (max-width: 450px) {
    #submission-success .main-container .btn-container {
        margin-top:12px
    }
}

#submission-success .main-container .btn-container button {
    height: 40px;
    min-width: 232px
}

#submission-success .main-container-cover {
    background-image: url(/img/contest-form/cover-background-desktop-2023.png);
    background-image: -webkit-image-set(url("/img/contest-form/cover-background-desktop-2023.png") 1x, url("/img/contest-form/cover-background-desktop-2023@2x.png") 2x, url("/img/contest-form/cover-background-desktop-2023@3x.png") 3x);
    background-image: image-set(url("/img/contest-form/cover-background-desktop-2023.png") 1x, url("/img/contest-form/cover-background-desktop-2023@2x.png") 2x, url("/img/contest-form/cover-background-desktop-2023@3x.png") 3x);
    background-position: center;
    background-size: cover
}

@media (max-width: 650px) {
    #submission-success .main-container-cover {
        margin:0
    }
}

@media (min-width: 651px) {
    #submission-success .main-container-cover {
        width:600px;
        min-height: 600px;
        margin: auto
    }
}

#submission-success .main-container-cover .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#submission-success .main-container-cover .content h5 {
    text-align: center;
    font-size: 32px;
    margin: 40px 0 20px;
    line-height: 40px;
    max-width: 280px;
    color: #fff
}

@media (max-width: 450px) {
    #submission-success .main-container-cover .content h5 {
        margin:32px 0 20px;
        max-width: 190px;
        font-size: 22px;
        line-height: 28px
    }
}

#submission-success .main-container-cover .content .image-container {
    text-align: center;
    margin-bottom: 28px
}

@media (max-width: 450px) {
    #submission-success .main-container-cover .content .image-container {
        margin-bottom:20px
    }
}

#submission-success .main-container-cover .content .image-container img {
    border-radius: 8px;
    text-align: center;
    width: 80%;
    -webkit-filter: drop-shadow(0 8px 12px rgba(18, 18, 18, .16));
    filter: drop-shadow(0 8px 12px rgba(18, 18, 18, .16))
}

@media (max-width: 450px) {
    #submission-success .main-container-cover .content .image-container img {
        width:47%
    }
}

#submission-success .main-container-cover .content h6 {
    text-align: center;
    font-size: 32px;
    margin: 0 0 32px;
    font-weight: 400;
    line-height: 40px;
    color: #fff
}

@media (max-width: 450px) {
    #submission-success .main-container-cover .content h6 {
        font-size:22px;
        line-height: 28px;
        margin: 0 0 20px
    }
}

#quests {
    margin: 48px 20px
}

#quests h3,#quests h6 {
    margin: 0;
    color: #222
}

#quests h3 {
    font-size: 24px
}

#quests h6 {
    font-size: 16px;
    font-weight: 700
}

#quests .split-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 991px) {
    #quests .split-view {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

#quests .split-view .quest-cards {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#quests .split-view .quest-progress {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    margin-top: 24px;
    -webkit-box-shadow: 0 3px 14px 2px rgba(34,34,34,.08),0 8px 10px 1px rgba(34,34,34,.1);
    box-shadow: 0 3px 14px 2px rgba(34,34,34,.08),0 8px 10px 1px rgba(34,34,34,.1);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media (min-width: 991px) {
    #quests .split-view .quest-progress {
        position:sticky;
        top: 75px;
        margin-left: 24px
    }
}

#quests .split-view .quest-progress .header-container {
    padding: 24px;
    background: #fafafa
}

#quests .split-view .quest-progress .content {
    padding: 32px 0 40px 0
}

#quests .split-view .quest-progress .content .count {
    color: #00575d;
    font-size: 32px;
    font-weight: 700;
    margin-top: 8px
}

#quests .split-view .quest-progress .content .count-subtitle {
    font-size: 14px
}

#quests .split-view .quest-progress .placeholder-container {
    margin: 16px 16px 24px 16px
}

#quests .split-view .quest-progress .title {
    color: #222;
    margin: 16px 0 4px 0;
    font-size: 18px
}

#quests .quest-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
    -webkit-box-shadow: 0 3px 14px 2px rgba(34,34,34,.08),0 8px 10px 1px rgba(34,34,34,.1);
    box-shadow: 0 3px 14px 2px rgba(34,34,34,.08),0 8px 10px 1px rgba(34,34,34,.1)
}

@media (max-width: 991px) {
    #quests .quest-card {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

#quests .quest-card.expanded {
    height: auto
}

#quests .quest-card .left-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#quests .quest-card .left-content img {
    margin: 8px;
    background-size: cover;
    width: 200px;
    min-height: 200px
}

#quests .quest-card .clickable {
    outline: 0;
    cursor: pointer
}

#quests .quest-card a {
    color: inherit
}

#quests .quest-card a:hover {
    color: #222
}

#quests .quest-card .right-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 48px 24px
}

#quests .quest-card .right-content .tasks-count {
    margin-top: 8px
}

#quests .quest-card .right-content .quest-badges-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 8px
}

#quests .quest-card .right-content .quest-badge {
    background: #e64809;
    color: #fff;
    font-size: 12px;
    padding: 0 8px;
    line-height: 21px;
    font-weight: 700;
    border-radius: 50vw
}

#quests .quest-card .right-content .quest-badge:not(:last-child) {
    margin-right: 8px
}

#quests .quest-task {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px
}

#quests .quest-task .quest-task-right-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 16px
}

#quests .quest-task .quest-task-description.complete,#quests .quest-task .quest-task-title.complete {
    opacity: .35
}

#quests .task-loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px
}

#embedded-quests .header {
    margin-bottom: 8px;
    font-size: 18px
}

#embedded-quests .header .title {
    color: #222
}

#embedded-quests a {
    text-decoration: none;
    color: inherit
}

#embedded-quests .panel.panel-default2.panel-embedded-quest {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 18px
}

#embedded-quests .panel.panel-default2.panel-embedded-quest.completed-banner {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #eee
}

#embedded-quests .panel.panel-default2.panel-embedded-quest img {
    margin-right: 15px;
    width: 80px
}

#embedded-quests .panel.panel-default2.panel-embedded-quest .banner-title {
    color: #222;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 6px
}

#embedded-quests .link-quests {
    color: #222;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    font-size: 14px;
    text-decoration: underline;
    margin: 16px 0 32px 0
}

#wattpad-presents {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    padding-top: 50px;
    background-color: #222;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#wattpad-presents.ios-webview-padding {
    padding-top: 10px
}

@media (min-width: 992px) {
    #wattpad-presents {
        padding-top:100px
    }
}

#wattpad-presents .logo {
    width: 80%
}

@media (min-width: 992px) {
    #wattpad-presents .logo {
        width:44%
    }
}

#wattpad-presents h1 {
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    margin-top: 10px
}

@media (min-width: 992px) {
    #wattpad-presents h1 {
        font-size:20px;
        line-height: 20px;
        margin-top: 25px
    }
}

#wattpad-presents .videos {
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px
}

@media (min-width: 992px) {
    #wattpad-presents .videos {
        padding-top:50px
    }

    #wattpad-presents .videos.centre-one {
        width: 60%;
        margin: 0 auto
    }
}

#wattpad-presents .video-module {
    border-top: 1px #fff solid;
    padding: 20px 0 10px;
    text-align: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media (min-width: 992px) {
    #wattpad-presents .video-module {
        border-top:none;
        padding-left: 10px;
        padding-right: 10px
    }
}

#wattpad-presents .video-module .video-story-meta {
    text-align: left;
    padding-bottom: 15px
}

#wattpad-presents .video-module .video-story-meta .story-cover img {
    height: 50px
}

#wattpad-presents .video-module .story-title {
    margin-top: 3px;
    padding-left: 42px;
    color: #fff;
    font-weight: 600;
    vertical-align: bottom
}

#wattpad-presents .video-module .genre {
    color: #fff;
    padding-left: 10px;
    vertical-align: top;
    margin-top: -5px;
    display: inline-block
}

#wattpad-presents .video-module .read-story {
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    padding: 4px 11px;
    display: inline-block;
    top: -15px
}

#wattpad-presents iframe {
    width: 100%;
    max-width: 640px
}

#featured-picks-container {
    background-color: #fff
}

#featured-picks-container .featured-picks {
    margin-top: 18px;
    padding-bottom: 50px
}

.import-cover {
    background-color: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    margin-top: -76px;
    top: 20px;
    right: 10px;
    bottom: 20px;
    left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-items: stretch
}

.import-cover .new-cover-block {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user-story-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
    height: 700px;
    overflow: scroll;
    border-left: 1px solid #eee;
    padding-bottom: 24px;
    overflow-x: hidden
}

.user-story-list h3 {
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
    margin-right: -10px;
    padding-left: 12px;
    padding-bottom: 12px
}

.user-story-list .story-list-item:last-child {
    border-bottom: 0
}

.user-story-list .progress-spinner {
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 150px
}

.story-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 24px;
    min-height: 180px
}

.story-list-item:hover {
    background-color: #eaf0f4;
    cursor: pointer
}

.story-list-item.selected {
    background-color: #eaf0f4
}

.story-list-item .publish-count {
    font-weight: 700;
    color: #00b2b2
}

.story-list-item .story-item-details {
    margin-left: 24px
}

.story-list-item .story-cover {
    padding-top: 12px;
    padding-bottom: 12px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 100px
}

.story-list-item .story-meta {
    margin-right: 15px
}

.story-list-item .story-meta .fa {
    margin-right: 3px
}

.continue-nav {
    background-color: #fff;
    padding: 24px;
    text-align: right;
    border-top: 1px solid #eee;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.cover-finished {
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    background-color: #fff;
    display: block;
    padding: 24px;
    border-radius: 12px;
    text-align: center;
    margin-top: 200px
}

.image-appeal-flow h1 {
    font-size: 24px;
    font-weight: 600;
    color: #222;
    margin-bottom: 16px
}

.image-appeal-flow .form-info {
    font-size: 16px;
    line-height: 20px;
    color: #6f6f6f;
    margin-bottom: 24px;
    display: inline-block
}

.image-appeal-flow .form-info .on-click {
    font-weight: 900
}

.image-appeal-flow .form-reason {
    padding: 0 10px
}

.image-appeal-flow .form-reason textarea {
    border: solid 1px #eee;
    background-color: #fafafa;
    font-size: 16px;
    color: #222;
    width: 100%;
    padding: 12px 16px 60px
}

.image-appeal-flow .form-reason .image-info {
    position: relative;
    top: -54px;
    padding: 0 16px 16px 16px
}

.image-appeal-flow .form-reason .image-info .image-container {
    width: 32px;
    height: 32px;
    overflow: hidden;
    max-width: 32px;
    display: block;
    float: left
}

.image-appeal-flow .form-reason .image-info img {
    max-width: 32px
}

.image-appeal-flow .form-reason .image-info .image-url {
    display: block;
    font-size: 14px;
    font-weight: 600;
    max-width: 290px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 16px;
    height: 32px;
    line-height: 32px
}

.image-appeal-flow .next-steps {
    font-size: 14px;
    line-height: 20px;
    display: block;
    margin-top: 8px
}

.image-appeal-flow .submit {
    margin: 0
}

.image-appeal-flow .submit .on-send {
    width: 100%;
    margin: 30px auto 0
}

.image-appeal-flow .spinner {
    margin: 250px auto;
    display: block
}

.image-appeal-flow .submission-success {
    text-align: center;
    margin-top: 20px
}

.image-appeal-flow .submission-success .success-header {
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #222
}

.image-appeal-flow .submission-success .success-info {
    margin-top: 16px;
    display: block;
    font-size: 16px;
    line-height: 24px
}

.image-appeal-flow .submission-success .btn-orange {
    display: block;
    width: 100%;
    margin-top: 32px
}

@media (min-width: 991px) {
    .image-appeal-flow>.container {
        width:740px
    }

    .image-appeal-flow .form-info {
        max-width: 576px
    }

    .image-appeal-flow .form-reason .image-info .image-url {
        max-width: 650px
    }

    .image-appeal-flow .submit {
        margin: 0 -10px
    }

    .image-appeal-flow .submit .on-send {
        margin-top: 60px;
        width: 200px;
        height: 48px
    }

    .image-appeal-flow .submission-success {
        margin-top: 150px
    }

    .image-appeal-flow .submission-success .success-info {
        max-width: 365px;
        margin: 16px auto 0
    }

    .image-appeal-flow .submission-success .btn-orange {
        width: 200px;
        margin: 32px auto 0
    }
}

.validation-success {
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    background: no-repeat left bottom/auto 45% url(/img/landing/bottomLeftPortal.svg),no-repeat right top/auto 50% url(/img/landing/topRightPortal.svg),#fff
}

.validation-success .animation-wrapper {
    height: 165px
}

@media (min-width: 768px) {
    .validation-success .animation-wrapper {
        height:200px
    }
}

.validation-success #validation-success-animation {
    height: 100%
}

.validation-success .message-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    width: 95%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 695px;
    padding: 48px 48px 72px 48px;
    background: #fff;
    -webkit-box-shadow: 0 12px 16px rgba(18,18,18,.16);
    box-shadow: 0 12px 16px rgba(18,18,18,.16);
    border-radius: 10px
}

.validation-success .message-wrapper h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    color: #000;
    margin-bottom: 8px
}

.validation-success .message-wrapper p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    margin-bottom: 24px
}

#userError-404 .wp-modal.user404 {
    z-index: 1029
}

#userError-404 .wp-modal.user404 .modal-content {
    -ms-flex-preferred-size: 334px;
    flex-basis: 334px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 239px
}

#userError-404 .wp-modal.user404 .modal-content .user-not-found {
    text-align: center;
    font-size: 16px
}

#userError-404 .wp-modal.user404 .modal-content .user-not-found h3 {
    color: #222;
    font-weight: 600
}

#userError-404 .wp-modal.user404 .modal-content .user-not-found p {
    margin: 0 27px 43px;
    line-height: 22px
}

#userError-404 .wp-modal.user404 .modal-content .user-not-found .btn {
    height: 36px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px
}

#userError-404 .wp-modal.user404 .modal-content .user-not-found .modal-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#userError-404 .wp-modal.user404 .modal-content .user-not-found .modal-btns .learn-more {
    background-color: #eee;
    color: #222;
    margin-right: 4px
}

#userError-404 .wp-modal.user404 .modal-content .user-not-found .modal-btns .go-back {
    background-color: #ff6122;
    color: #fff;
    margin-left: 4px
}

#story-404-wrapper {
    margin-top: calc(150px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

#story-404-wrapper .error-404-image {
    width: 459px
}

#story-404-wrapper h3 {
    margin: 0 auto;
    margin-top: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #222
}

#story-404-wrapper p {
    width: 500px;
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px
}

#story-404-wrapper .buttons-404 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 24px
}

#story-404-wrapper .buttons-404 .btn {
    height: 42px;
    min-width: 119px;
    border-radius: 21px;
    margin: 0 4px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-height: 750px) {
    #story-404-wrapper {
        margin-top:calc(50px)
    }
}

@media (max-width: 991px) {
    #story-404-wrapper {
        height:100vh;
        padding: 0 36px;
        margin-top: 0
    }

    #story-404-wrapper .error-404-image {
        width: 100%
    }

    #story-404-wrapper h3 {
        font-size: 18px;
        line-height: 30px
    }

    #story-404-wrapper p {
        font-size: 14px;
        line-height: 21px;
        margin-top: 8px;
        width: 100%
    }

    #story-404-wrapper .buttons-404 {
        margin-top: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.jvectormap-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.jvectormap-tip {
    position: absolute;
    display: none;
    border: solid 1px #cdcdcd;
    border-radius: 3px;
    background: #292929;
    color: #fff;
    font-family: sans-serif,Verdana;
    font-size: smaller;
    padding: 3px
}

.jvectormap-goback,.jvectormap-zoomin,.jvectormap-zoomout {
    position: absolute;
    left: 10px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: #fff;
    cursor: pointer;
    line-height: 10px;
    text-align: center
}

.jvectormap-zoomin,.jvectormap-zoomout {
    width: 10px;
    height: 10px
}

.jvectormap-zoomin {
    top: 10px
}

.jvectormap-zoomout {
    top: 30px
}

.jvectormap-goback {
    bottom: 10px;
    z-index: 1000;
    padding: 6px
}

.jvectormap-spinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==)
}

.jvectormap-legend-title {
    font-weight: 700;
    font-size: 14px;
    text-align: center
}

.jvectormap-legend-cnt {
    position: absolute
}

.jvectormap-legend-cnt-h {
    bottom: 0;
    right: 0
}

.jvectormap-legend-cnt-v {
    top: 0;
    right: 0
}

.jvectormap-legend {
    background: #000;
    color: #fff;
    border-radius: 3px
}

.jvectormap-legend-cnt-h .jvectormap-legend {
    float: left;
    margin: 0 10px 10px 0;
    padding: 3px 3px 1px 3px
}

.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
    float: left
}

.jvectormap-legend-cnt-v .jvectormap-legend {
    margin: 10px 10px 0 0;
    padding: 3px
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick {
    width: 40px
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
    height: 15px
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle
}

.jvectormap-legend-tick-text {
    font-size: 12px
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
    text-align: center
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 3px
}

/*# sourceMappingURL=desktop-web.ec3d2c0a.min.css.map */