﻿.float-subjects {
    max-width: 330px;
    width: 100%;
    position: fixed;
    top: 80vh;
    z-index: 100;
    background-color: #fff;
    padding: 5px 5px 10px 5px;
    box-shadow: 0 15px 30px rgba(0,0,0,0.4);
}

.autoSizeFS {
    width: auto;
}


.float-subjects-close-button {
    top: 0;
}

    .float-subjects-close-button img {
        width: 13px;
        height: 13px;
        margin: 5px;
    }

.floatMenu-link, .floatMenu-link:hover, .floatMenu-link:focus, .floatMenu-link:visited {
    border-radius: 15px;
    padding: 5px 15px;
    font-family: BlenderBold;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.34px;
    text-align: center;
    color: #fff;
}


h3.psFloatingMenuTitle {
    margin: 5px 10px;
    font-family: blenderBold;
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.96;
    letter-spacing: normal;
    text-align: right;
    color: #000;
}

.floatMenu-p {
    opacity: 0.8;
    font-family: BlenderRegular;
    font-size: 19px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.26;
    letter-spacing: -0.19px;
    text-align: right;
    color: #000;
    margin-bottom: 10px;
}

.floatMenuMain {
    margin: 0px 10px 10px 20px;
}

@media (max-width: 991px) {
    .float-subjects.FloatInMobile {
        border: none !important;
        background-color: transparent;
        width: 100px;
        padding: 0;
    }

    .float-subjects.notFloatInMobile {
        max-width: 95%;
        position: relative;
        background-color: #fff;
        padding: 25px 5px 25px 5px;
        box-shadow: 0 15px 30px rgba(0,0,0,0.4);
        border: none !important;
        top: auto;
        margin: 10px;
        text-align: center;
    }

    .notFloatInMobile h3.psFloatingMenuTitle {
        text-align: center;
        font-size: 22px;
    }

    .notFloatInMobile .floatMenu-p {
        text-align: center;
        font-size: 15px;
    }

    .FloatInMobile .float-subjects-close-button {
        background-color: #fff;
    }

    .FloatInMobile .floatMenu-link {
        border-radius: 0px;
        padding: 5px 15px;
        font-size: 20px;
        margin-right: 10px;
        color: #fff;
        float: left;
    }

    .FloatInMobile .floatMenuMain {
        margin: 0px;
    }

    .FloatInMobile .float-subjects-close-button {
        position: absolute;
    }

    .FloatInMobile .psFloatingMenuTitle, .FloatInMobile .floatMenu-p {
        display: none;
    }

    .notFloatInMobile .float-subjects-close-button {
        display: none;
    }
}
