#adminmenu .wp-menu-image img {
    padding: 9px 0 0;
}

.nemesis-wrap-container {
    margin-left: -20px;
}

._admin-container {
    background-color: #fff;
    display: flex;
    border-bottom: 1px solid #e0e5e9;
    z-index: 20;

    ._title-container {
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 0 40px 0 40px;
        min-height: 54px;
    
        .welcome-title {
            font-size: 19px;
            color: #565656;
            margin: 0;
            line-height: .8;
            font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
            font-weight: 200;
        }
    }

    .nemesis-admin-nav {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        border-left: 1px solid #f1f1f1;
        flex: 1;

        .fbt-admin-menu {
            display: flex;
            flex-direction: row;
            justify-content: left;
            margin: 0;
            padding: 0;
        }

        .fbt-admin-menu-right {
            display: flex;
            flex-direction: row;
            justify-content: left;
            margin: 0;
            padding: 0;

            li {
                padding: 0 20px 0 0;
                margin: 0;
                position: relative;
                display: flex;
                align-items: center;
            }

        }

    }

}

.fbt-pro-button {
    border-radius: 4px;
    padding: 0 18px;
    min-height: 36px;
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #947DF3;
    color: #947DF3;

    &.main {
        background: #947DF3;
        border: 1px solid #947DF3;
        color: #fff;

        ._arrow {
            font-size: 16px;
            height: 16px;
            transition: none;
            margin-right: 4px;
        }
    }

    &:hover,
    &:active,
    &:focus {
        background: #7b5ef0;
        border-color: #7b5ef0;
        color: #fff;
        outline: none;
        box-shadow: none;
    }

    .fbt-pro-icon {
        margin-left: 5px;
    }
    
}

._pro-buttons {
    display: flex;
    justify-content: space-between;
}

._container-wrap {
    margin: 20px;
    padding: 20px;
    display: flex;
    justify-content: center;

    &.premium-layout {
        justify-content: inherit;
        margin: 0;
        padding: 0;
        flex-wrap: wrap;

        h1 {
            flex: 0 0 100%;
        }
    }

    &.premium-layout h1,
    h1 {
        font-size: 31px;
        line-height: 36px;
        color: #565656;
        margin: 0;
        padding: 0;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
        font-weight: 200;
    }

    ._container-row {
        flex: 0 1 730px;
        background: #fff;
        box-shadow: 0 1px 2px rgba(black, .06), 0 1px 3px rgba(black, .1);
        border-radius: 4px;
        padding: 20px;
        text-align: center;
        display: flex;
        justify-content: center;

        ._container-col {
            flex: 0 1 567px;
            padding: 20px 0;

            @media ( max-width: 767.98px ) {
                padding: 20px;
            }
        }

    }

    ._text-prim  {
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
        font-weight: 200;
        color: #565656;
        line-height: 36px;
        margin: 0;
        padding: 0;
        font-size: 20px;
    }

    &.premium-layout ._text-sec,
    ._text-sec {
        color: #7f7f7f;
        font-size: 14px;
        line-height: 1.8;
        margin: 20px 0;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;

        strong {
            color: #4a4a4a;
        }
    }

    &.premium-layout {
        ._text-sec {
            flex: 0 0 100%;
            margin: 8px 0 0;
        }
    }

}

._iframe-container {
    background-image: url(../img/video-bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    margin: 20px 0;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 56.25%; //calc( 0.490625/1 * 100% );

    ._iframe-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
    }
}

.nemesis-wrap {
    scroll-behavior: smooth;
    padding: 20px;

    * {
        box-sizing: border-box;
    }
}

.fbt-premium-content {
    margin-bottom: 30px;
}

.fbt-demo-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
    width: 102%;
    padding: 0;
    justify-content: space-between;

    .fbt-demo-item {
        flex: 0 1 24.4%;
        padding: 0 1% 3%;
        margin: 0;
        min-width: 0;

        @media ( max-width: 991.98px ) {
            flex: 0 1 49%;
            padding: 0 1% 4%;
        }

        @media ( max-width: 575.98px ) {
            flex: 0 1 100%;
            padding: 0 1% 7%;
        }

        .demo-item {
            background: #fff;
            box-shadow: 0 1px 4px rgba(black, .15);
            border-radius: 4px;
            display: block;
            overflow: hidden;
            position: relative;
            transition: opacity 0.2s ease-in-out;
        }

        .img-container {
            display: block;
            overflow: hidden;
            position: relative;
            transition: opacity 0.2s ease-in-out;

            &::after {
                content: "";
                display: block;
                padding-top: 72%;
            }
        }

        img {
            height: auto;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            transition: opacity 0.2s ease-in-out;
        }

        .text-container {
            padding: 10px 10px 10px 20px;
            border-top: 1px solid #eee;
            display: flex;
            justify-content: space-between;
            align-items: center;

            h4 {
                font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
                color: #000;
                font-size: 17px;
                line-height: 1;
                margin: 0;
                font-weight: 500;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
        }
    }
}