@font-face {
    font-family: 'font-awesome';
    src: url('https://www.aucdn.dk/fonts/fa-light-300.eot');
    src: url('https://www.aucdn.dk/fonts/fa-light-300.eot?#iefix') format('embedded-opentype'), url('https://www.aucdn.dk/fonts/fa-light-300.woff2') format('woff2'), url('https://www.aucdn.dk/fonts/fa-light-300.woff') format('woff'), url('https://www.aucdn.dk/fonts/fa-light-300.ttf') format('truetype'), url('https://www.aucdn.dk/fonts/fa-light-300.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
  
.popup_newsletter {
    display:none;
    width:700px;
    height:0px;
    background-color:#ffffff;
    padding:15px;
    position: fixed;
    right:20px;
    bottom:20px;
    border:1px solid #dedede;
    overflow: hidden;
    
    -webkit-box-shadow: 0px 25px 80px -40px #000000;
    -moz-box-shadow: 0px 25px 80px -40px #000000;
    box-shadow: 0px 25px 80px -40px #000000;
  
    -webkit-transition: height 2s; /* For Safari 3.1 to 6.0 */
    transition: height 2s;

    border-radius:5px;
}

.popup_newsletter_small {
    display:none;
    background-color:#e2007a;
    position: fixed;
    right:5px;
    bottom:5px;
    border:1px solid #dedede;
    overflow: hidden;
    border-radius:5px;
    height:0px;

    color: #fff;
    padding-left:1.5em;
    padding-right:1.5em;
    padding-top:.5em;
    padding-bottom:.5em;
    font-size: 1.8rem;
    font-family:AUPassataRegular;

    -webkit-box-shadow: 0px 25px 80px -40px #000000;
    -moz-box-shadow: 0px 25px 80px -40px #000000;
    box-shadow: 0px 25px 80px -40px #000000;

    -webkit-transition: height 2s; /* For Safari 3.1 to 6.0 */
    transition: height 2s;

    width:265px;
}

.popup_newsletter_small:hover {
    cursor: pointer;
}

.popup_newsletter_envelope {
    float: left;
    margin-right: 1.8rem;
    font-family:font-awesome;
}

.popup_newsletter_small.smallhover {
    border-radius: 5px 20px 20px 5px;
    -webkit-transition: all 0.5s; /* For Safari 3.1 to 6.0 */
    transition: all 0.5s;
    width:302px;
}

.popup_newsletter_close {
    float:right;
    font-family:font-awesome;
    display:none;
    position: fixed;
    bottom:14px;
    z-index:999;
    margin-left:1em;
    right:0.8em;
    -webkit-transition: all 0.5s; /* For Safari 3.1 to 6.0 */
    transition: all 0.5s;
}

.popup_newsletter_close.show {
    display:block;
}

.popup_newsletter_init {
    height:300px;
}

.popup_newsletter_small_init {
    height:2.5em;
}

.close-button {
    position: absolute;
    top:5px;
    right:10px;
    font-family:font-awesome;
    font-size:1.8em;
}

/* Image on the left of pop up */
.popup_newsletter .popup_newsletter_image {
    width:52%;
    margin-top:-15px;
    margin-left:-15px;
    float:left;
}

.popup_newsletter .popup_newsletter_image img {
    width:100%;
    height:300px;
}

/* Text on the right of image */
.popup_newsletter .popup_newsletter_text {
    width:48%;
    float:right;
    font-size:120%;
    font-family:AUPassataRegular;
    padding-top:15px;
    padding-left:1.3rem;
    padding-right:1.3rem;
}
.popup_newsletter .popup_newsletter_text .popup_newsletter_title {
    font-size: 3.2rem;
    margin: 0 0 1.6rem;
    line-height:.8em;
}

.popup_newsletter .popup_newsletter_text .popup-newsletter-button {
    display:block;
    margin-left:auto;
    margin-right:auto;
    padding:.85em 1.4em;
}

/* Mobile check */
@media only screen and (max-width: 640px) {
    .popup_newsletter {
        width:100%;
        right:0px;
        bottom:0px;
    }

    .popup_newsletter_image {
        display:none !important;
    }

    .popup_newsletter_text {
        width:100% !important;
    }

    .popup_newsletter_small {
        display:block;
    }
}