/*
** Ezepeze Framework CSS
*/

/*
** Variables
*/



/*
** Global
*/ 

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

button, a {
    outline: none;
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

/* bring this above the fold */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

/*
** Container
*/

.ez-container {
    padding-right: 16px;
    padding-left: 16px; 
    position: relative;    
    margin: auto;    
}

@media (min-width: 768px) {
    .ez-container {
        width: 750px;
    }
}

@media (min-width: 1002px) {
    .ez-container {
        width: 980px;
    }
}

@media (min-width: 1002px) {
    .ez-container {
        width: 980px;
    }
}

/*
** Grid
*/

.ez-row {
    margin-right: -16px;
    margin-left: -16px;
}

.ez-row > * {
    float: left;
    width: 100%;
    min-height: 1px;
    position: relative;
    padding-right: 16px;
    padding-left: 16px;      
}

.ez-row.ez-gutter-sm {
    margin-right: -8px;
    margin-left: -8px;
}

.ez-row.ez-gutter-sm > * {
    padding-right: 8px;
    padding-left: 8px;      
}

.ez-row.ez-gutter-xs {
    margin-right: -4px;
    margin-left: -4px;
}

.ez-row.ez-gutter-xs > * {
    padding-right: 4px;
    padding-left: 4px;      
}

.ez-row:after {
    clear: both;
}

.ez-row:after, .ez-row:before {
    display: table;
    content: " ";
}


.ez-1-xs {
    width: 8.333333%;
}
.ez-pull-1-xs {
    right: 8.333333%;
}
.ez-push-1-xs {
    left: 8.333333%;
}

.ez-2-xs {
    width: 16.666666%;
}
.ez-pull-2-xs {
    right: 16.666666%;
}
.ez-push-2-xs {
    left: 16.666666%;
}

.ez-3-xs {
    width: 25%;
}
.ez-pull-3-xs {
    right: 25%;
}
.ez-push-3-xs {
    left: 25%;
}

.ez-4-xs {
    width: 33.333332%;
}
.ez-pull-4-xs {
    right: 33.333332%;
}
.ez-push-4-xs {
    left: 33.333332%;
}

.ez-5-xs {
    width: 41.666668%;
}
.ez-pull-5-xs {
    right: 41.666668%;
}
.ez-push-5-xs {
    left: 41.666668%;
}

.ez-6-xs {
    width: 50%;
}
.ez-pull-6-xs {
    right: 50%;
}
.ez-push-6-xs {
    left: 50%;
}

.ez-7-xs {
    width: 58.333332%;
}
.ez-pull-7-xs {
    right: 58.333332%;
}
.ez-push-7-xs {
    left: 58.333332%;
}

.ez-8-xs {
    width: 66.666664%;
}
.ez-pull-8-xs {
    right: 66.666664%;
}
.ez-push-8-xs {
    left: 66.666664%;
}

.ez-9-xs {
    width: 75%;
}
.ez-pull-9-xs {
    right: 75%;
}
.ez-push-9-xs {
    left: 75%;
}

.ez-10-xs {
    width: 83.333336%;
}
.ez-pull-10-xs {
    right: 83.333336%;
}
.ez-push-10-xs {
    left: 83.333336%;
}

.ez-11-xs {
    width: 91.666664%;
}
.ez-pull-11-xs {
    right: 91.666664%;
}
.ez-push-11-xs {
    left: 91.666664%;
}

.ez-12-xs {
    width: 100%;
}
.ez-pull-12-xs {
    right: 100%;
}
.ez-push-12-xs {
    left: 100%;
}


.ez-005-xs {
    width: 5%;
}
.ez-pull-005-xs {
    right: 5%;
}
.ez-push-005-xs {
    left: 5%;
}

.ez-010-xs {
    width: 10%;
}
.ez-pull-010-xs {
    right: 10%;
}
.ez-push-010-xs {
    left: 10%;
}

.ez-015-xs {
    width: 15%;
}
.ez-pull-015-xs {
    right: 15%;
}
.ez-push-015-xs {
    left: 15%;
}

.ez-020-xs {
    width: 20%;
}
.ez-pull-020-xs {
    right: 20%;
}
.ez-push-020-xs {
    left: 20%;
}

.ez-025-xs {
    width: 25%;
}
.ez-pull-025-xs {
    right: 25%;
}
.ez-push-025-xs {
    left: 25%;
}

.ez-030-xs {
    width: 30%;
}
.ez-pull-030-xs {
    right: 30%;
}
.ez-push-030-xs {
    left: 30%;
}

.ez-035-xs {
    width: 35%;
}
.ez-pull-035-xs {
    right: 35%;
}
.ez-push-035-xs {
    left: 35%;
}

.ez-040-xs {
    width: 40%;
}
.ez-pull-040-xs {
    right: 40%;
}
.ez-push-040-xs {
    left: 40%;
}

.ez-045-xs {
    width: 45%;
}
.ez-pull-045-xs {
    right: 45%;
}
.ez-push-045-xs {
    left: 45%;
}

.ez-050-xs {
    width: 50%;
}
.ez-pull-050-xs {
    right: 50%;
}
.ez-push-050-xs {
    left: 50%;
}

.ez-055-xs {
    width: 55%;
}
.ez-pull-055-xs {
    right: 55%;
}
.ez-push-055-xs {
    left: 55%;
}

.ez-060-xs {
    width: 60%;
}
.ez-pull-060-xs {
    right: 60%;
}
.ez-push-060-xs {
    left: 60%;
}

.ez-065-xs {
    width: 65%;
}
.ez-pull-065-xs {
    right: 65%;
}
.ez-push-065-xs {
    left: 65%;
}

.ez-070-xs {
    width: 70%;
}
.ez-pull-070-xs {
    right: 70%;
}
.ez-push-070-xs {
    left: 70%;
}

.ez-075-xs {
    width: 75%;
}
.ez-pull-075-xs {
    right: 75%;
}
.ez-push-075-xs {
    left: 75%;
}

.ez-080-xs {
    width: 80%;
}
.ez-pull-080-xs {
    right: 80%;
}
.ez-push-080-xs {
    left: 80%;
}

.ez-085-xs {
    width: 85%;
}
.ez-pull-085-xs {
    right: 85%;
}
.ez-push-085-xs {
    left: 85%;
}

.ez-090-xs {
    width: 90%;
}
.ez-pull-090-xs {
    right: 90%;
}
.ez-push-090-xs {
    left: 90%;
}

.ez-095-xs {
    width: 95%;
}
.ez-pull-095-xs {
    right: 95%;
}
.ez-push-095-xs {
    left: 95%;
}

.ez-100-xs {
    width: 100%;
}
.ez-pull-100-xs {
    right: 100%;
}
.ez-push-100-xs {
    left: 100%;
}


@media (min-width: 768px) {
    
    .ez-1-sm {
        width: 8.333333%;
    }
    .ez-pull-1-sm {
        right: 8.333333%;
    }
    .ez-push-1-sm {
        left: 8.333333%;
    }
    
    .ez-2-sm {
        width: 16.666666%;
    }
    .ez-pull-2-sm {
        right: 16.666666%;
    }
    .ez-push-2-sm {
        left: 16.666666%;
    }
    
    .ez-3-sm {
        width: 25%;
    }
    .ez-pull-3-sm {
        right: 25%;
    }
    .ez-push-3-sm {
        left: 25%;
    }
    
    .ez-4-sm {
        width: 33.333332%;
    }
    .ez-pull-4-sm {
        right: 33.333332%;
    }
    .ez-push-4-sm {
        left: 33.333332%;
    }
    
    .ez-5-sm {
        width: 41.666668%;
    }
    .ez-pull-5-sm {
        right: 41.666668%;
    }
    .ez-push-5-sm {
        left: 41.666668%;
    }
    
    .ez-6-sm {
        width: 50%;
    }
    .ez-pull-6-sm {
        right: 50%;
    }
    .ez-push-6-sm {
        left: 50%;
    }
    
    .ez-7-sm {
        width: 58.333332%;
    }
    .ez-pull-7-sm {
        right: 58.333332%;
    }
    .ez-push-7-sm {
        left: 58.333332%;
    }
    
    .ez-8-sm {
        width: 66.666664%;
    }
    .ez-pull-8-sm {
        right: 66.666664%;
    }
    .ez-push-8-sm {
        left: 66.666664%;
    }
    
    .ez-9-sm {
        width: 75%;
    }
    .ez-pull-9-sm {
        right: 75%;
    }
    .ez-push-9-sm {
        left: 75%;
    }
    
    .ez-10-sm {
        width: 83.333336%;
    }
    .ez-pull-10-sm {
        right: 83.333336%;
    }
    .ez-push-10-sm {
        left: 83.333336%;
    }
    
    .ez-11-sm {
        width: 91.666664%;
    }
    .ez-pull-11-sm {
        right: 91.666664%;
    }
    .ez-push-11-sm {
        left: 91.666664%;
    }
    
    .ez-12-sm {
        width: 100%;
    }
    .ez-pull-12-sm {
        right: 100%;
    }
    .ez-push-12-sm {
        left: 100%;
    }
    
    
    .ez-005-sm {
        width: 5%;
    }
    .ez-pull-005-sm {
        right: 5%;
    }
    .ez-push-005-sm {
        left: 5%;
    }    
    
    .ez-010-sm {
        width: 10%;
    }
    .ez-pull-010-sm {
        right: 10%;
    }
    .ez-push-010-sm {
        left: 10%;
    }    
    
    .ez-015-sm {
        width: 15%;
    }
    .ez-pull-015-sm {
        right: 15%;
    }
    .ez-push-015-sm {
        left: 15%;
    }    
    
    .ez-020-sm {
        width: 20%;
    }
    .ez-pull-020-sm {
        right: 20%;
    }
    .ez-push-020-sm {
        left: 20%;
    }    
    
    .ez-025-sm {
        width: 25%;
    }
    .ez-pull-025-sm {
        right: 25%;
    }
    .ez-push-025-sm {
        left: 25%;
    }    
    
    .ez-030-sm {
        width: 30%;
    }
    .ez-pull-030-sm {
        right: 30%;
    }
    .ez-push-030-sm {
        left: 30%;
    }    
    
    .ez-035-sm {
        width: 35%;
    }
    .ez-pull-035-sm {
        right: 35%;
    }
    .ez-push-035-sm {
        left: 35%;
    }    
    
    .ez-040-sm {
        width: 40%;
    }
    .ez-pull-040-sm {
        right: 40%;
    }
    .ez-push-040-sm {
        left: 40%;
    }    
    
    .ez-045-sm {
        width: 45%;
    }
    .ez-pull-045-sm {
        right: 45%;
    }
    .ez-push-045-sm {
        left: 45%;
    }    
    
    .ez-050-sm {
        width: 50%;
    }
    .ez-pull-050-sm {
        right: 50%;
    }
    .ez-push-050-sm {
        left: 50%;
    }    
    
    .ez-055-sm {
        width: 55%;
    }
    .ez-pull-055-sm {
        right: 55%;
    }
    .ez-push-055-sm {
        left: 55%;
    }    
    
    .ez-060-sm {
        width: 60%;
    }
    .ez-pull-060-sm {
        right: 60%;
    }
    .ez-push-060-sm {
        left: 60%;
    }    
    
    .ez-065-sm {
        width: 65%;
    }
    .ez-pull-065-sm {
        right: 65%;
    }
    .ez-push-065-sm {
        left: 65%;
    }    
    
    .ez-070-sm {
        width: 70%;
    }
    .ez-pull-070-sm {
        right: 70%;
    }
    .ez-push-070-sm {
        left: 70%;
    }    
    
    .ez-075-sm {
        width: 75%;
    }
    .ez-pull-075-sm {
        right: 75%;
    }
    .ez-push-075-sm {
        left: 75%;
    }    
    
    .ez-080-sm {
        width: 80%;
    }
    .ez-pull-080-sm {
        right: 80%;
    }
    .ez-push-080-sm {
        left: 80%;
    }    
    
    .ez-085-sm {
        width: 85%;
    }
    .ez-pull-085-sm {
        right: 85%;
    }
    .ez-push-085-sm {
        left: 85%;
    }    
    
    .ez-090-sm {
        width: 90%;
    }
    .ez-pull-090-sm {
        right: 90%;
    }
    .ez-push-090-sm {
        left: 90%;
    }    
    
    .ez-095-sm {
        width: 95%;
    }
    .ez-pull-095-sm {
        right: 95%;
    }
    .ez-push-095-sm {
        left: 95%;
    }    
    
    .ez-100-sm {
        width: 100%;
    }
    .ez-pull-100-sm {
        right: 100%;
    }
    .ez-push-100-sm {
        left: 100%;
    }    
    
}

@media (min-width: 1002px) {
    
    .ez-1-md {
        width: 8.333333%;
    }
    
    .ez-2-md {
        width: 16.666666%;
    }
    
    .ez-3-md {
        width: 25%;
    }
    
    .ez-4-md {
        width: 33.333332%;
    }
    
    .ez-5-md {
        width: 41.666668%;
    }
    
    .ez-6-md {
        width: 50%;
    }
    
    .ez-7-md {
        width: 58.333332%;
    }
    
    .ez-8-md {
        width: 66.666664%;
    }
    
    .ez-9-md {
        width: 75%;
    }
    
    .ez-10-md {
        width: 83.333336%;
    }
    
    .ez-11-md {
        width: 91.666664%;
    }
    
    .ez-12-md {
        width: 100%;
    }
    
    
    .ez-005-md {
        width: 5%;
    }
    
    .ez-010-md {
        width: 10%;
    }
    
    .ez-015-md {
        width: 15%;
    }
    
    .ez-020-md {
        width: 20%;
    }
    
    .ez-025-md {
        width: 25%;
    }
    
    .ez-030-md {
        width: 30%;
    }
    
    .ez-035-md {
        width: 35%;
    }
    
    .ez-040-md {
        width: 40%;
    }
    
    .ez-045-md {
        width: 45%;
    }
    
    .ez-050-md {
        width: 50%;
    }
    
    .ez-055-md {
        width: 55%;
    }
    
    .ez-060-md {
        width: 60%;
    }
    
    .ez-065-md {
        width: 65%;
    }
    
    .ez-070-md {
        width: 70%;
    }
    
    .ez-075-md {
        width: 75%;
    }
    
    .ez-080-md {
        width: 80%;
    }
    
    .ez-085-md {
        width: 85%;
    }
    
    .ez-090-md {
        width: 90%;
    }
    
    .ez-095-md {
        width: 95%;
    }
    
    .ez-100-md {
        width: 100%;
    }
    
}

@media (min-width: 1002px) {
    
    .ez-1-lg {
        width: 8.333333%;
    }
    
    .ez-2-lg {
        width: 16.666666%;
    }
    
    .ez-3-lg {
        width: 25%;
    }
    
    .ez-4-lg {
        width: 33.333332%;
    }
    
    .ez-5-lg {
        width: 41.666668%;
    }
    
    .ez-6-lg {
        width: 50%;
    }
    
    .ez-7-lg {
        width: 58.333332%;
    }
    
    .ez-8-lg {
        width: 66.666664%;
    }
    
    .ez-9-lg {
        width: 75%;
    }
    
    .ez-10-lg {
        width: 83.333336%;
    }
    
    .ez-11-lg {
        width: 91.666664%;
    }
    
    .ez-12-lg {
        width: 100%;
    }
    
    
    .ez-005-lg {
        width: 5%;
    }
    
    .ez-010-lg {
        width: 10%;
    }
    
    .ez-015-lg {
        width: 15%;
    }
    
    .ez-020-lg {
        width: 20%;
    }
    
    .ez-025-lg {
        width: 25%;
    }
    
    .ez-030-lg {
        width: 30%;
    }
    
    .ez-035-lg {
        width: 35%;
    }
    
    .ez-040-lg {
        width: 40%;
    }
    
    .ez-045-lg {
        width: 45%;
    }
    
    .ez-050-lg {
        width: 50%;
    }
    
    .ez-055-lg {
        width: 55%;
    }
    
    .ez-060-lg {
        width: 60%;
    }
    
    .ez-065-lg {
        width: 65%;
    }
    
    .ez-070-lg {
        width: 70%;
    }
    
    .ez-075-lg {
        width: 75%;
    }
    
    .ez-080-lg {
        width: 80%;
    }
    
    .ez-085-lg {
        width: 85%;
    }
    
    .ez-090-lg {
        width: 90%;
    }
    
    .ez-095-lg {
        width: 95%;
    }
    
    .ez-100-lg {
        width: 100%;
    }
    
}

/*
** Utility
*/

.ez-center-xs {
    text-align: center;   
}
.ez-left-xs {
    text-align: left;
}
.ez-right-xs {
    text-align: right;
}    
.ez-hide-xs {
    display: none;
}
.ez-block-xs {
    display: block;
}
.ez-inline-block-xs {
    display: inline-block;
}
.ez-inline-xs {
    display: inline;
}

@media (min-width: 768px) {
    .ez-center-sm {
        text-align: center;   
    }
    .ez-left-sm {
        text-align: left;
    }
    .ez-right-sm {
        text-align: right;
    }    
    .ez-hide-sm {
        display: none;
    }
    .ez-block-sm {
        display: block;
    }    
    .ez-inline-block-sm {
        display: inline-block;
    }
    .ez-inline-sm {
        display: inline;
    }
}

@media (min-width: 1002px) {
    .ez-center-md {
        text-align: center;   
    }
    .ez-left-md {
        text-align: left;
    }
    .ez-right-md {
        text-align: right;
    }  
    .ez-hide-md {
        display: none;
    } 
    .ez-block-md {
        display: block;
    } 
    .ez-inline-block-md {
        display: inline-block;
    } 
    .ez-inline-md {
        display: inline;
    }    
}

@media (min-width: 1002px) {
    .ez-center-lg {
        text-align: center;   
    }
    .ez-left-lg {
        text-align: left;
    }
    .ez-right-lg {
        text-align: right;
    }  
    .ez-hide-lg {
        display: none;
    }
    .ez-block-lg {
        display: block;
    }  
    .ez-inline-block-lg {
        display: inline-block;
    }  
    .ez-inline-lg {
        display: inline;
    }    
}



/*
** Menu (WIP)
*/

.ez-menu { position: relative; }
.ez-menu > button { display: none; }

/* Mobile First */
.ez-menu > button { display: block; }
.ez-menu li { display: block; background-image: none; }
.ez-menu ul { display: none; }
.ez-menu ul.expanded { display: block !important; }

@media (min-width: 768px) {
    
    .ez-menu > button { display: none; }
    .ez-menu > ul { display: block; }
    
	.ez-menu ul { margin: 0px; padding: 0px;  z-index: 10; list-style: none; position: relative; background-image: none; }
    .ez-menu li { display: inline-block; margin: 0px; padding: 0px; position: relative; background-image: none; }
    .ez-menu ul a { display: block; cursor: pointer; }

    .ez-menu > ul > li > ul { position: absolute; top: 99.99%; display: none; width: auto; }
    .ez-menu > ul > li > ul > li { white-space: nowrap; display: block; position: relative; }
    .ez-menu > ul > li:hover > ul { display: block; }

    .ez-menu > ul > li > ul > li > ul { position: absolute; left: 99.99%; top: 0; display: none; }
    .ez-menu > ul > li > ul > li > ul > li { white-space: nowrap; display: block; }
    .ez-menu > ul > li > ul > li:hover > ul { display: block; }

    /* ** Uncomment for justified menu ** */
    .ez-menu > ul { display: table; width: 100%; }
    .ez-menu > ul > li { display: table-cell; }
}

/*
** Masonry Gallery
*/

.ez-gallery {  
    margin-bottom: 40px;
    margin-left: -5px;
    margin-right: -5px;

}

.ez-gallery-item { 
    width: 25%; 
    padding: 5px;
    display: none;
}

.ez-gallery-item img {
    display: block;
}

.ez-gallery-loader {
    font-size: 18px;
    color: #AAAAAA;
    padding: 5px;
}

@media (max-width: 768px) {
    .ez-gallery-item { 
        width: 50%;
    }
}