body { }

.moduleMain { width: 100%; max-width: 100%; height: auto; box-shadow: 3px 3px 1px 0px rgba(73, 73, 73, 0.50); /*-webkit-box-shadow: 0 4px 8px 0 rgba(123, 123, 123, 0.2), 0 6px 20px 0 rgba(123, 123, 123, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(123, 123, 123, 0.2), 0 6px 20px 0 rgba(123, 123, 123, 0.19);
    box-shadow: 0 4px 8px 0 rgba(123, 123, 123, 0.2), 0 6px 20px 0 rgba(123, 123, 123, 0.19);*/ }

    .moduleMain:active { top: 1px; }

.font_5vw { font-size: 5vw; }

.font_2vw { font-size: 2vw; }

.font_1_5vw { font-size: 1.5vw; }

.btn { border-radius: 0px; }

.btn-glass { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; display: inline-block; color: rgba(255, 255, 255, 0.7); text-decoration: none; padding: 1em 2em 1em 2em; font-family: Lato; font-weight: 300; border: 1px dotted transparent; letter-spacing: 0.98pt; text-transform: uppercase; -webkit-transition: background-position 2s cubic-bezier(0, 1, 0, 1), border-color 500ms, background-color 500ms; transition: background-position 2s cubic-bezier(0, 1, 0, 1), border-color 500ms, background-color 500ms; position: relative; background-attachment: fixed, scroll; background-size: 100vw 100vh, cover; background-position: center center, 0 0; background-image: -webkit-repeating-linear-gradient(135deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.075) 10%, rgba(255, 255, 255, 0.075) 14%, rgba(255, 255, 255, 0.15) 14%, rgba(255, 255, 255, 0.15) 15%, rgba(255, 255, 255, 0.075) 17%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 36%, rgba(255, 255, 255, 0.075) 40%, rgba(255, 255, 255, 0.15) 42%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.075) 60%, rgba(255, 255, 255, 0.075) 66%, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0.075) 70%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(ellipse farthest-corner, transparent, rgba(0, 0, 0, 0.2) 110%); background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.075) 10%, rgba(255, 255, 255, 0.075) 14%, rgba(255, 255, 255, 0.15) 14%, rgba(255, 255, 255, 0.15) 15%, rgba(255, 255, 255, 0.075) 17%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 36%, rgba(255, 255, 255, 0.075) 40%, rgba(255, 255, 255, 0.15) 42%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.075) 60%, rgba(255, 255, 255, 0.075) 66%, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0.075) 70%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%), radial-gradient(ellipse farthest-corner, transparent, rgba(0, 0, 0, 0.2) 110%); }

    .btn-glass:hover { text-decoration: none; background-position: -100vw 0, 0 0; }

    .btn-glass:focus { text-decoration: none; }

    .btn-glass:active { background-position: -75vw 0, 0 0; border-style: solid; }

.nav-light { background-color: transparent; }

    .nav-light .btn-glass { color: white; background-color: rgba(169, 169, 169, 0.32); }

        .nav-light .btn-glass:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(120, 120, 120, 0.4); }

        .nav-light .btn-glass:active { position: relative; z-index: 1; box-shadow: 0 0 1em 0.5ex rgba(17, 17, 17, 0.5); }

        .nav-light .btn-glass.btn-primary { color: #0d6b94; background-color: rgba(42, 143, 189, 0); }

            .nav-light .btn-glass.btn-primary:hover { color: rgba(255, 255, 255, 0.7); border-color: #1c607e; background-color: #2a8fbd; }

            .nav-light .btn-glass.btn-primary:active { position: relative; z-index: 1; box-shadow: 0 0 1em 0.5ex rgba(42, 143, 189, 0.5); }

        .nav-light .btn-glass.btn-success { color: #3cb22e; background-color: rgba(127, 175, 27, 0); }

            .nav-light .btn-glass.btn-success:hover { color: rgba(255, 255, 255, 0.7); border-color: #4f6d11; background-color: #3cb22e; }

            .nav-light .btn-glass.btn-success:active { position: relative; z-index: 1; box-shadow: 0 0 1em 0.5ex rgba(127, 175, 27, 0.5); }

        .nav-light .btn-glass.btn-warning { color: #fccd69; background-color: rgba(251, 184, 41, 0); }

            .nav-light .btn-glass.btn-warning:hover { color: rgba(255, 255, 255, 0.7); border-color: #d49104; background-color: #fbb829; }

            .nav-light .btn-glass.btn-warning:active { position: relative; z-index: 1; box-shadow: 0 0 1em 0.5ex rgba(251, 184, 41, 0.5); }

        .nav-light .btn-glass.btn-danger { color: #f56558; background-color: rgba(240, 35, 17, 0); }

            .nav-light .btn-glass.btn-danger:hover { color: rgba(255, 255, 255, 0.7); border-color: #aa180b; background-color: #f02311; }

            .nav-light .btn-glass.btn-danger:active { position: relative; z-index: 1; box-shadow: 0 0 1em 0.5ex rgba(240, 35, 17, 0.5); }

        .nav-light .btn-glass.btn-info { color: #98e9f0; background-color: rgba(108, 223, 234, 0); }

            .nav-light .btn-glass.btn-info:hover { color: rgba(255, 255, 255, 0.7); border-color: #29d0e0; background-color: #6cdfea; }

            .nav-light .btn-glass.btn-info:active { position: relative; z-index: 1; box-shadow: 0 0 1em 0.5ex rgba(108, 223, 234, 0.5); }

.nav-dark { background-color: #444444; }

    .nav-dark .btn-glass { color: rgba(255, 255, 255, 0.7); background-color: rgba(17, 17, 17, 0); }

        .nav-dark .btn-glass:hover { border-color: #000000; background-color: #111111; }

        .nav-dark .btn-glass:active { position: relative; z-index: 1; box-shadow: 0 0 1em 0.5ex rgba(17, 17, 17, 0.5); }

        .nav-dark .btn-glass.btn-primary { color: rgba(255, 255, 255, 0.7); background-color: rgba(42, 143, 189, 0); }

            .nav-dark .btn-glass.btn-primary:hover { border-color: #1c607e; background-color: #2a8fbd; }

            .nav-dark .btn-glass.btn-primary:active { position: relative; z-index: 1; box-shadow: 0 0 1em 0.5ex rgba(42, 143, 189, 0.5); }

        .nav-dark .btn-glass.btn-success { color: rgba(255, 255, 255, 0.7); background-color: rgba(127, 175, 27, 0); }

            .nav-dark .btn-glass.btn-success:hover { border-color: #4f6d11; background-color: #3cb22e; }

            .nav-dark .btn-glass.btn-success:active { position: relative; z-index: 1; box-shadow: 0 0 1em 0.5ex rgba(127, 175, 27, 0.5); }

        .nav-dark .btn-glass.btn-warning { color: rgba(255, 255, 255, 0.7); background-color: rgba(251, 184, 41, 0); }

            .nav-dark .btn-glass.btn-warning:hover { border-color: #d49104; background-color: #fbb829; }

            .nav-dark .btn-glass.btn-warning:active { position: relative; z-index: 1; box-shadow: 0 0 1em 0.5ex rgba(251, 184, 41, 0.5); }

        .nav-dark .btn-glass.btn-danger { color: rgba(255, 255, 255, 0.7); background-color: rgba(240, 35, 17, 0); }

            .nav-dark .btn-glass.btn-danger:hover { border-color: #aa180b; background-color: #f02311; }

            .nav-dark .btn-glass.btn-danger:active { position: relative; z-index: 1; box-shadow: 0 0 1em 0.5ex rgba(240, 35, 17, 0.5); }

        .nav-dark .btn-glass.btn-info { color: rgba(255, 255, 255, 0.7); background-color: rgba(108, 223, 234, 0); }

            .nav-dark .btn-glass.btn-info:hover { border-color: #29d0e0; background-color: #6cdfea; }

            .nav-dark .btn-glass.btn-info:active { position: relative; z-index: 1; box-shadow: 0 0 1em 0.5ex rgba(108, 223, 234, 0.5); }

nav.btn-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

hr { width: 80px; }

.breakword { white-space: normal; }
.center-box { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; margin: auto; height: 20%; width: 50%; border: 1px solid #000; text-align: center; line-height: 200px; }
.-webkit-text-center { text-align: -webkit-center; }
/* The switch - the box around the slider */
.switch { position: relative; display: inline-block; width: 60px; height: 34px; }

    /* Hide default HTML checkbox */
    .switch input { display: none; }

/* The slider */
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }

    .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }

input:checked + .slider { background-color: #2196F3; }

input:focus + .slider { box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }

/* Rounded sliders */
.slider.round { border-radius: 34px; }

    .slider.round:before { border-radius: 50%; }

@-webkit-keyframes Gradient {
    0%{background-position:0% 48%}
    50%{background-position:100% 53%}
    100%{background-position:0% 48%}
}
@-moz-keyframes Gradient {
    0%{background-position:0% 48%}
    50%{background-position:100% 53%}
    100%{background-position:0% 48%}
}
@keyframes Gradient { 
    0%{background-position:0% 48%}
    50%{background-position:100% 53%}
    100%{background-position:0% 48%}
}