.corner-form {
    overflow: hidden;
    max-height: 300px;
}

.corner-form-toggle {
    position: fixed;
    right: 15px;
    bottom: 15px;
    display: block;
    color: #ffffff;
    background-color: #1080f2;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48Zz48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzQ2LDMxOWMtNS41LDAtMTAsNC41LTEwLDEwdjY5YzAsMjcuNi0yMi40LDUwLTUwLDUwSDE3OGMtNS41LDAtMTAsNC41LTEwLDEwbDAsMTkuOUwxNDQuMSw0NTRjLTEuNS0zLjUtNS4xLTYtOS4yLTZINzBjLTI3LjYsMC01MC0yMi40LTUwLTUwVjI0NGMwLTI3LjYsMjIuNC01MCw1MC01MGgxMDFjNS41LDAsMTAtNC41LDEwLTEwcy00LjUtMTAtMTAtMTBINzBjLTM4LjYsMC03MCwzMS40LTcwLDcwdjE1NGMwLDM4LjYsMzEuNCw3MCw3MCw3MGg1OS45bDQxLjEsNDEuMWMxLjksMS45LDQuNSwyLjksNy4xLDIuOWMxLjMsMCwyLjYtMC4yLDMuOC0wLjhjMy43LTEuNSw2LjItNS4yLDYuMi05LjJsMC0zNGg5OGMzOC42LDAsNzAtMzEuNCw3MC03MHYtNjlDMzU2LDMyMy41LDM1MS41LDMxOSwzNDYsMzE5eiIvPjwvZz48L2c+PGc+PGc+PHBhdGggY2xhc3M9InN0MCIgZD0iTTM2Ni43LDBoLTI1LjNDMjYxLjIsMCwxOTYsNjUuMiwxOTYsMTQ1LjNzNjUuMiwxNDUuMywxNDUuMywxNDUuM2gyNS4zYzEyLjUsMCwyNC45LTEuNiwzNi45LTQuN2wzNy40LDM3LjRjMS45LDEuOSw0LjUsMi45LDcuMSwyLjljMS4zLDAsMi42LTAuMiwzLjgtMC44YzMuNy0xLjUsNi4yLTUuMiw2LjItOS4ydi01Ny45YzE1LjgtMTIuOCwyOS0yOSwzOC4yLTQ3LjFjMTAuNS0yMC41LDE1LjgtNDIuNywxNS44LTY2QzUxMiw2NS4yLDQ0Ni44LDAsMzY2LjcsMHogTTQ0MiwyNDUuNWMtMi41LDEuOS00LDQuOC00LDh2MzguNmwtMjQuNS0yNC41Yy0xLjktMS45LTQuNS0yLjktNy4xLTIuOWMtMSwwLTIsMC4xLTIuOSwwLjRjLTExLjksMy43LTI0LjMsNS41LTM2LjksNS41aC0yNS4zYy02OS4xLDAtMTI1LjMtNTYuMi0xMjUuMy0xMjUuM1MyNzIuMiwyMCwzNDEuMywyMGgyNS4zQzQzNS44LDIwLDQ5Miw3Ni4yLDQ5MiwxNDUuM0M0OTIsMTg1LjEsNDczLjgsMjIxLjYsNDQyLDI0NS41eiIvPjwvZz48L2c+PGc+PGc+PHBhdGggY2xhc3M9InN0MCIgZD0iTTM5OSwxMDkuNGMtMS40LTIwLjktMTguMy0zNy44LTM5LjMtMzkuM2MtMTEuOS0wLjgtMjMuMiwzLjItMzEuOSwxMS4zYy04LjUsOC0xMy41LDE5LjMtMTMuNSwzMWMwLDUuNSw0LjUsMTAsMTAsMTBzMTAtNC41LDEwLTEwYzAtNi4zLDIuNS0xMi4xLDcuMS0xNi4zYzQuNi00LjMsMTAuNi02LjQsMTYuOC01LjljMTEsMC44LDE5LjksOS42LDIwLjcsMjAuN2MwLjgsMTEuMS02LjUsMjEtMTcuNCwyMy40Yy04LjgsMi0xNC45LDkuNi0xNC45LDE4LjV2MjRjMCw1LjUsNC41LDEwLDEwLDEwYzUuNSwwLDEwLTQuNSwxMC0xMHYtMjMuMkMzODYuOSwxNDguNyw0MDAuNSwxMzAuMiwzOTksMTA5LjR6Ii8+PC9nPjwvZz48Zz48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzYzLjksMjA5LjNjLTEuOS0xLjktNC40LTIuOS03LjEtMi45cy01LjIsMS4xLTcuMSwyLjljLTEuOSwxLjktMi45LDQuNC0yLjksNy4xYzAsMi42LDEuMSw1LjIsMi45LDcuMWMxLjksMS45LDQuNCwyLjksNy4xLDIuOXM1LjItMS4xLDcuMS0yLjljMS45LTEuOSwyLjktNC40LDIuOS03LjFDMzY2LjgsMjEzLjcsMzY1LjcsMjExLjEsMzYzLjksMjA5LjN6Ii8+PC9nPjwvZz48Zz48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjc1LDMxMEg2NGMtNS41LDAtMTAsNC41LTEwLDEwczQuNSwxMCwxMCwxMGgyMTFjNS41LDAsMTAtNC41LDEwLTEwUzI4MC41LDMxMCwyNzUsMzEweiIvPjwvZz48L2c+PGc+PGc+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI4Mi4xLDM2OC45Yy0xLjktMS45LTQuNC0yLjktNy4xLTIuOXMtNS4yLDEuMS03LjEsMi45Yy0xLjksMS45LTIuOSw0LjQtMi45LDcuMXMxLjEsNS4yLDIuOSw3LjFjMS45LDEuOSw0LjQsMi45LDcuMSwyLjlzNS4yLTEuMSw3LjEtMi45YzEuOS0xLjksMi45LTQuNCwyLjktNy4xQzI4NSwzNzMuNCwyODMuOSwzNzAuOCwyODIuMSwzNjguOXoiLz48L2c+PC9nPjxnPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMzUuNywzNjZINjRjLTUuNSwwLTEwLDQuNS0xMCwxMHM0LjUsMTAsMTAsMTBoMTcxLjdjNS41LDAsMTAtNC41LDEwLTEwUzI0MS4yLDM2NiwyMzUuNywzNjZ6Ii8+PC9nPjwvZz48Zz48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjEwLDI1NEg2NGMtNS41LDAtMTAsNC41LTEwLDEwczQuNSwxMCwxMCwxMGgxNDZjNS41LDAsMTAtNC41LDEwLTEwUzIxNS41LDI1NCwyMTAsMjU0eiIvPjwvZz48L2c+PC9zdmc+);
    background-size: 40px;
    background-position: center;
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    padding: 8px;
    line-height: 40px;
    transition: all ease-in-out .1s;
    text-align: center;
    text-decoration: none;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .25);
    z-index: 9;
}

.corner-form-toggle:hover {
    text-decoration: none;
    background-color: #2191f3;
}

.corner-form-toggle span {
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #ffffff;
    border-radius: 50%;
}

.corner-form-close {
    position: absolute;
    right: 15px;
    top: 15px;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .5);
    z-index: 2;
    transition: all ease-in-out .1s;
}

.corner-form-close::after {
    content: '+';
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 24px;
    font-weight: 200;
    color: #ffffff;
    font-size: 48px;
    transform: rotate(45deg);
}

.corner-form-close:hover {
    background: red;
    background-size: 8px;
}

.corner-form-expand {
    position: absolute;
    right: 44px;
    top: 15px;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .5);
    z-index: 2;
    transition: all ease-in-out .1s;
}

.corner-form-expand::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 24px;
    font-weight: 200;
    color: #ffffff;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0OTIgNDkyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTIgNDkyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ4NC4xLDMyOC41TDI2NSwxMDkuM2MtNS4xLTUuMS0xMS44LTcuOC0xOS4yLTcuOGMtNy4yLDAtMTQsMi44LTE5LDcuOEw3LjksMzI4LjNjLTUuMSw1LjEtNy45LDExLjgtNy45LDE5CgkJCXMyLjgsMTQsNy45LDE5TDI0LDM4Mi41YzUuMSw1LjEsMTEuOCw3LjksMTksNy45czE0LTIuOCwxOS03LjlsMTgzLjktMTgzLjlsMTg0LjEsMTg0LjFjNS4xLDUuMSwxMS44LDcuOSwxOSw3LjkKCQkJYzcuMiwwLDE0LTIuOCwxOS03LjlsMTYuMS0xNi4xQzQ5NC42LDM1Niw0OTQuNiwzMzksNDg0LjEsMzI4LjV6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==") center center no-repeat;
    background-size: 14px;
    font-size: 48px;
}

.corner-form-collapse {
    position: absolute;
    right: 44px;
    top: 15px;
    display: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .5);
    z-index: 2;
    transition: all ease-in-out .1s;
}

.corner-form-collapse::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 24px;
    font-weight: 200;
    color: #ffffff;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0OTIgNDkyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTIgNDkyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ4NC4xLDMyOC41TDI2NSwxMDkuM2MtNS4xLTUuMS0xMS44LTcuOC0xOS4yLTcuOGMtNy4yLDAtMTQsMi44LTE5LDcuOEw3LjksMzI4LjNjLTUuMSw1LjEtNy45LDExLjgtNy45LDE5CgkJCXMyLjgsMTQsNy45LDE5TDI0LDM4Mi41YzUuMSw1LjEsMTEuOCw3LjksMTksNy45czE0LTIuOCwxOS03LjlsMTgzLjktMTgzLjlsMTg0LjEsMTg0LjFjNS4xLDUuMSwxMS44LDcuOSwxOSw3LjkKCQkJYzcuMiwwLDE0LTIuOCwxOS03LjlsMTYuMS0xNi4xQzQ5NC42LDM1Niw0OTQuNiwzMzksNDg0LjEsMzI4LjV6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==") center center no-repeat;
    background-size: 14px;
    font-size: 48px;
    transform: rotate(180deg);
}

.corner-form-collapse:hover {
    background: #1080f2;
    background-size: 8px;
}

.corner-form {
    position: fixed;
    right: 15px;
    bottom: -200%;
    width: 332px;
    padding: 15px;
    max-width: calc(100% - 30px);
    background-color: #ffffff;
    border-radius: 4px;
    font-size: 12px;
    line-height: normal;
    font-weight: 500;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    transition: all ease-in-out .2s;
    z-index: 9;
}

.corner-form h4 {
    position: relative;
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.corner-form h4::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 0;
    border-bottom: 4px solid #03a9f4;
}

.corner-form p {
    font-size: 16px;
    margin-bottom: 15px;
}

.corner-form input[type="text"],
.corner-form input[type="email"],
.corner-form input[type="tel"] {
    width: 100%;
    height: 58px;
    border-radius: 3px;
    line-height: 60px;
    z-index: 0;
    padding: 0 15px;
    font-size: 16px;
}

.corner-form .form-group {
    margin-bottom: 8px;
}

.corner-form-actions {
    text-align: right;
    margin-top: 8px;
}

.corner-form-actions .btn {
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 2px;
}

.corner-form .alert {
    padding: 8px;
    margin: 8px auto;
}

.corner-form .alert p {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .corner-form form {
        max-height: 360px;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

@media (max-height: 812px) {
    .corner-form form {
        max-height: 400px;
        bottom: 15px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .corner-form form::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    .corner-form form::-webkit-scrollbar-track {
        box-shadow: inset 0 0 10px 10px rgba(0, 0, 0, .05);
        border: solid 3px transparent;
        border-radius: 30px;
    }

    .corner-form form::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 10px 10px rgba(0, 0, 0, .2);
        border: solid 3px transparent;
        border-radius: 30px;
    }

    .corner-form form::-webkit-scrollbar-thumb:hover {
        box-shadow: inset 0 0 10px 10px rgba(31, 147, 255, 1);
    }
}