/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked{
    /*overflow: hidden;*/
}

/* Anti FOUC */

.remodal, [data-remodal-id]{
    display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay{
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper{
    position: fixed !important;
    z-index: 10000 !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;

    -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after{
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    content: '';
}

/* Fix iPad, iPhone glitches */

.remodal-overlay, .remodal-wrapper{
    backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal{
    position: relative;
    outline: none;

    text-size-adjust: 100%;
}

.remodal-is-initialized{
    /* Disable Anti-FOUC */
    display: inline-block;
}

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened{
    filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay{
    /*background: rgba(43, 46, 56, .9);*/
    background: rgba(0, 0, 0, .5);
}

.remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing{
    animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening{
    animation: remodal-overlay-opening-keyframes .3s;
}

.remodal-overlay.remodal-is-closing{
    animation: remodal-overlay-closing-keyframes .3s;
}

/* Default theme styles of the wrapper */

.remodal-wrapper{
    padding: 0 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal{
    box-sizing: border-box;
    width: 100%;
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background: #000;
}

.remodal.remodal-is-opening, .remodal.remodal-is-closing{
    animation-fill-mode: forwards;
}

.remodal.remodal-is-opening{
    animation: remodal-opening-keyframes .3s;
}

.remodal.remodal-is-closing{
    animation: remodal-closing-keyframes .3s;
}

/* Vertical align of the modal dialog */

.remodal, .remodal-wrapper:after{
    vertical-align: top;
}

/* Close button */

.remodal-close{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition: color .2s;
    text-decoration: none;
    color: #fff;
    border: 0;
    outline: 0;
    background: #b10073;
    background: -moz-linear-gradient(left, #b10073 0%, #d9008d 100%);
    background: -webkit-linear-gradient(left, #b10073 0%,#d9008d 100%);
    background: linear-gradient(to right, #b10073 0%,#d9008d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b10073', endColorstr='#d9008d',GradientType=1 );
}

.remodal-close:hover, .remodal-close:focus{
    color: #ccc;
}

.remodal-close:before{
    font-family: Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif !important;
    font-size: 28px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: '\00d7';
    text-align: center;
}


/* Keyframes
   ========================================================================== */

@keyframes remodal-opening-keyframes{
    from{
        transform: scale(1.05);
        opacity: 0;
    }
    to{
        transform: none;
        opacity: 1;
    }
}

@keyframes remodal-closing-keyframes{
    from{
        transform: scale(1);
        opacity: 1;
    }
    to{
        transform: scale(.95);
        opacity: 0;
    }
}

@keyframes remodal-overlay-opening-keyframes{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

@keyframes remodal-overlay-closing-keyframes{
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px){
    .remodal{
        max-width: 1025px;
        margin: 30px 0;
    }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay{
    background: #2b2e38;
}

.lt-ie9 .remodal{
    width: 700px;
}