/*
 *  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 necessary styles
   ========================================================================== */


html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}
.remodal,
[data-remodal-id] {
    display: none;
}
.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
}
.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    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: -0.05em;
    content: "";
}
.remodal-overlay,
.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.remodal {
    position: relative;
    outline: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
.remodal-is-initialized {
    display: inline-block;
}

/*====================================

    .remodal

====================================*/ 

.remodal ul {
    margin-right: -1.4%;
}
.remodal ul li:first-child {
    width: 98.6%;
    margin-bottom: 20px;
}
.remodal ul li {
    width: 23.6%;
    margin-right: 1.4%;     
    float: left;
    background: #eee;
    display: block;
    background: url(bg_pattern.svg) center center no-repeat #eee;
    background-size: 40px;
}
.remodal ul li a {
    display: block;
}
.remodal ul li a:hover {
    -webkit-animation: md_bnr_zoom .3s;
    animation: md_bnr_zoom .3s;
}
@-webkit-keyframes md_bnr_zoom {
    50% {
        -webkit-transform: scale(1.05);
    }
}
@keyframes md_bnr_zoom {
    50% {
        transform: scale(1.05);
    }
}
@media screen and (max-width : 737px) {
    .remodal ul li {
        width: 48%;
        background: #eee;
        display: block;
        background: url(bg_pattern.svg) center center no-repeat #eee;
        background-size: 40px;
        margin-bottom: 20px;
    }
    .remodal ul li:nth-child(odd) {
        float: right;
    }
    .remodal ul li:nth-child(even) {
        float: left;
    }
}