/* whizzy.css 2.07 July 2022 by Hassan whizzyDoc */
 
/* Contains stylings on:
1. layouts (line 25)
2. link styling (line 43)
3. text formatting (line 52)
4. input types and button styling (line 99)

*/
html {
    box-sizing:border-box
}
*, *:before, *:after {
    box-sizing:inherit
}

html {
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body {
    margin:0
}

/* Layouts */
article, aside, details, figcaption, figure, footer, header,  main, menu, nav, section, summary {
    display:block
}
audio, canvas, progress, video {
    display:inline-block
}
progress {
    vertical-align:baseline
}
audio:not([controls]) {
    display:none;
    height:0
}
[hidden], template {
    display:none
}

/* Link Styling */
a {
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
a:active, a:hover {
    outline-width:0
}

/* Text Formatting */
abbr[title] {
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
dfn {
    font-style:italic
}
mark {
    background:#ff0;
    color:#000
}
small {
    font-size:80%
}
sub, sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub {
    bottom:-0.25em
}
sup {
    top:-0.5em
}
figure {
    margin:1em 40px
}
img {
    border-style:none
} 
svg:not(:root) {
    overflow:hidden
}
code, kbd, pre, samp {
    font-family:monospace, monospace;
    font-size:1em
}
hr {
    box-sizing:content-box;
    height:0;
    overflow:visible
}

/* Input types and Button Styling */
button, input, select, textarea {
    font:inherit;
    margin:0;
}
optgroup {
    font-weight:bold;
}
button, input{
    overflow:visible;
}
button, select {
    text-transform:none;
}
button,html[type=button],[type=reset],[type=submit] {
    -webkit-appearance:button;
}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
    border-style:none;
    padding:0
}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
    outline:1px dotted ButtonText;
}
fieldset {
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend {
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
textarea {
    overflow:auto
}
[type=checkbox],[type=radio] {
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height:auto
}
[type=search] {
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
::-webkit-input-placeholder {
    color:inherit;
    opacity:0.54
}
::-webkit-file-upload-button {
    -webkit-appearance:button;
    font:inherit
}

html, body {
    font-family:Verdana,sans-serif;
    font-size:15px;
    line-height:1.5
}
html {
    overflow-x:hidden
}

/* Header Stylings */
h1,h2,h3,h4,h5,h6,.w-slim,.w-wide {
    font-family:"Segoe UI",Arial,sans-serif;
}
h1, .h1 {
    font-size:36px
}
h2, .h2 {
    font-size:30px
}
h3, .h3 {
    font-size:24px
}
h4, h4 {
    font-size:20px
}
h5 {
    font-size:18px
}
h6 {
    font-size:16px
}
.w-serif {
    font-family:"Times New Roman",Times,serif;
}
.w-bold {
    font-weight: 500;
}
.w-bold-x {
    font-weight: 600;
}
.w-bold-xx {
    font-weight: 800;
}
h1, h2, h3, h4, h5, h6 {
    font-weight:400;
    margin:10px 0
}
.w-wide {
    letter-spacing:4px
}
.w-wide-x {
    letter-spacing:8px;
}
.w-wide-xx {
    letter-spacing:12px;
}
.w-wide-xxx {
    letter-spacing:20px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight:inherit;
}
hr {
    border:0;
    border-top:1px solid #eee;
    margin:20px 0
}

/* for images */
img {
    margin-bottom:-5px
}
a {
    color:inherit
}
.w-image {
    max-width:100%;
    height:auto;
}

/* for tables */
.w-table, .w-table-all {
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
    display:table;
}
.w-table-all {
    border:1px solid #ccc;
}
.w-bordered tr, .w-table-all tr {
    border-bottom:1px solid #ddd;
}
.w-striped tbody tr:nth-child(even) {
    background-color:#f1f1f1;
}
.w-table-all tr:nth-child(odd) {
    background-color:#fff;
}
.w-table-all tr:nth-child(even) {
    background-color:#f1f1f1;
}
.w-hoverable tbody tr:hover, .w-ul.w-hoverable li:hover {
    background-color:#ccc;
}
.w-centered tr th, .w-centered tr td {
    text-align:center;
}
.w-table td,  .w-table th, .w-table-all td, .w-table-all th {
    padding:8px 8px;
    display:table-cell;
    text-align:left;
    vertical-align:top;
}
.w-table th:first-child, .w-table td:first-child, .w-table-all th:first-child, .w-table-all td:first-child {
    padding-left:16px;
}

/* Buttons Styling*/
.w-btn, .w-btn-block, .w-button {
    border:none;
    display:inline-block;
    outline:0;
    padding:6px 16px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none!important;
    color:#fff;
    background-color:#000;
    text-align:center;
    cursor:pointer;
    white-space:nowrap;
}
.w-btn a {
    background: transparent;
}
.w-btn:hover, .w-btn-block:hover, .w-btn-floating:hover, .w-btn-floating-large:hover {
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.w-button {
    color:#000;
    background-color:#f1f1f1;
    padding:8px 16px
}
.w-button:hover {
    color:#000!important;
    background-color:#ccc!important;
}
.w-btn, .w-btn-floating, .w-btn-floating-large, .w-closenav, .w-opennav, .w-btn-block, .w-button {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}   
.w-btn-floating, .w-btn-floating-large {
    display:inline-block;
    text-align:center;
    color:#fff;
    background-color:#000;
    position:relative;
    overflow:hidden;
    z-index:1;
    padding:0;
    border-radius:50%;
    cursor:pointer;
    font-size:24px
}
.w-btn-floating {
    width:40px;
    height:40px;
    line-height:40px;
}
.w-btn-floating-large {
    width:56px;
    height:56px;
    line-height:56px
}
.w-disabled, .w-btn:disabled, .w-button:disabled, .w-btn-floating:disabled, .w-btn-floating-large:disabled {
    cursor:not-allowed;
    opacity:0.3;
}
.w-disabled *, :disabled * {
    pointer-events:none;
}
.w-btn.w-disabled:hover, .w-btn-block.w-disabled:hover, .w-btn:disabled:hover, .w-btn-floating.w-disabled:hover,
.w-btn-floating:disabled:hover, .w-btn-floating-large.w-disabled:hover, .w-btn-floating-large:disabled:hover {
    box-shadow:none;
}
.w-btn-group .w-btn {
    float:left;
}
.w-btn-block {
    width:100%;
}
.w-btn-bar .w-btn {
    box-shadow:none;
    background-color:inherit;
    color:inherit;
    float:left;
}
.w-btn-bar .w-btn:hover {
    background-color:#ccc;
}

/* CSS Badge Styling */
.w-badge,.w-tag,.w-sign {
    background-color:#000;
    color:#fff;
    display:inline-block;
    padding-left:8px;
    padding-right:8px;
    text-align:center;
}
.w-badge {
    border-radius:50%;
}

/* list styling */
ul.w-ul {
    list-style-type:none;
    padding:0;
    margin:0;
}
ul.w-ul li {
    padding:8px 16px;
    border-bottom:1px solid #ddd;
}
ul.w-ul li:last-child {
    border-bottom:none;
}

/* CsS Tooltip Styling*/
.w-tooltip, .w-display-container {
    position:relative;
}
.w-tooltip .w-text {
    display:none;
}
.w-tooltip:hover .w-text{
    display:inline-block;
}

/* Navigation Bar Styling */
.w-navbar {
    list-style-type:none;
    margin:0;
    padding:0;
    overflow:hidden;
}
.w-navbar li {
    float:left;
}
.w-navbar li a, .w-navitem, .w-navbar li .w-btn, .w-navbar li .w-input {
    display:block;
    padding:8px 16px;
}
.w-navbar li .w-btn, .w-navbar li .w-input {
    border:none;
    outline:none;
    width:100%;
}
.w-navbar li a:hover {
    color:#000;
    background-color:#ccc;
}
.w-navbar .w-dropdown-hover, .w-navbar .w-dropdown-click {
    position:static;
}
.w-navbar .w-dropdown-hover:hover, .w-navbar .w-dropdown-hover:first-child, .w-navbar .w-dropdown-click:hover {
    background-color:#ccc;
    color:#000;
}
.w-navbar a, .w-topnav a, .w-sidenav a, .w-dropdown-content a, .w-accordion-content a, .w-dropnav a, .w-navblock a {
    text-decoration:none!important;
}
.w-navbar .w-opennav.w-right {
    float:right!important;
}
.w-topnav {
    padding:8px 8px;
    z-index:1;
}
.w-navblock .w-dropdown-hover:hover, .w-navblock .w-dropdown-hover:first-child, .w-navblock .w-dropdown-click:hover {
    background-color:#ccc;
    color:#000;
}
.w-navblock .w-dropdown-hover, .w-navblock .w-dropdown-click {
    width:100%;
}
.w-navblock .w-dropdown-hover .w-dropdown-content, .w-navblock .w-dropdown-click .w-dropdown-content {
    min-width:100%;
}
.w-topnav a {
    padding:0 8px;
    border-bottom:3px solid transparent;
    -webkit-transition:border-bottom .25s;
    transition:border-bottom .25s;
}
.w-topnav a:hover {
    border-bottom:3px solid #fff;
}
.w-topnav .w-dropdown-hover a {
    border-bottom:0;
}
.w-opennav, .w-closenav {
    color:inherit;
}
.w-opennav:hover, .w-closenav:hover {
    cursor:pointer;
    opacity:0.8;
}
.w-btn, .w-btn-floating, .w-dropnav a, .w-btn-floating-large, .w-btn-block, .w-navbar a, .w-navblock a, .w-sidenav a,
.w-pagination li a, .w-hoverable tbody tr, .w-hoverable li, .w-accordion-content a, .w-dropdown-content a, .w-dropdown-click:hover,
.w-dropdown-hover:hover, .w-opennav, .w-closenav, .w-closebtn, *[class*="w3-hover-"] {
    -webkit-transition:background-color .25s,
    color .15s,
    box-shadow .25s,
    opacity 0.25s,
    filter 0.25s,
    border 0.15s;
    transition:background-color .25s,
    color .15s,
    box-shadow .15s,
    opacity .25s,
    filter .25s,
    border .15s;
}
.w-ripple:active {
    opacity:0.5;
}
.w-ripple {
    -webkit-transition:opacity 0s;
    transition:opacity 0s;
}
.w-sidenav, .w-sidebar {
    height:100%;
    position:relative;
    overflow-y:scroll;
    overflow-x:hidden;
}
.w-sidenav a, .w-navblock a {
    padding:4px 2px 4px 16px;
}
.w-sidenav a:hover, .w-navblock a:hover {
    color:#000;
}
.w-sidenav a, .w-dropnav a, .w-navblock a {
    display:block;
}
.w-sidenav .w-dropdown-hover:hover, .w-sidenav .w-dropdown-hover:first-child, .w-sidenav .w-dropdown-click:hover,
.w-dropnav a:hover {
    background-color:#ccc;
    color:#000;
}
.w-sidenav .w-dropdown-hover, .w-sidenav .w-dropdown-click, .w-bar-block .w-dropdown-hover, 
.w-bar-block .w-dropdown-click {
    width:100%;
}
.w-sidenav .w-dropdown-hover .w-dropdown-content, .w-sidenav .w-dropdown-click .w-dropdown-content,
.w-bar-block .w-dropdown-hover .w-dropdown-content, .w-bar-block .w-dropdown-click .w-dropdown-content {
    min-width:100%;
}
.w-bar-block .w-dropdown-hover .w-button,.w-bar-block .w-dropdown-click .w-button {
    width:100%;
    text-align:left;
    background-color:inherit;
    color:inherit;
    padding:8px 16px;
}
.w-main, #main {
    transition:margin-left .4s;
}

/* CSS Modal Styling */
.w-modal {
    z-index:3;
    display:block;
    padding-top:100px;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.4);
}
.w-modal-content {
    margin:auto;
    background-color:#fff;
    position:relative;
    padding:0;
    outline:0;
    width:600px;
}
.w-closebtn {
    text-decoration:none;
    float:right;
    font-size:24px;
    font-weight:bold;
    color:inherit;
}
.w-closebtn:hover, .w-closebtn:focus {
    color:#000;
    text-decoration:none;
    cursor:pointer;
}

/* CSS Pagination Stylings */
.w-pagination {
    display:inline-block;
    padding:0;
    margin:0;
}
.w-pagination li {
    display:inline;
}
.w-pagination li a {
    text-decoration:none;
    color:#000;
    float:left;
    padding:8px 16px;
}
.w-pagination li a:hover {
    background-color:#ccc;
}

/* CSS Input Group Stylings */
.w-input-group, .w-group {
    margin-top:24px;
    margin-bottom:24px;
}
.w-input {
    padding:8px;
    display:block;
    border:none;
    border-bottom:1px solid #808080;
    width:100%;
}
.w-label {
    color:#0421c4;
}
.w-input:not(:valid)~.w3-validate {
    color:#f44336;
}
.w-select {
    padding:9px 0;
    width:100%;
    color:#000;
    border:1px solid transparent;
    border-bottom:1px solid #009688;
}
.w-select select:focus {
    color:#000;
    border:1px solid #009688;
}
.w-select option[disabled] {
    color:#009688;
}
.w-dropdown-click, .w-dropdown-hover {
    position:relative;
    display:inline-block;
    cursor:pointer;
}
.w-dropdown-hover:hover .w-dropdown-content{
    display:block;
    z-index:1;
}
.w-dropdown-hover:first-child, .w-dropdown-click:hover {
    background-color:#ccc;
    color:#000;
}
.w-dropdown-hover:hover > .w-button:first-child, .w-dropdown-click:hover > .w-button:first-child {
    background-color:#ccc;
    color:#000;
}
.w-dropdown-content {
    cursor:auto;
    color:#000;
    background-color:#fff;
    display:none;
    position:absolute;
    min-width:160px;
    margin:0;
    padding:0
}
.w-dropdown-content a{
    padding:6px 16px;
    display:block;
}
.w-dropdown-content a:hover {
    background-color:#ccc;
}

/* CSS Accordion Styling */
.w-accordion {
    width:100%;
    cursor:pointer;
}
.w-accordion-content {
    cursor:auto;
    display:none;
    position:relative;
    width:100%;
    margin:0;
    padding:0;
}
.w-accordion-content a {
    padding:6px 16px;
    display:block;
}
.w-accordion-content a:hover {
    background-color:#ccc;
}

/* CSS Progress Bar */
.w-progress-container {
    width:100%;
    height:1.5em;
    position:relative;
    background-color:#f1f1f1;
}
.w-progressbar {
    background-color:#757575;
    height:100%;
    position:absolute;
    line-height:inherit;
}

/* CSS Checkbox validation styling */
input[type=checkbox].w-check, input[type=radio].w-radio {
    width:24px;
    height:24px;
    position:relative;
    top:6px;
}
input[type=checkbox].w-check:checked+.w-validate, input[type=radio].w-radio:checked+.w-validate {
    color:#009688;
} 
input[type=checkbox].w-check:disabled+.w-validate, input[type=radio].w-radio:disabled+.w-validate {
    color:#aaa;
}

/* CSs Bar Styling */
.w-bar {
    width:100%;
    overflow:hidden;
}
.w-center .w-bar {
    display:inline-block;
    width:auto
}
.w-bar .w-bar-item {
    padding:16px 24px;
    float:left;
    background-color:inherit;
    color:inherit;
    width:auto;
    border:none;
    outline:none;
    display:block;
}
.w-bar .w-dropdown-hover, .w-bar .w-dropdown-click{
    position:static;
    float:left;
}
.w-bar .w-button {
    background-color:inherit;
    color:inherit;
    white-space:normal;
}
.w-bar-block .w-bar-item {
    width:100%;
    display:block;
    padding:8px 16px;
    text-align:left;
    background-color:inherit;
    color:inherit;
    border:none;
    outline:none;
    white-space:normal;
    float:none;
}
.w-bar-block.w-center .w-bar-item {
    text-align:center;
}
.w-block {
    display:block;
    width:100%;
}

/* CSS Responsive Layout Design */
[class*="col-"] {
    float: left;
 }
 .row::after {
    content: "";
    display: block;
    clear: both;
 }
 .column {
    display: flex;
    flex-direction: column;
 }
@media only screen and (max-width: 600px) {
    .col-sm-1 { width: 8.33333333% }
    .col-sm-2 { width: 16.66666667% }
    .col-sm-3 { width: 25% }
    .col-sm-4 { width: 33.33333333% }
    .col-sm-5 { width: 41.66666667% }
    .col-sm-6 { width: 50% }
    .col-sm-7 { width: 58.33333333% }
    .col-sm-8 { width: 66.66666667% }
    .col-sm-9 { width: 75% }
    .col-sm-10 { width: 83.33333333% }
    .col-sm-11 { width: 91.66666667% }
    .col-sm-12 { width: 100% }
}
 @media only screen and (max-width: 768px) {
    .col-md-1 { width: 8.33333333% }
    .col-md-2 { width: 16.66666667% }
    .col-md-3 { width: 25% }
    .col-md-4 { width: 33.33333333% }
    .col-md-5 { width: 41.66666667% }
    .col-md-6 { width: 50% }
    .col-md-7 { width: 58.33333333% }
    .col-md-8 { width: 66.66666667% }
    .col-md-9 { width: 75% }
    .col-md-10 { width: 83.33333333% }
    .col-md-11 { width: 91.66666667% }
    .col-md-12 { width: 100% }
 }
 @media only screen and (min-width: 768px) {
    .col-l-1 { width: 8.33333333% }
    .col-l-2 { width: 16.66666667% }
    .col-l-3 { width: 25% }
    .col-l-4 { width: 33.33333333% }
    .col-l-5 { width: 41.66666667% }
    .col-l-6 { width: 50% }
    .col-l-7 { width: 58.33333333% }
    .col-l-8 { width: 66.66666667% }
    .col-l-9 { width: 75% }
    .col-l-10 { width: 83.33333333% }
    .col-l-11 { width: 91.66666667% }
    .col-l-12 { width: 100% }
 }

.w-responsive {
    overflow-x:auto;
}
.w-container:after, .w-container:before, .w-panel:after, .w-panel:before, .w-row:after, .w-row:before,
.w-row-padding:after, .w-row-padding:before, .w-cell-row:before, .w-cell-row:after, .w-topnav:after,
.w-topnav:before, .w-clear:after, .w-clear:before, .w-btn-group:before, .w-btn-group:after,
.w-btn-bar:before, .w-btn-bar:after, .w-bar:before, .w-bar:after {
    content:"";
    display:table;
    clear:both;
}
.w-col, .w-half, .w-third, .w-twothird, .w-threequarter, .w-quarter {
    float:left;
    width:100%;
}
.w-col.s1 {width:8.33333%}
.w-col.s2 {width:16.66666%}
.w-col.s3 {width:24.99999%}
.w-col.s4 {width:33.33333%}
.w-col.s5 {width:41.66666%}
.w-col.s6 {width:49.99999%}
.w-col.s7 {width:58.33333%}
.w-col.s8 {width:66.66666%}
.w-col.s9 {width:74.99999%}
.w-col.s10 {width:83.33333%}
.w-col.s11 {width:91.66666%}
.w-col.s12, .w-half, .w-third, .w-twothird, .w-threequarter, .w-quarter {width:99.99999%}

@media (min-width:601px) {
.w-col.m1 {width:8.33333%}
.w-col.m2 {width:16.66666%}
.w-col.m3,.w-quarter {width:24.99999%}
.w-col.m4, .w-third {width:33.33333%}
.w-col.m5 {width:41.66666%}
.w-col.m6, .w-half {width:49.99999%}
.w-col.m7 {width:58.33333%}
.w-col.m8,.w-twothird {width:66.66666%}
.w3-col.m9,.w3-threequarter {width:74.99999%}
.w3-col.m10 {width:83.33333%}
.w3-col.m11 {width:91.66666%}
.w3-col.m12 {width:99.99999%}
}
@media (min-width:993px) {
.w-col.l1 {width:8.33333%}
.w-col.l2 {width:16.66666%}
.w-col.l3,.w-quarter {width:24.99999%}
.w-col.l4, .w-third {width:33.33333%}
.w-col.l5 {width:41.66666%}
.w-col.l6, .w-half {width:49.99999%}
.w-col.l7 {width:58.33333%}
.w-col.l8,.w-twothird {width:66.66666%}
.w-col.l9, .w-threequarter {width:74.99999%}
.w-col.l10 {width:83.33333%}
.w-col.l11 {width:91.66666%}
.w-col.l12 {width:99.99999%}
}
.w-content {
    max-width:980px;
    margin:auto;
}
.w-rest {
    overflow:hidden;
}
.w-layout-container, .w-cell-row {
    display:table;
    width:100%;
}
.w-layout-row {
    display:table-row;
}
.w-layout-cell, .w-layout-col, .w-cell {
    display:table-cell;
}
.w-layout-top, .w-cell-top {
    vertical-align:top;
}
.w-layout-middle, .w-cell-middle {
    vertical-align:middle;
}
.w-layout-bottom, .w-cell-bottom {
    vertical-align:bottom;
}

/* CSS Hide/Show Elements */
.w-hide {
    display:none!important;
}
.w-show-block, .w-show, .w-block {
    display:block!important;
}
.w-show-inline-block {
    display:inline-block!important;
}

/* Responsive CSS Modal Nav Styling */
@media (max-width:600px) {
    .w-modal-content {
        margin:0 10px;
        width:auto!important;
    }
    .w-modal {
        padding-top:30px;
    }
    .w-topnav a{
        display:block;
    }
    .w-navbar li:not(.w-opennav) {
        float:none; width:100%!important;
    }
    .w-navbar li.w-right {
        float:none!important;
    }
    .w-topnav .w-dropdown-hover .w-dropdown-content, .w-navbar .w-dropdown-click .w-dropdown-content,
    .w-navbar .w-dropdown-hover .w-dropdown-content, .w-dropdown-hover.w-mobile .w-dropdown-content,
    .w-dropdown-click.w-mobile .w-dropdown-content {
        position:relative;
    }	
    .w-topnav, .w-navbar {
        text-align:center;
    }
    .w-hide-small {
        display:none!important;
    }
    .w-layout-col, .w-mobile {
        display:block;
        width:100%!important;
    }
    .w-bar-item.w-mobile, .w-dropdown-hover.w-mobile, .w-dropdown-click.w-mobile {
        text-align:center;
    }
    .w-dropdown-hover.w-mobile, .w-dropdown-hover.w-mobile .w-btn, .w-dropdown-hover.w-mobile .w-button,
    .w-dropdown-click.w-mobile, .w-dropdown-click.w-mobile .w-btn, .w-dropdown-click.w-mobile .w-button {
        width:100%;
    }
}
@media (max-width:768px) {
    .w-modal-content {width:500px}
    .w-modal {padding-top:50px}
}
@media (min-width:993px) {
    .w-modal-content {width:900px}
    .w-hide-large {display:none!important}
    .w-sidenav.w-collapse, .w-sidebar.w-collapse {display:block!important}
}
@media (max-width:992px) and (min-width:601px) {
    .w-hide-medium {display:none!important}
}
@media (max-width:992px) {
    .w-sidenav.w-collapse, .w-sidebar.w-collapse {display:none}
    .w-main {
        margin-left:0!important;
        margin-right:0!important
    }
}

/* CSS Position Styling */
.w-top, .w-bottom {
    position:fixed;
    width:100%;
    z-index:1;
}
.w-sticky-top, .w-sticky-bottom {
    position: sticky;
    position:-webkit-sticky;
    z-index:500;
}
.w-sticky-top {top:0;}
.w-top {top:0;}
.w-bottom {bottom:0;}
.w-overlay {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.5);
    z-index:1000;
}
.w-left {float:left!important;}
.w-right {float:right!important;}

/* CSS Size Styling */
.w-tiny {font-size:10px!important;}
.w-small {font-size:12px!important;}
.w-medium {font-size:15px!important;}
.w-large {font-size:18px!important;}
.w-xlarge {font-size:24px!important;}
.w-xxlarge {font-size:36px!important}
.w-xxxlarge {font-size:48px!important;}
.w-jumbo {font-size:64px!important;}

/* CSS Align & Display */
.w-vertical {
    word-break:break-all;
    line-height:1;
    text-align:center;
    width:0.6em;
}
.w-left-align {
    text-align:left!important;
}
.w-right-align {
    text-align:right!important;
}
.w-justify {
    text-align:justify!important;
}
.w-center {
    text-align:center!important;
}
.w-display-topleft {
    position:absolute;
    left:0;
    top:0;
}
.w-display-topright {
    position:absolute;
    right:0;
    top:0;
}
.w-display-bottomleft {
    position:absolute;
    left:0;
    bottom:0;
}
.w-display-bottomright {
    position:absolute;
    right:0;
    bottom:0;
}
.w-display-middle {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
}
.w-display-left {
    position:absolute;
    top:50%;
    left:0%;
    transform:translate(0%,-50%);
    -ms-transform:translate(-0%,-50%);
}
.w-display-right {
    position:absolute;
    top:50%;
    right:0%;
    transform:translate(0%,-50%);
    -ms-transform:translate(0%,-50%);
}
.w-display-topmiddle {
    position:absolute;
    left:50%;
    top:0;
    transform:translate(-50%,0%);
    -ms-transform:translate(-50%,0%);
}
.w-display-bottommiddle {
    position:absolute;
    left:50%;
    bottom:0;
    transform:translate(-50%,0%);
    -ms-transform:translate(-50%,0%);
}
.w-display-container:hover .w3-display-hover {
    display:block;
}
.w-display-container:hover span.w-display-hover {
    display:inline-block;
}
.w-display-hover {
    display:none;
}
.w-display-position {
    position:absolute;
}

/* CSS Flex Display */
.w-flex, .w-flex-wrap, .w-flex-around, .w-flex-between {
    display: flex;
    width:100%;
    position:relative;
}
.w-flex .w-flex-item, .w-flex-wrap .w-flex-item {
    position:relative;
}
.w-flex-wrap {
    flex-wrap: wrap;
}
.w-flex-around {
    justify-content:space-around;
}
.w-flex-center {
    justify-content:center;
}
.w-flex-start {
    justify-content:flex-start;
}
.w-flex-end {
    justify-content:flex-end;
}
.w-flex-between {
    justify-content:space-between;
}
.w-align-start {align-items:flex-start;}
.w-align-end {align-items:flex-end;}
.w-align-center {align-items:center;}


/* CSS Rounded Corners & Shapes */
.w-circle {border-radius:50%!important;}
.w-round-small {border-radius:2px!important}
.w-round, .w-round-medium {border-radius:4px!important}
.w-round-large {border-radius:8px!important}
.w-round-xlarge {border-radius:16px!important}
.w-round-xxlarge {border-radius:32px!important}
.w-round-jumbo {border-radius:64px!important}

/*CSS Border Styling*/
.w-border-0 {border:0!important}
.w-border {border:1px solid #ccc!important}
.w-border-top {border-top:1px solid #ccc!important}
.w-border-bottom {border-bottom:1px solid #ccc!important}
.w-border-left {border-left:1px solid #ccc!important}
.w-border-right {border-right:1px solid #ccc!important}

/* CSS Margin Styling */
.w-margin {margin:16px!important}
.w-margin-0 {margin:0!important}
.w-margin-top {margin-top:16px!important}
.w-margin-bottom {margin-bottom:16px!important}
.w-margin-left {margin-left:8px!important}
.w-margin-right {margin-right:8px!important}
.w-section {
    margin-top:16px!important;
    margin-bottom:16px!important;
}

/* CSS Padding Styling */
.w-padding-tiny {padding:2px 4px!important}
.w-padding-small {padding:4px 8px!important}
.w-padding-medium, .w-padding, .w-form {padding:8px 16px!important}
.w-padding-large {padding:12px 24px!important}
.w-padding-xlarge {padding:16px 32px!important}
.w3-padding-xxlarge{padding:24px 48px!important}.w3-padding-jumbo{padding:32px 64px!important}
.w-padding-4 {
    padding-top:4px!important;
    padding-bottom:4px!important;
}
.w-padding-8 {
    padding-top:8px!important;
    padding-bottom:8px!important;
}
.w-padding-12 {
    padding-top:12px!important;
    padding-bottom:12px!important;
}
.w-padding-16 {
    padding-top:16px!important;
    padding-bottom:16px!important;
}
.w-padding-24 {
    padding-top:24px!important;
    padding-bottom:24px!important
}
.w-padding-32{
    padding-top:32px!important;
    padding-bottom:32px!important
}
.w-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w-padding-128{padding-top:128px!important;padding-bottom:128px!important}
.w-padding-0{padding:0!important}
.w-padding-top {padding-top:8px!important}
.w-padding-bottom {padding-bottom:8px!important}
.w-padding-left {padding-left:16px!important}
.w-padding-right {padding-right:16px!important}
.w-topbar {border-top:6px solid #ccc!important}
.w-bottombar {border-bottom:6px solid #ccc!important}
.w-leftbar {border-left:6px solid #ccc!important}
.w-rightbar {border-right:6px solid #ccc!important}
.w-row-padding, .w-row-padding>.w-half, .w-row-padding>.w-third, .w-row-padding>.w-twothird,
.w-row-padding>.w-threequarter,.w-row-padding>.w-quarter,.w-row-padding>.w-col {
    padding:0 8px;
}

/*CSS Panel & Cards */
.w-container {padding:0.01em 16px}
.w-panel {
    padding:0.01em 16px;
    margin-top:16px!important;
    margin-bottom:16px!important
}
.w-example {
    background-color:#f1f1f1;
    padding:0.01em 16px
}
.w-code, .w-codespan {
    font-family:Consolas,"courier new";
    font-size:16px
}
.w-code {
    line-height:1.4;
    width:auto;
    background-color:#fff;
    padding:8px 12px;
    border-left:4px solid #4CAF50;
    word-wrap:break-word
}
.w-codespan {
    color:crimson;
    background-color:#f1f1f1;
    padding-left:4px;
    padding-right:4px;
    font-size:110%;
}
.w-example, .w-code {margin:20px 0}
.w-card, .w-card-2, .w-example {
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12)!important;
}
.w-card-4, .w-hover-shadow:hover {
    box-shadow:0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19)!important;
}
.w-card-8 {
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19)!important;
}
.w-card-12 {
    box-shadow:0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19)!important;
}
.w-card-16 {
    box-shadow:0 16px 24px 0 rgba(0,0,0,0.22), 0 25px 55px 0 rgba(0,0,0,0.21)!important;
}
.w-card-24 {
    box-shadow:0 24px 24px 0 rgba(0,0,0,0.2), 0 40px 77px 0 rgba(0,0,0,0.22)!important;
}

/*CSS Animation Styling */
.w-spin {
    animation:w-spin .5s linear;
    -webkit-animation:w-spin .5s linear;
}
@-webkit-keyframes w-spin {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg);
    }
}
@keyframes w-spin {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100% {
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
}
.w-animate-fading {
    -webkit-animation:fading 6s infinite;
    animation:fading 6s infinite;
}
@-webkit-keyframes fading {
    0% {opacity:0}
    50% {opacity:1}
    100% {opacity:0}
}
@keyframes fading {
    0% {opacity:0}
    50% {opacity:1}
    100% {opacity:0}
}
.w-animate-opacity {
    -webkit-animation:opac 1s;
    animation:opac 1s;
}
@-webkit-keyframes opac {
    from {opacity:0}
    to{opacity:1}
}
@keyframes opac {
    from{opacity:0}
    to{opacity:1}
}
.w-animate-top {
    position:relative;
    -webkit-animation:animatetop 0.5s;
    animation:animatetop 0.5s;
}
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0;} 
    to {top:0; opacity:1}
}
@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1;}
}
.w-animate-left {
    position:relative;
    -webkit-animation:animateleft 0.5s;
    animation:animateleft 0.5s;
}
@-webkit-keyframes animateleft {
    from {left:-300px; opacity:0}
    to {left:0; opacity:1}
}
@keyframes animateleft {
    from {left:-300px; opacity:0}
    to {left:0; opacity:1}
}
.w-animate-right {
    position:relative;
    -webkit-animation:animateright 0.5s;
    animation:animateright 0.5s;
}
@-webkit-keyframes animateright {
    from {right:-300px; opacity:0}
    to{right:0; opacity:1}
 }
@keyframes animateright {
    from {right:-300px; opacity:0}
    to {right:0; opacity:1}
}
.w-animate-bottom {
    position:relative;
    -webkit-animation:animatebottom 0.5s;
    animation:animatebottom 0.5s;
}
@-webkit-keyframes animatebottom {
    from {bottom:-300px; opacity:0}
    to {bottom:0px; opacity:1}
}
@keyframes animatebottom {
    from {bottom:-300px; opacity:0;
    }
    to {bottom:0; opacity:1;
    }
}
.w-animate-zoom {
    -webkit-animation:animatezoom 0.6s;
    animation:animatezoom 0.6s;
}
@-webkit-keyframes animatezoom {
    from {-webkit-transform:scale(0)}
    to{-webkit-transform:scale(1)}
}
@keyframes animatezoom {
    from {transform:scale(0)}
    to{transform:scale(1)}
}
.w-animate-input {
    -webkit-transition:width 0.4s ease-in-out;
    transition:width 0.4s ease-in-out;
}
.w-animate-input:focus {width:100%!important}

/* CSS Opacity and Grayscale*/
.w-opacity, .w-hover-opacity:hover {
    opacity:0.60;
    -webkit-backface-visibility:hidden;
}
.w-opacity-off, .w-hover-opacity-off:hover {
    opacity:1;
    -webkit-backface-visibility:hidden;
}
.w-opacity-max {
    opacity:0.25;
    -webkit-backface-visibility: hidden;
}
.w-opacity-min {
    opacity:0.75;
    -webkit-backface-visibility: hidden;
}
.w-greyscale-max, .w-grayscale-max, .w-hover-greyscale:hover, .w3-hover-grayscale:hover {
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
}
.w-greyscale, .w-grayscale {
    -webkit-filter:grayscale(75%);
    filter:grayscale(75%);
}
.w-greyscale-min, .w-grayscale-min {
    -webkit-filter:grayscale(50%);
    filter:grayscale(50%);
}
.w-sepia {
    -webkit-filter:sepia(75%);
    filter:sepia(75%);
}
.w-sepia-max, .w-hover-sepia:hover {
    -webkit-filter:sepia(100%);
    filter:sepia(100%);
}
.w-sepia-min {
    -webkit-filter:sepia(50%);
    filter:sepia(50%);
}

/* CSS Text Shadow */
.w-text-shadow {text-shadow:1px 1px 0 #444}
.w-text-shadow-white{text-shadow:1px 1px 0 #ddd}
.w-transparent{background-color:transparent!important}
.w-hover-none:hover{box-shadow:none!important;background-color:transparent!important}

/* CSS Box Colors */
.w-amber,.w-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w-aqua,.w-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w-blue,.w-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w-light-blue,.w-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w-brown,.w-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w-cyan,.w-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w-blue-grey,.w-hover-blue-grey:hover,.w-blue-gray,.w-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w-green,.w-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w-light-green,.w-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w-indigo,.w-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w-khaki,.w-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w-lime,.w-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w-orange,.w-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w-deep-orange,.w-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w-pink,.w-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w-purple,.w-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w-deep-purple,.w-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w-red,.w-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w-sand,.w-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w-teal,.w-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w-yellow,.w-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w-white,.w-hover-white:hover{color:#000!important;background-color:#fff!important}
.w-black,.w-hover-black:hover{color:#fff!important;background-color:#000!important}
.w-grey,.w-hover-grey:hover,.w-gray,.w-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.w-light-grey,.w-hover-light-grey:hover,.w-light-gray,.w-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w-dark-grey,.w-hover-dark-grey:hover,.w-dark-gray,.w-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w-pale-red,.w-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w-pale-green,.w-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w-pale-yellow,.w-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w-pale-blue,.w-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}

/* CSS Text Colors */
.w-text-amber,.w-hover-text-amber:hover{color:#ffc107!important}
.w-text-aqua,.w-hover-text-aqua:hover{color:#00ffff!important}
.w-text-blue,.w-hover-text-blue:hover{color:#2196F3!important}
.w-text-light-blue,.w-hover-text-light-blue:hover{color:#87CEEB!important}
.w-text-brown,.w-hover-text-brown:hover{color:#795548!important}
.w-text-cyan,.w-hover-text-cyan:hover{color:#00bcd4!important}
.w-text-blue-grey,.w-hover-text-blue-grey:hover,.w-text-blue-gray,.w-hover-text-blue-gray:hover{color:#607d8b!important}
.w-text-green,.w-hover-text-green:hover{color:#4CAF50!important}
.w-text-light-green,.w-hover-text-light-green:hover{color:#8bc34a!important}
.w-text-indigo,.w-hover-text-indigo:hover{color:#3f51b5!important}
.w-text-khaki,.w-hover-text-khaki:hover{color:#b4aa50!important}
.w-text-lime,.w-hover-text-lime:hover{color:#cddc39!important}
.w-text-orange,.w-hover-text-orange:hover{color:#ff9800!important}
.w-text-deep-orange,.w-hover-text-deep-orange:hover{color:#ff5722!important}
.w-text-pink,.w-hover-text-pink:hover{color:#e91e63!important}
.w-text-purple,.w-hover-text-purple:hover{color:#9c27b0!important}
.w-text-deep-purple,.w-hover-text-deep-purple:hover{color:#673ab7!important}
.w-text-red,.w-hover-text-red:hover{color:#f44336!important}
.w-text-sand,.w-hover-text-sand:hover{color:#fdf5e6!important}
.w-text-teal,.w-hover-text-teal:hover{color:#009688!important}
.w-text-yellow,.w-hover-text-yellow:hover{color:#d2be0e!important}
.w-text-white,.w-hover-text-white:hover{color:#fff!important}
.w-text-black,.w-hover-text-black:hover{color:#000!important}
.w-text-grey,.w-hover-text-grey:hover,.w-text-gray,.w-hover-text-gray:hover{color:#757575!important}
.w-text-light-grey,.w-hover-text-light-grey:hover,.w-text-light-gray,.w-hover-text-light-gray:hover{color:#f1f1f1!important}
.w-text-dark-grey,.w-hover-text-dark-grey:hover,.w-text-dark-gray,.w-hover-text-dark-gray:hover{color:#3a3a3a!important}

/* CSS Border Colors */
.w-border-amber,.w-hover-border-amber:hover{border-color:#ffc107!important}
.w-border-aqua,.w-hover-border-aqua:hover{border-color:#00ffff!important}
.w-border-blue,.w-hover-border-blue:hover{border-color:#2196F3!important}
.w-border-light-blue,.w-hover-border-light-blue:hover{border-color:#87CEEB!important}
.w-border-brown,.w-hover-border-brown:hover{border-color:#795548!important}
.w-border-cyan,.w-hover-border-cyan:hover{border-color:#00bcd4!important}
.w-border-blue-grey,.w-hover-border-blue-grey:hover,.w-border-blue-gray,.w-hover-border-blue-gray:hover{border-color:#607d8b!important}
.w-border-green,.w-hover-border-green:hover{border-color:#4CAF50!important}
.w-border-light-green,.w-hover-border-light-green:hover{border-color:#8bc34a!important}
.w-border-indigo,.w-hover-border-indigo:hover{border-color:#3f51b5!important}
.w-border-khaki,.w-hover-border-khaki:hover{border-color:#f0e68c!important}
.w-border-lime,.w-hover-border-lime:hover{border-color:#cddc39!important}
.w-border-orange,.w-hover-border-orange:hover{border-color:#ff9800!important}
.w-border-deep-orange,.w-hover-border-deep-orange:hover{border-color:#ff5722!important}
.w-border-pink,.w-hover-border-pink:hover{border-color:#e91e63!important}
.w-border-purple,.w-hover-border-purple:hover{border-color:#9c27b0!important}
.w-border-deep-purple,.w-hover-border-deep-purple:hover{border-color:#673ab7!important}
.w-border-red,.w-hover-border-red:hover{border-color:#f44336!important}
.w-border-sand,.w-hover-border-sand:hover{border-color:#fdf5e6!important}
.w-border-teal,.w-hover-border-teal:hover{border-color:#009688!important}
.w-border-yellow,.w-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w-border-white,.w-hover-border-white:hover{border-color:#fff!important}
.w-border-black,.w-hover-border-black:hover{border-color:#000!important}
.w-border-grey,.w-hover-border-grey:hover,.w-border-gray,.w-hover-border-gray:hover{border-color:#9e9e9e!important}
.w-border-light-grey,.w-hover-border-light-grey:hover,.w-border-light-gray,.w-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.w-border-dark-grey,.w-hover-border-dark-grey:hover,.w-border-dark-gray,.w-hover-border-dark-gray:hover{border-color:#616161!important}
.w-border-pale-red,.w-hover-border-pale-red:hover{border-color:#ffe7e7!important}
.w-border-pale-green,.w-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.w-border-pale-yellow, .w-hover-border-pale-yellow:hover {border-color:#ffffcc!important}
.w-border-pale-blue, .w-hover-border-pale-blue:hover {border-color:#e7ffff!important}




/* Contains stylings on:
1. layouts (line 25)
2. link styling (line 43)
3. text formatting (line 52)
4. input types and button styling (line 99)

*/