/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * brandon-grotesque:
 *   - http://typekit.com/eulas/0000000000000000000132df
 *   - http://typekit.com/eulas/0000000000000000000132e0
 *   - http://typekit.com/eulas/0000000000000000000132e3
 *   - http://typekit.com/eulas/0000000000000000000132e4
 *
 * © 2009-2020 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2020-05-03 15:44:59 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=okj6cns&ht=tk&f=10294.10295.10296.10297&a=14776422&app=typekit&e=css");

@font-face {
    font-family: "brandon-grotesque";
    src: url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "brandon-grotesque";
    src: url("https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: "brandon-grotesque";
    src: url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "brandon-grotesque";
    src: url("https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 700;
}

.tk-brandon-grotesque {
    font-family: "brandon-grotesque",sans-serif;
}




.bl-popup {
    background-image: url("/Content/img/son/popup1.jpg"); /* The image used */
    background-size: cover; /* Resize the background image to cover the entire container */
    width: 300px;
    height: 140px;
    background-color: #8bd6e2;
    /*;*/
    /*background-image: url('/Content/img/d&r.png');
    background-size: 200px 125px;*/
    background-repeat: no-repeat;
    background-position: center;
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 14px 28px, rgba(0, 0, 0, 0.4) 0px 10px 10px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
    z-index: 100;
}

    .bl-popup i {
        position: absolute;
        font-size: 25px;
        top: 0px;
        right: 10px;
        color: #3a3e55e8;
        cursor: pointer;
        -webkit-transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        z-index: 6666;
    }

        .bl-popup i:hover {
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

    .bl-popup h2 {
        color: #03539f;
        text-align: center;
        position: absolute;
        bottom: 85px;
        margin: auto 5%;
        font-size: 20px;
    }

    .bl-popup a {
        background-color: #03539f;
        color: #ffffff;
        position: absolute;
        bottom: 40px;
        margin: auto 5%;
        width: 50%;
        font-weight: 400;
        font-size: 16px;
        text-align: center;
        border-radius: 6px;
        padding-top: 3px;
        padding-bottom: 2px;
        cursor: pointer;
        transition: all 0.08s ease 0s;
        box-shadow: 0 3px #182c77;
        text-decoration: none;
        outline: none;
    }

        .bl-popup a:hover {
            text-decoration: none;
            outline: none;
            filter: brightness(110%);
        }

        .bl-popup a:active {
            text-decoration: none;
            outline: none;
            filter: brightness(110%);
            box-shadow: 0 5px #6e2f1e;
            transform: translateY(4px);
        }

        .bl-popup a:focus {
            text-decoration: none;
            outline: none;
        }

    .bl-popup p {
        position: absolute;
        bottom: 22px;
        font-size: 20px;
        text-align: center;
        margin: auto 20%;
        color: #fff;
    }

@media screen and (max-width: 772px) {
    .bl-popup {
        width: 90%;
        bottom: 30px;
        height: 160px;
        background-position: center 0px;
    }

    /*.bl-popup h2 {
            font-size: 25px;
            bottom: 190px;
        }

        .bl-popup a {
            bottom: 115px;
        }

        .bl-popup p {
            font-size: 18px;
        }*/
}

.scale-in-bl {
    -webkit-animation: scale-in-bl 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-bl 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes scale-in-bl {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 1;
    }
}

@keyframes scale-in-bl {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 1;
    }
}

.scale-out-bl {
    -webkit-animation: scale-out-bl 0.3s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: scale-out-bl 0.3s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes scale-out-bl {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 1;
    }
}

@keyframes scale-out-bl {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 1;
    }
}


.modal-img {
    margin: 55px 13px;
}