/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

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

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened{
    -webkit-filter : blur(3px);
    filter         : blur(3px);
}
/* Default theme styles of the overlay */

.remodal-overlay{
    background : rgba(43, 46, 56, 0.9);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing{
    -webkit-animation-duration  : 0.3s;
    animation-duration          : 0.3s;
    -webkit-animation-fill-mode : forwards;
    animation-fill-mode         : forwards;
}
.remodal-overlay.remodal-is-opening{
    -webkit-animation-name : remodal-overlay-opening-keyframes;
    animation-name         : remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing{
    -webkit-animation-name : remodal-overlay-closing-keyframes;
    animation-name         : remodal-overlay-closing-keyframes;
}
/* Default theme styles of the wrapper */

.remodal-wrapper{
    padding : 10px 10px 0;
}
/* Default theme styles of the modal dialog */

.remodal{
    box-sizing        : border-box;
    width             : 100%;
    margin-bottom     : 10px;
    padding           : 35px;
    -webkit-transform : translate3d(0, 0, 0);
    transform         : translate3d(0, 0, 0);
    color             : #2b2e38;
    background        : #fff;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing{
    -webkit-animation-duration  : 0.3s;
    animation-duration          : 0.3s;
    -webkit-animation-fill-mode : forwards;
    animation-fill-mode         : forwards;
}
.remodal.remodal-is-opening{
    -webkit-animation-name : remodal-opening-keyframes;
    animation-name         : remodal-opening-keyframes;
}
.remodal.remodal-is-closing{
    -webkit-animation-name : remodal-closing-keyframes;
    animation-name         : remodal-closing-keyframes;
}
/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after{
    vertical-align : middle;
}
/* Close button */

.remodal-close{
    position           : absolute;
    top                : 0;
    left               : 0;
    display            : block;
    overflow           : visible;
    width              : 35px;
    height             : 35px;
    margin             : 0;
    padding            : 0;
    cursor             : pointer;
    -webkit-transition : color 0.2s;
    transition         : color 0.2s;
    text-decoration    : none;
    color              : #95979c;
    border             : 0;
    outline            : 0;
    background         : transparent;
}
.remodal-close:hover,
.remodal-close:focus{
    color : #2b2e38;
}
.remodal-close:before{
    font-family : Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size   : 25px;
    line-height : 35px;
    position    : absolute;
    top         : 0;
    left        : 0;
    display     : block;
    width       : 35px;
    content     : "\00d7";
    text-align  : center;
}
/* Dialog buttons */

.remodal-confirm,
.remodal-cancel{
    font               : inherit;
    display            : inline-block;
    overflow           : visible;
    min-width          : 110px;
    margin             : 0;
    padding            : 12px 0;
    cursor             : pointer;
    -webkit-transition : background 0.2s;
    transition         : background 0.2s;
    text-align         : center;
    vertical-align     : middle;
    text-decoration    : none;
    border             : 0;
    outline            : 0;
}
.remodal-confirm{
    color      : #fff;
    background : #81c784;
}
.remodal-confirm:hover,
.remodal-confirm:focus{
    background : #66bb6a;
}
.remodal-cancel{
    color      : #fff;
    background : #e57373;
}
.remodal-cancel:hover,
.remodal-cancel:focus{
    background : #ef5350;
}
/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner{
    padding : 0;
    border  : 0;
}
/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes{
    from{
        -webkit-transform : scale(1.05);
        transform         : scale(1.05);
        opacity           : 0;
    }
    to{
        -webkit-transform : none;
        transform         : none;
        opacity           : 1;
        -webkit-filter    : blur(0);
        filter            : blur(0);
    }
}
@keyframes remodal-opening-keyframes{
    from{
        -webkit-transform : scale(1.05);
        transform         : scale(1.05);
        opacity           : 0;
    }
    to{
        -webkit-transform : none;
        transform         : none;
        opacity           : 1;
        -webkit-filter    : blur(0);
        filter            : blur(0);
    }
}
@-webkit-keyframes remodal-closing-keyframes{
    from{
        -webkit-transform : scale(1);
        transform         : scale(1);
        opacity           : 1;
    }
    to{
        -webkit-transform : scale(0.95);
        transform         : scale(0.95);
        opacity           : 0;
        -webkit-filter    : blur(0);
        filter            : blur(0);
    }
}
@keyframes remodal-closing-keyframes{
    from{
        -webkit-transform : scale(1);
        transform         : scale(1);
        opacity           : 1;
    }
    to{
        -webkit-transform : scale(0.95);
        transform         : scale(0.95);
        opacity           : 0;
        -webkit-filter    : blur(0);
        filter            : blur(0);
    }
}
@-webkit-keyframes remodal-overlay-opening-keyframes{
    from{
        opacity : 0;
    }
    to{
        opacity : 1;
    }
}
@keyframes remodal-overlay-opening-keyframes{
    from{
        opacity : 0;
    }
    to{
        opacity : 1;
    }
}
@-webkit-keyframes remodal-overlay-closing-keyframes{
    from{
        opacity : 1;
    }
    to{
        opacity : 0;
    }
}
@keyframes remodal-overlay-closing-keyframes{
    from{
        opacity : 1;
    }
    to{
        opacity : 0;
    }
}

/* Media queries
   ==========================================================================
@media only screen and (min-width : 641px){
    .remodal{
        max-width : 700px;
    }
}*/

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

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