/* Compatible with bootstrap */
/* properties order
display
position
    top...
margin
padding
font*/
body{
    margin: 0;
}
.nes-container{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
/* POSITION */
.nes-abs{
    position: absolute !important;
}
.nes-rel{
    position: relative !important;
}
.nes-float{
    float: left;
}
.nes-float-r{
    float: right;
}
.nes-clear{
    clear: both;
}
.nes-float-container::after{
    content: "";
    display: block;
    clear: both;
}
.nes-clip{
    overflow: hidden;
}
/* Stick */
.nes-stick-t{
    position: absolute;
    top: 0;
}
.nes-stick-r{
    position: absolute;
    right: 0;
}
.nes-stick-b{
    position: absolute;
    bottom: 0;
}
.nes-stick-l{
    position: absolute;
    left: 0;
}
/* BORDERS */
.nes-marginless{
    margin: 0 !important;
}
.nes-paddingless{
    padding: 0 !important;
}
.nes-borderless{
    border: none !important;
}
/* CENTERING */
/* Parent should have defined height and non-static position
Element should have non-inline display and non-static position */
.nes-center{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.nes-center-v{
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.nes-center-h{
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.nes-clear-center{
    top: 0%;
    left: 0%;
    transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
}
.nes-clear-center-v{
    top: 0%;
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
}
.nes-clear-center-h{
    left: 0%;
    transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
}
/* TEXT */
.nes-text-bold{
    font-weight: bold;
}
.nes-text-center{
    text-align: center;
}
.nes-text-right{
    text-align: right;
}
.nex-text-left{
    text-align: left;
}
.nes-text-justify{
    text-align: justify;
}
.nes-text-black{
    color: black;
}
.nes-text-white{
    color: white;
}
/* DISPLAY */
.nes-hidden{
    display: none !important;
}
/* IMAGE */
.nes-img-responsive{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.nes-img-responsive-w{
    display: block;
    max-width: 100%;
    height: auto;
}
.nes-img-responsive-h{
    display: block;
    max-height: 100%;
    width: auto;
}
.nes-img-max-w{
    display: block;
    width: 100%;
    height: auto;
}
.nes-img-max-h{
    display: block;
    height: 100%;
    width: auto;
}
.nes-img-maximize{
    display: block;
    width: 100%;
    height: 100%;
}
/*          -xs-             */
@media (max-width: 767px){
    .nes-float-xs{
        float: left;
    }
    .nes-float-r-xs{
        float: right;
    }
    .nes-clip-xs{
        overflow: hidden;
    }
    .nes-text-right-xs{
        text-align: right;
    }
    .nes-text-center-xs{
        text-align: center;
    }
    /* CENTERING */
    .nes-center-xs{
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    .nes-center-h-xs{
        left: 50%;
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    .nes-center-v-xs{
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
    /* Stick */
    .nes-stick-t-xs{
        position: absolute;
        top: 0;
    }
    .nes-stick-r-xs{
        position: absolute;
        right: 0;
    }
    .nes-stick-b-xs{
        position: absolute;
        bottom: 0;
    }
    .nes-stick-l-xs{
        position: absolute;
        left: 0;
    }
    /* BORDERS */
    .nes-marginless-xs{
        margin: 0 !important;
    }
    .nes-paddingless-xs{
        padding: 0 !important;
    }
    /* DISPLAY */
    .nes-hidden-xs{
        display: none !important;
    }
    /* IMAGE */
    .nes-img-responsive-xs{
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
    .nes-img-responsive-w-xs{
        display: block;
        max-width: 100%;
        height: auto;
    }
    .nes-img-responsive-h-xs{
        display: block;
        max-height: 100%;
        width: auto;
    }
    .nes-img-max-w-xs{
        display: block;
        width: 100%;
        height: auto;
    }
    .nes-img-max-h-xs{
        display: block;
        height: 100%;
        width: auto;
    }
    .nes-img-maximize-xs{
        display: block;
        width: 100%;
        height: 100%;
    }
}
/*              -sm-            */
@media (min-width: 768px) and (max-width: 991px){
    .nes-float-sm{
        float: left;
    }
    .nes-float-r-sm{
        float: right;
    }
    .nes-clip-sm{
        overflow: hidden;
    }
    .nes-text-right-sm{
        text-align: right;
    }
    .nes-text-center-sm{
        text-align: center;
    }
    /* CENTERING */
    .nes-center-sm{
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    .nes-center-h-sm{
        left: 50%;
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    .nes-center-v-sm{
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
    /* Stick */
    .nes-stick-t-sm{
        position: absolute;
        top: 0;
    }
    .nes-stick-r-sm{
        position: absolute;
        right: 0;
    }
    .nes-stick-b-sm{
        position: absolute;
        bottom: 0;
    }
    .nes-stick-l-sm{
        position: absolute;
        left: 0;
    }
    /* BORDERS */
    .nes-marginless-sm{
        margin: 0 !important;
    }
    .nes-paddingless-sm{
        padding: 0 !important;
    }
    /* DISPLAY */
    .nes-hidden-sm{
        display: none !important;
    }
    /* IMAGE */
    .nes-img-responsive-sm{
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
    .nes-img-responsive-w-sm{
        display: block;
        max-width: 100%;
        height: auto;
    }
    .nes-img-responsive-h-sm{
        display: block;
        max-height: 100%;
        width: auto;
    }
    .nes-img-max-w-sm{
        display: block;
        width: 100%;
        height: auto;
    }
    .nes-img-max-h-sm{
        display: block;
        height: 100%;
        width: auto;
    }
    .nes-img-maximize-sm{
        display: block;
        width: 100%;
        height: 100%;
    }
}
/*          -md-            */
@media (min-width: 992px) and (max-width: 1199px){
    .nes-float-md{
        float: left;
    }
    .nes-float-r-md{
        float: right;
    }
    .nes-clip-md{
        overflow: hidden;
    }
    .nes-text-right-md{
        text-align: right;
    }
    .nes-text-center-md{
        text-align: center;
    }
    /* CENTERING */
    .nes-center-md{
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    .nes-center-h-md{
        left: 50%;
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    .nes-center-v-md{
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
    /* Stick */
    .nes-stick-t-md{
        position: absolute;
        top: 0;
    }
    .nes-stick-r-md{
        position: absolute;
        right: 0;
    }
    .nes-stick-b-md{
        position: absolute;
        bottom: 0;
    }
    .nes-stick-l-md{
        position: absolute;
        left: 0;
    }
    /* BORDERS */
    .nes-marginless-md{
        margin: 0 !important;
    }
    .nes-paddingless-md{
        padding: 0 !important;
    }
    /* DISPLAY */
    .nes-hidden-md{
        display: none !important;
    }
    /* IMAGE */
    .nes-img-responsive-md{
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
    .nes-img-responsive-w-md{
        display: block;
        max-width: 100%;
        height: auto;
    }
    .nes-img-responsive-h-md{
        display: block;
        max-height: 100%;
        width: auto;
    }
    .nes-img-max-w-md{
        display: block;
        width: 100%;
        height: auto;
    }
    .nes-img-max-h-md{
        display: block;
        height: 100%;
        width: auto;
    }
    .nes-img-maximize-md{
        display: block;
        width: 100%;
        height: 100%;
    }
}
/*          -lg-            */
@media (min-width: 1200px){
    .nes-float-lg{
        float: left;
    }
    .nes-float-r-lg{
        float: right;
    }
    .nes-clip-lg{
        overflow: hidden;
    }
    .nes-text-right-lg{
        text-align: right;
    }
    .nes-text-center-lg{
        text-align: center;
    }
    /* CENTERING */
    .nes-center-lg{
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    .nes-center-h-lg{
        left: 50%;
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    .nes-center-v-lg{
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
    /* Stick */
    .nes-stick-t-lg{
        position: absolute;
        top: 0;
    }
    .nes-stick-r-lg{
        position: absolute;
        right: 0;
    }
    .nes-stick-b-lg{
        position: absolute;
        bottom: 0;
    }
    .nes-stick-l-lg{
        position: absolute;
        left: 0;
    }
    /* BORDERS */
    .nes-marginless-lg{
        margin: 0 !important;
    }
    .nes-paddingless-lg{
        padding: 0 !important;
    }
    /* DISPLAY */
    .nes-hidden-lg{
        display: none !important;
    }
    /* IMAGE */
    .nes-img-responsive-lg{
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
    .nes-img-responsive-w-lg{
        display: block;
        max-width: 100%;
        height: auto;
    }
    .nes-img-responsive-h-lg{
        display: block;
        max-height: 100%;
        width: auto;
    }
    .nes-img-max-w-lg{
        display: block;
        width: 100%;
        height: auto;
    }
    .nes-img-max-h-lg{
        display: block;
        height: 100%;
        width: auto;
    }
    .nes-img-maximize-lg{
        display: block;
        width: 100%;
        height: 100%;
    }
}